@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fff9fe;--bg-a: #ffdff0;--bg-b: #dcf4ff;--panel: rgba(255, 255, 255, .93);--panel-strong: #ffffff;--text: #2f2a52;--muted: #706b94;--border: #ebe6fb;--accent: #ff7bb1;--accent-2: #6bc8ff;--accent-3: #ffe06f;--chip: #fbf7ff;--shadow: 0 16px 34px rgba(91, 63, 145, .16);--focus: #2f84ff;--radius: 16px}:root[data-theme=dark]{--bg: #141a2f;--bg-a: #3c2759;--bg-b: #123149;--panel: rgba(29, 35, 58, .9);--panel-strong: #212845;--text: #eef3ff;--muted: #c2cae5;--border: #384269;--accent: #ff9ac1;--accent-2: #8bd0ff;--accent-3: #ffd577;--chip: #2b3457;--shadow: 0 18px 40px rgba(0, 0, 0, .42);--focus: #9fd0ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Space Grotesk,Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(34rem 28rem at 50% -18%,rgba(255,240,180,.36),transparent 68%),radial-gradient(72rem 46rem at -8% -8%,var(--bg-a),transparent 62%),radial-gradient(72rem 46rem at 108% -8%,var(--bg-b),transparent 62%),var(--bg);padding:clamp(12px,2vw,22px)}body.magic-cursor{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M6 26 L26 6' stroke='%23ff7bb1' stroke-width='3' stroke-linecap='round'/><circle cx='23' cy='9' r='3' fill='%23ffe06f' stroke='%23ffffff' stroke-width='1'/></svg>") 4 28,auto}body.magic-cursor button,body.magic-cursor a,body.magic-cursor [role=button],body.magic-cursor .btn,body.magic-cursor .option-card,body.magic-cursor .photo-dropzone{cursor:inherit!important}#cursor-sparkles{position:fixed;inset:0;pointer-events:none;z-index:9999}.cursor-sparkle{position:absolute;left:0;top:0;opacity:0;border-radius:3px;background:radial-gradient(circle,hsl(var(--sparkle-h, 0) 95% 70% / .98) 0 40%,hsl(var(--sparkle-h, 0) 85% 65% / .35) 45%,transparent 70%),radial-gradient(circle at 30% 30%,hsl(calc(var(--sparkle-h, 0) + 20) 95% 78% / .95),transparent 55%),radial-gradient(circle at 70% 70%,hsl(calc(var(--sparkle-h, 0) - 20) 90% 62% / .8),transparent 60%);clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 58%,79% 92%,50% 72%,21% 92%,31% 58%,2% 35%,38% 34%);filter:drop-shadow(0 0 6px hsl(var(--sparkle-h, 0) 90% 70% / .9));transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.6)}.cursor-sparkle.is-anim{animation:sparkleFall 1.1s ease-out forwards}@keyframes sparkleFall{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.45)}20%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) translateY(18px) rotate(calc(var(--rot, 0deg) + 40deg)) scale(1.05)}}.seo-fallback{max-width:980px;margin:32px auto 40px;padding:0 20px 28px;display:grid;gap:22px}.seo-hero{padding:22px 24px;border-radius:22px;background:color-mix(in srgb,var(--panel) 88%,#fff);border:1px solid color-mix(in srgb,var(--accent-2) 18%,var(--border));box-shadow:var(--shadow)}.seo-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--muted);font-weight:600}.seo-hero h2{margin:0 0 8px;font-size:clamp(1.6rem,2.8vw,2.2rem)}.seo-subtitle{margin:0 0 18px;color:var(--muted);font-size:1rem}.seo-subtitle.alt{margin-top:-6px}.seo-cta{display:flex;flex-wrap:wrap;gap:12px}.seo-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.seo-meta .chip{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-strong) 88%,var(--chip))}.seo-trust{margin-top:12px;display:grid;gap:6px;font-size:.88rem;color:var(--muted)}.seo-badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.seo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--text);border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 28%,#fff),color-mix(in srgb,var(--accent-2) 28%,#fff))}.seo-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 35%,#fff),color-mix(in srgb,var(--accent-2) 35%,#fff));border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--border));box-shadow:0 12px 24px #5b3f9129}.seo-btn.ghost{background:transparent;border:1px solid color-mix(in srgb,var(--accent-2) 30%,var(--border))}.seo-samples,.seo-before-after{padding:18px 22px;border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,#fff);border:1px solid var(--border);display:grid;gap:14px}.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.before-card{border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--panel-strong);display:grid;gap:10px}.before-label{margin:0;font-weight:700}.before-note{margin:0;color:var(--muted);font-size:.9rem}.before-placeholder{aspect-ratio:4 / 5;border-radius:12px;border:1px dashed color-mix(in srgb,var(--accent-2) 40%,var(--border));background:radial-gradient(120px 120px at 50% 30%,rgba(255,255,255,.7),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,#fff),color-mix(in srgb,var(--accent-2) 24%,#fff));display:grid;place-items:center;color:var(--muted);font-weight:600}.after-preview img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border);background:#fff}.seo-samples-head h3{margin:0 0 4px;font-size:1.1rem}.seo-samples-head p{margin:0;color:var(--muted)}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sample-card{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--panel-strong);box-shadow:0 8px 16px #5b3f911f}.sample-card img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}@media(max-width:720px){.before-after-grid{grid-template-columns:1fr}}.seo-steps,.seo-highlights{padding:18px 22px;border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,#fff);border:1px solid var(--border)}.seo-steps h3,.seo-highlights h3{margin:0 0 10px;font-size:1.1rem}.seo-steps ol,.seo-highlights ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.consent-kids{left:50%;top:16px;transform:translate(-50%);width:min(640px,calc(100% - 24px));background:color-mix(in srgb,var(--panel) 82%,#fff);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border));border-radius:18px;padding:10px 12px 12px;box-shadow:0 16px 30px #5b3f912e;z-index:60;display:grid;gap:8px;font-size:.86rem;position:fixed}.consent-kids p{margin:0;color:var(--muted)}.consent-kids strong{color:var(--text)}.consent-kids-close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer}.consent-kids-actions{display:flex;flex-wrap:wrap;gap:8px}.consent-kids-actions button{border:1px solid var(--border);border-radius:999px;background:var(--panel-strong);color:var(--text);font:inherit;padding:6px 12px;cursor:pointer;font-weight:700}.consent-kids-actions button:last-child{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 28%,#fff),color-mix(in srgb,var(--accent-2) 28%,#fff))}.seo-ads{padding:16px 20px;border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,#fff);border:1px dashed color-mix(in srgb,var(--accent-2) 25%,var(--border));display:grid;gap:8px;justify-items:center}.seo-ads .ad-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.seo-ads ins.adsbygoogle{display:block;width:100%;min-height:120px;background:color-mix(in srgb,var(--panel-strong) 60%,#fff);border-radius:12px}.seo-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:.9rem}.seo-links a{color:var(--text);text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--accent-2) 40%,var(--border))}@media(max-width:720px){.seo-fallback{margin:20px auto 30px;padding:0 16px 22px}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font:inherit}.app-shell{max-width:1140px;margin:0 auto;display:grid;gap:16px}.debug-panel{border:1px dashed var(--border);border-radius:calc(var(--radius) - 6px);padding:12px 14px;background:color-mix(in srgb,var(--panel) 92%,#fff);color:var(--muted);display:grid;gap:8px}.debug-actions{display:flex;flex-wrap:wrap;gap:8px}.debug-header{display:flex;gap:8px;align-items:baseline}.debug-header strong{color:var(--text)}.debug-panel pre{margin:0;padding:10px;border-radius:10px;background:#0000000a;color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:.85rem}.share-modal-backdrop{position:fixed;inset:0;background:radial-gradient(30rem 22rem at 10% 5%,rgba(255,240,210,.35),transparent 60%),radial-gradient(28rem 22rem at 90% 0%,rgba(224,244,255,.5),transparent 60%),#0d121f73;display:grid;place-items:center;z-index:30;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-modal{width:min(420px,92vw);background:radial-gradient(120% 120% at 0% 0%,rgba(255,214,242,.7),transparent 45%),radial-gradient(120% 120% at 100% 0%,rgba(185,229,255,.65),transparent 55%),var(--panel-strong);border-radius:22px;border:1px solid color-mix(in srgb,var(--accent-2) 18%,var(--border));box-shadow:0 18px 40px #5b3f912e;padding:18px;display:grid;gap:12px;position:relative;overflow:hidden}.share-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(3px 3px at 15% 20%,rgba(255,255,255,.9),transparent 55%),radial-gradient(2px 2px at 70% 15%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 30% 70%,rgba(255,255,255,.75),transparent 60%),radial-gradient(3px 3px at 85% 65%,rgba(255,255,255,.85),transparent 55%);opacity:.7;pointer-events:none}.share-modal-head{display:flex;justify-content:space-between;align-items:center}.share-modal-head strong{font-size:1.05rem;color:var(--text)}.share-modal-hint{margin:0;color:var(--muted);font-size:.9rem}.share-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-modal-actions .btn{white-space:nowrap;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 30%,#fff),color-mix(in srgb,var(--accent-2) 30%,#fff));border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--border));box-shadow:0 10px 18px #5b3f911f}.share-modal-actions .btn.ghost{background:transparent}.share-theme{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.share-theme .toggle-group{display:flex;flex-wrap:wrap;gap:8px}.legal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 2px 2px;color:var(--muted);font-size:.84rem}.legal-footer a{color:color-mix(in srgb,var(--accent-2) 70%,var(--text));text-decoration:none;font-weight:700}.legal-footer a:hover{text-decoration:underline}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 12px;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--panel);box-shadow:0 10px 22px #5b3f911a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.brand-logo{width:40px;height:40px;border-radius:10px;overflow:hidden;flex:0 0 auto;box-shadow:0 6px 14px #0000001f}.brand-logo svg{display:block;width:100%;height:100%}.brand-copy{display:grid;gap:2px}.brand-badge{display:inline-block;margin-bottom:0;border-radius:999px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,#fff),color-mix(in srgb,var(--accent-2) 16%,#fff));color:var(--text);border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border));padding:4px 10px;font-size:clamp(.92rem,1.6vw,1.06rem);font-weight:600;letter-spacing:.005em;line-height:1.05}h1{margin:0;font-size:clamp(1.48rem,3.6vw,2.4rem);line-height:1.12}.subtitle{display:block;margin:0;color:var(--muted);font-size:.8rem}.top-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.control-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px}.step-badge{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;border-radius:999px;padding:4px 8px;font-weight:600;font-size:.74rem;box-shadow:0 6px 12px #69c2ff2e}.toggle-group{display:inline-flex;background:var(--chip);border:1px solid var(--border);border-radius:999px;padding:2px;gap:2px}.chip{border:0;background:transparent;color:var(--text);border-radius:999px;min-height:28px;min-width:48px;padding:0 9px;cursor:pointer;font-weight:600;font-size:.8rem}.chip.is-active{background:var(--panel-strong);box-shadow:var(--shadow)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);padding:clamp(14px,2.6vw,28px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;right:-120px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffe9a333,#ffe9a300 70%);pointer-events:none}.hero-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent-2) 14%,var(--border));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--panel-strong)),color-mix(in srgb,var(--accent-2) 10%,var(--panel-strong)))}.hero-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;background:var(--panel-strong);border:1px solid var(--border)}.hero-bubbles{display:inline-flex;gap:6px;font-size:.78rem;font-weight:700;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.hero-bubbles span{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--accent-2) 24%,var(--border));border-radius:999px;padding:3px 7px;background:color-mix(in srgb,var(--panel-strong) 90%,var(--chip))}.question-title,.result-title{margin:0;font-size:clamp(1.25rem,3vw,1.64rem)}.quiz-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.quiz-progress{display:grid;gap:6px;margin-bottom:12px}.quiz-progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);font-weight:600}.quiz-progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--chip) 70%,var(--panel-strong));border:1px solid var(--border);overflow:hidden}.quiz-progress-track span{display:block;height:100%;width:0;background:linear-gradient(120deg,var(--accent),var(--accent-2),var(--accent-3));border-radius:999px;transition:width .3s ease}.quiz-side{display:grid;align-content:start;gap:10px}.questions-stack{display:grid;gap:10px}.question-block{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 90%,#fff),color-mix(in srgb,var(--panel-strong) 78%,var(--chip)))}.question-block-title{margin:0 0 8px;font-size:1rem}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.option-card{text-align:left;border:1px solid var(--border);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--panel-strong) 60%,var(--chip)));border-radius:var(--radius);padding:11px;min-height:86px;display:grid;gap:6px;position:relative;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.option-card:hover{transform:translateY(-2px)}.option-card.is-selected{border-color:color-mix(in srgb,var(--accent-2) 70%,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 35%,transparent),0 10px 20px color-mix(in srgb,var(--accent) 20%,transparent);animation:selectedOutlinePulse 2.5s ease-in-out infinite}.option-card.is-selected:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius) + 2px);pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 86% 22%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 74% 84%,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 24% 78%,rgba(255,255,255,.88) 0 2px,transparent 3px);animation:twinkleGlow 2.3s ease-in-out infinite}@keyframes twinkleGlow{0%{opacity:.38}50%{opacity:.92}to{opacity:.38}}@keyframes selectedOutlinePulse{0%{border-color:color-mix(in srgb,var(--accent-2) 72%,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 30%,transparent),0 10px 20px color-mix(in srgb,var(--accent) 16%,transparent)}50%{border-color:color-mix(in srgb,var(--accent-2) 86%,#7ed3ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 55%,transparent),0 0 22px color-mix(in srgb,var(--accent-2) 34%,transparent),0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}to{border-color:color-mix(in srgb,var(--accent-2) 72%,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 30%,transparent),0 10px 20px color-mix(in srgb,var(--accent) 16%,transparent)}}.option-label{font-weight:700;font-size:.96rem}.option-sub{color:var(--muted);font-size:.82rem}.actions-row{display:flex;justify-content:flex-end;gap:10px}.photo-box{border:1px dashed color-mix(in srgb,var(--accent-2) 26%,var(--border));border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 92%,#fff),color-mix(in srgb,var(--panel-strong) 82%,var(--chip)))}.photo-box h3{margin:0 0 4px;font-size:1.02rem}.photo-box p{margin:0;color:var(--muted);font-size:.93rem}.policy-note{margin-top:8px!important;font-size:.7rem!important;line-height:1.45;opacity:.72}.photo-status{margin-top:8px!important;color:var(--muted);font-size:.84rem!important;font-weight:700}.photo-controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;clip:rect(0,0,0,0);overflow:hidden}.photo-preview{margin-top:10px;border:1px solid var(--border);border-radius:14px;min-height:152px;display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--chip) 74%,var(--panel-strong)),color-mix(in srgb,var(--chip) 58%,var(--panel-strong)));color:var(--muted);text-align:center;padding:10px}.photo-dropzone{position:relative;cursor:pointer;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.photo-dropzone:before{content:"🧍";position:absolute;inset:0;display:grid;place-items:center;font-size:4.1rem;opacity:.16;pointer-events:none}.photo-dropzone span{position:relative;z-index:1;font-weight:700}.photo-dropzone:hover{transform:translateY(-1px)}.photo-dropzone.is-dragging{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 35%,transparent)}.photo-preview.has-photo{padding:0;overflow:hidden}.photo-preview.has-photo:before{content:""}.photo-preview img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block}.quiz-mobile-actions{display:none}.btn{border:1px solid var(--border);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--panel-strong) 78%,var(--chip)));color:var(--text);border-radius:999px;min-height:44px;padding:0 16px;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-1px)}.btn-accent{position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent-2) 68%,#fff),var(--accent-3));background-size:220% 220%;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.14);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 40%,transparent);animation:rainbowShift 6.2s linear infinite,accentGlowPulse 3.1s ease-in-out infinite}.btn-accent[data-action=generate-makeup]{font-size:1.02rem;min-height:50px;letter-spacing:.01em;background-image:linear-gradient(120deg,#ff6fb8,#8fd4ff,#ffe06f,#b6ff8f,#ff9ad9),radial-gradient(circle at 14% 22%,rgba(255,255,255,.95) 0 2.5px,transparent 4px),radial-gradient(circle at 28% 58%,rgba(255,255,255,.9) 0 2.2px,transparent 4px),radial-gradient(circle at 70% 24%,rgba(255,255,255,.92) 0 2.4px,transparent 4px),radial-gradient(circle at 82% 40%,rgba(255,255,255,.88) 0 2.2px,transparent 4px),radial-gradient(circle at 46% 76%,rgba(255,255,255,.88) 0 2.2px,transparent 4px),radial-gradient(circle at 88% 78%,rgba(255,255,255,.86) 0 2.2px,transparent 4px),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 45%,transparent 70%);background-size:260% 260%,200% 200%,220% 220%,230% 230%,240% 240%,250% 250%,260% 260%,280% 280%;background-position:0% 50%,0% 0%,20% 40%,60% 70%,40% 20%,70% 40%,50% 70%,-20% 50%;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 45%,transparent),0 0 22px color-mix(in srgb,var(--accent-2) 32%,transparent),0 0 34px color-mix(in srgb,var(--accent-3) 38%,transparent);animation:rainbowShift 4.6s linear infinite,accentGlowPulse 1.9s ease-in-out infinite,ctaPulse 1.6s ease-in-out infinite,ctaSparkle 1.9s ease-in-out infinite}.btn-accent[data-action=generate-makeup]:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--accent-3) 60%,transparent);opacity:.6;pointer-events:none;filter:blur(.3px);box-shadow:0 0 18px color-mix(in srgb,var(--accent-2) 40%,transparent),0 0 30px color-mix(in srgb,var(--accent-3) 35%,transparent);animation:ctaHalo 1.8s ease-in-out infinite,ctaRingPulse 2.6s ease-in-out infinite}.btn-accent[data-action=generate-makeup]:before{inset:-10px;filter:blur(.6px);box-shadow:0 0 12px #fff3,0 0 26px #ffffff47;animation:accentSweep 2.6s ease-in-out infinite,ctaSweepWide 3.6s ease-in-out infinite;opacity:.95}.btn-accent[data-action=generate-makeup]:hover{transform:translateY(-2px) scale(1.01)}.btn-accent[data-action=generate-makeup][disabled]{animation:none;box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 20%,transparent)}.btn-accent[data-action=generate-makeup][disabled]:after{opacity:0;animation:none}.btn-accent:before{content:"";position:absolute;top:-130%;left:-34%;width:34%;height:360%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);transform:rotate(18deg);pointer-events:none;animation:accentSweep 4.2s ease-in-out infinite}.btn-accent[disabled]:before{opacity:0;animation:none}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes accentGlowPulse{0%{box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 34%,transparent)}50%{box-shadow:0 10px 24px color-mix(in srgb,var(--accent-2) 42%,transparent),0 0 24px color-mix(in srgb,var(--accent-3) 30%,transparent)}to{box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 34%,transparent)}}@keyframes ctaPulse{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-1px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes ctaSparkle{0%{background-position:0% 50%,-10% -10%,10% 30%,50% 60%,30% 10%,60% 30%,40% 60%,-40% 50%}50%{background-position:100% 50%,80% 10%,100% 50%,60% 5%,90% 25%,40% 50%,95% 10%,140% 50%}to{background-position:0% 50%,140% 90%,160% 120%,120% 110%,150% 95%,120% 120%,160% 130%,220% 50%}}@keyframes ctaSweepWide{0%{transform:translate(-160%) rotate(18deg);opacity:0}20%{opacity:.8}60%{opacity:.35}to{transform:translate(420%) rotate(18deg);opacity:0}}@keyframes ctaRingPulse{0%{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}to{opacity:.35;transform:scale(.96)}}@keyframes ctaHalo{0%{opacity:.35;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}to{opacity:.35;transform:scale(.98)}}@keyframes accentSweep{0%{transform:translate(-150%) rotate(18deg);opacity:0}20%{opacity:.58}60%{opacity:.28}to{transform:translate(390%) rotate(18deg);opacity:0}}.btn.ghost{background:var(--chip)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}@media(prefers-reduced-motion:reduce){body.magic-cursor{cursor:auto}#cursor-sparkles{display:none}.btn-accent,.btn-accent:before,.btn-accent[data-action=generate-makeup],.btn-accent[data-action=generate-makeup]:before,.btn-accent[data-action=generate-makeup]:after,.option-card.is-selected,.option-card.is-selected:after,.avatar-wrap,.avatar-wrap:before,.avatar-wrap:after{animation:none!important}}.result-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.avatar-wrap{width:min(100%,460px);margin:8px auto 0;position:relative;z-index:0;border-radius:20px;overflow:visible;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-strong) 85%,var(--chip));animation:pingFrameGlow 3.8s ease-in-out infinite}.avatar-wrap:before{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:26px;pointer-events:none;background:radial-gradient(circle at 22% 20%,color-mix(in srgb,var(--accent-3) 58%,transparent),transparent 52%),radial-gradient(circle at 80% 22%,color-mix(in srgb,var(--accent-2) 52%,transparent),transparent 56%),radial-gradient(circle at 50% 84%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 54%);filter:blur(8px);opacity:.48;animation:pingAuraPulse 4.8s ease-in-out infinite}.avatar-wrap:after{content:"";position:absolute;inset:-2px;border-radius:22px;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 86% 16%,rgba(255,255,255,.92) 0 2px,transparent 3px),radial-gradient(circle at 88% 84%,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 14% 82%,rgba(255,255,255,.88) 0 2px,transparent 3px);animation:twinkleGlow 2.6s ease-in-out infinite}.avatar-wrap svg,.avatar-ai-img{width:100%;height:auto;display:block}.avatar-ai-img{border-radius:20px;box-shadow:0 12px 26px #192c5c1f}@keyframes pingFrameGlow{0%{box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 14%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-2) 20%,transparent)}50%{box-shadow:0 14px 28px color-mix(in srgb,var(--accent-2) 24%,transparent),0 0 0 2px color-mix(in srgb,var(--accent-3) 30%,transparent),0 0 24px color-mix(in srgb,var(--accent-2) 20%,transparent)}to{box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 14%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-2) 20%,transparent)}}@keyframes pingAuraPulse{0%{opacity:.36;transform:scale(.985)}50%{opacity:.62;transform:scale(1.02)}to{opacity:.36;transform:scale(.985)}}.avatar-status{display:inline-block;margin-top:8px;color:var(--muted);font-size:.9rem;font-weight:700}.avatar-overlay{position:absolute;inset:0;background:#0e122261;display:grid;place-items:center;text-align:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.avatar-overlay span{color:#fff;font-weight:700;font-size:.95rem;line-height:1.4;background:#00000047;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 14px}.ping-name{margin:10px 0 4px;text-align:center;font-size:1.45rem}.ping-tagline{text-align:center;color:var(--muted);margin:0}.result-side{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 92%,#fff),color-mix(in srgb,var(--panel-strong) 82%,var(--chip)))}.result-side h4{margin:12px 0 6px}.result-side p{margin:0;color:var(--muted);line-height:1.5}.sticker-wrap{display:flex;justify-content:center}.result-actions{margin-top:14px;display:grid;gap:10px}.share-tip{margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}.ai-box{margin-top:14px;border:1px solid var(--border);border-radius:14px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 92%,#fff),color-mix(in srgb,var(--panel-strong) 82%,var(--chip)));display:grid;gap:10px}.ai-box h4,.ai-box p{margin:0}.tone-hint{color:var(--muted);font-size:.85rem}.ai-cta{display:grid;gap:6px}.price-note{font-size:.82rem;color:var(--muted)}.avatar-style-group{width:fit-content}.ai-status{color:var(--muted);font-size:.9rem;white-space:pre-line}.ai-error{color:#d64545;font-size:.9rem;font-weight:700}.support-note{color:var(--muted);font-size:.82rem;font-weight:700;margin-top:4px}.support-note a{color:color-mix(in srgb,var(--accent-2) 74%,var(--text));text-decoration:none}.support-note a:hover{text-decoration:underline}.ai-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--panel-strong) 76%,var(--chip))}.ai-preview img{display:block;width:100%;height:auto}.media-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.media-actions .btn{min-height:42px;padding:0 10px;font-size:.87rem}.traits-section{margin-top:18px}.traits-title{margin:0 0 10px}.traits-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.trait-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--panel-strong) 88%,var(--chip));font-size:.84rem;white-space:nowrap}.trait-emoji{font-size:.95rem;line-height:1}.trait-text{font-weight:600}.result-mobile-cta{display:none;margin:12px 0 6px;padding:10px;border:1px dashed color-mix(in srgb,var(--accent-2) 35%,var(--border));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 92%,#fff),color-mix(in srgb,var(--panel-strong) 80%,var(--chip)));gap:6px}.cta-hint{color:var(--text);font-size:.88rem}.cta-note{color:var(--muted);font-size:.82rem}button:focus-visible,.photo-dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:940px){.result-grid,.quiz-layout{grid-template-columns:1fr}.result-mobile-cta{display:grid}.result-side{order:2}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-actions{grid-template-columns:1fr}.quiz-side .actions-row{display:none}.quiz-mobile-actions{display:flex;justify-content:flex-end;margin-top:12px}}@media(max-width:700px){body{padding:10px}.app-shell{gap:12px}.panel{padding:14px;border-radius:calc(var(--radius) + 4px)}.topbar{flex-direction:column;align-items:stretch;padding:10px}.top-controls{align-items:flex-start}.control-row{justify-content:flex-start}.brand-logo{width:36px;height:36px}.brand-badge{padding:4px 10px;font-size:clamp(.9rem,4vw,1.06rem)}.hero-strip{align-items:flex-start}.hero-bubbles{font-size:.78rem;justify-content:flex-start}.option-grid{grid-template-columns:1fr}.question-title{font-size:1.2rem}.question-block{padding:10px}.option-card{min-height:76px;padding:10px}.traits-section{margin-top:8px}.btn{min-height:48px}.quiz-head{flex-wrap:wrap}.quiz-mobile-actions .btn{width:100%}.legal-footer{font-size:.8rem}.policy-note{font-size:.74rem!important;opacity:.82}}@media(max-width:430px){body{padding:8px}.panel{padding:12px}.question-title,.result-title{font-size:1.12rem}.question-block-title{font-size:.96rem}.ping-name{font-size:1.25rem}.btn-accent[data-action=generate-makeup]{font-size:.98rem}.hero-strip{padding:10px}}