.kq{padding:clamp(10px,2vw,24px) 0 clamp(36px,5vw,64px)}.kq__card{position:relative;max-width:760px;margin:0 auto;padding:clamp(24px,4vw,46px);border-radius:36px;background:radial-gradient(60% 70% at 100% 0,#ffe0ee 0,#ffe0ee00 70%),radial-gradient(50% 60% at 0 100%,#ece3ff 0,#ece3ff00 70%),linear-gradient(160deg,#fff8fb,#fbf7ff);border:2px solid #F3E3F9;box-shadow:0 26px 50px -38px #783c8c8c;overflow:hidden;isolation:isolate}.kq__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.45;background-image:radial-gradient(#F7B3CF 1.3px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 45%);mask-image:linear-gradient(180deg,#000,transparent 45%)}.kq__screen{display:none;text-align:center}.kq__screen.is-on{display:block;animation:kqIn .45s cubic-bezier(.2,.8,.2,1) both}@keyframes kqIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kq__kicker{display:inline-block;background:#fff;color:#e2448c;font:800 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;box-shadow:0 4px 0 -1px #f9c6dc}.kq__bigemoji{width:96px;height:96px;margin:18px auto 10px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:48px;line-height:1;box-shadow:0 6px #ffd0e3;animation:kqFloat 3.2s ease-in-out infinite}.kq__bigemoji--res{width:120px;height:120px;font-size:62px;box-shadow:0 7px #f5c842;background:#fff6cf}@keyframes kqFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.kq__title{margin:0 0 10px;font-size:clamp(2rem,1.4rem + 2.2vw,3rem);line-height:1.05;color:#2b1e35}.kq__title em{font-style:normal;color:#e2448c}.kq__lead{max-width:34em;margin:0 auto 22px;color:#5e4f68;font-size:clamp(1rem,.95rem + .2vw,1.12rem);line-height:1.5}.kq__hint{margin:14px 0 0;font-size:13px;color:#9a87a8}.kq__start{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 30px;border:0;border-radius:999px;background:#ff7eb6;color:#2a2238;font:700 17px/1 var(--font-body);cursor:pointer;text-decoration:none;box-shadow:0 5px #e2448c;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.kq__start:hover{background:#f0559b;color:#fff;box-shadow:0 5px #c42467}.kq__start:active{box-shadow:0 2px #c42467}.kq__ghost{min-height:46px;padding:0 20px;border-radius:999px;border:2px solid #E3D6FF;background:#fff;color:#5b46a8;font:700 15px/1 var(--font-body);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.kq__ghost:hover{background:#f1e9ff;border-color:#b99bff}.kq__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kq__back{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#7a4fd0;font:700 18px/1 var(--font-body);cursor:pointer;box-shadow:0 3px #e3d6ff}.kq__back:hover{background:#f1e9ff}.kq__count{font:700 13px/1 var(--font-body);color:#7a4fd0;background:#f1e9ff;padding:8px 13px;border-radius:999px}.kq__bar{height:12px;border-radius:999px;background:#f3eaf7;overflow:hidden;margin-bottom:26px;box-shadow:inset 0 2px 3px #50286e14}.kq__bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ffb3d3,#ff7eb6 55%,#b99bff);transition:width .45s cubic-bezier(.3,1.2,.5,1)}.kq__q.is-in{animation:kqIn .4s cubic-bezier(.2,.8,.2,1) both}.kq__qemoji{font-size:46px;line-height:1;margin-bottom:10px}.kq__qtext{margin:0 0 22px;font-size:clamp(1.3rem,1.05rem + 1vw,1.75rem);line-height:1.2;color:#2b1e35}.kq__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}.kq__opt{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:20px;border:2px solid #F3DDEA;background:#fff;color:#2b1e35;font:600 15.5px/1.3 var(--font-body);cursor:pointer;box-shadow:0 0 0 0 transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.kq__opt i{flex:none;width:32px;height:32px;border-radius:50%;background:#fff0f6;color:#e2448c;display:grid;place-items:center;font:800 13px/1 var(--font-body);font-style:normal;transition:background-color .2s ease,color .2s ease,transform .2s ease}.kq__opt:hover{border-color:#ff9cc6;background:#fffafc;box-shadow:0 4px #ffd0e3}.kq__opt:hover i{background:#ff7eb6;color:#fff;transform:scale(1.1)}.kq__opt.is-picked{background:#fff0f6;border-color:#ff7eb6;box-shadow:0 2px #ff9cc6}.kq__opt.is-picked i{background:#e2448c;color:#fff}.kq__score{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:2px 0 10px}.kq__score b{font:700 clamp(2.4rem,2rem + 1.5vw,3.2rem)/1 var(--font-display);color:#e2448c}.kq__score span{font:700 14px/1 var(--font-body);color:#7a6a84}.kq__meter{max-width:420px;height:14px;margin:0 auto 20px;border-radius:999px;background:#f3eaf7;overflow:hidden}.kq__meter i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ffb3d3,#ff7eb6 55%,#b99bff);transition:width 1s cubic-bezier(.3,1.2,.5,1)}.kq__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.kq__promo{display:flex;align-items:center;gap:12px;max-width:520px;margin:24px auto 0;padding:12px 16px;border-radius:20px;background:linear-gradient(120deg,#fff6cf,#ffe9f3);border:2px dashed #FF9CC6;color:#2b1e35;text-align:left;font-weight:600;font-size:14.5px;line-height:1.35;text-decoration:none;transition:border-color .2s ease}.kq__promo:hover{border-color:#e2448c}.kq__promo b{display:inline-block;transition:transform .2s ease}.kq__promo:hover b{transform:translate(3px)}.kq__promo span:first-child{font-size:24px}.kq__promo span:nth-child(2){flex:1}.kq__promo b{color:#e2448c}@media(max-width:600px){.kq__opts{grid-template-columns:1fr}.kq__opt{min-height:56px}.kq__card{border-radius:28px}.kq__actions .kq__start,.kq__actions .kq__ghost{width:100%}}@media(prefers-reduced-motion:reduce){.kq__bigemoji,.kq__screen.is-on,.kq__q.is-in{animation:none}}.kq__challenge{display:flex;flex-direction:column;gap:3px;max-width:440px;margin:16px auto 0;padding:12px 16px;border-radius:18px;background:#fff6cf;border:2px dashed #F5C842;color:#4a3b55;font-size:14.5px;line-height:1.35}.kq__challenge[hidden]{display:none}.kq__challenge b{color:#c42467;font-size:15px}.kq__share{margin:26px auto 0;max-width:560px;padding-top:22px;border-top:2px dashed #F3DDEA}.kq__share-t{margin:0 0 12px;font:700 15px/1.3 var(--font-body);color:#4a3b55}.kq__share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.kq__sh{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:999px;border:0;color:#fff;font:700 14px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:filter .2s ease,background-color .2s ease}.kq__sh:hover{filter:brightness(1.1) saturate(1.1);color:#fff}.kq__sh--wa{background:#25d366}.kq__sh--fb{background:#1877f2}.kq__sh--x{background:#14171a}.kq__sh--tg{background:#229ed9}.kq__sh--ig{background:linear-gradient(45deg,#f9a13b,#e1306c 55%,#8a3ab9)}.kq__sh--cp{background:#fff;color:#5b46a8;border:2px solid #E3D6FF}.kq__sh--cp:hover{color:#5b46a8;background:#f1e9ff}@media(max-width:600px){.kq__sh{flex:1 1 calc(50% - 8px);justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/kawaii-quiz.css.map */