.q-topbar{align-items:center;padding:14px 18px;display:flex}.q-home{color:var(--text-primary);font-family:var(--font-display);align-items:center;gap:9px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.q-home img{border-radius:7px}.q-page{min-height:calc(100dvh - 56px);padding:8px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.q-shell{width:100%;max-width:560px;margin:0 auto}.q-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:70dvh;display:flex}.q-boot{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.q-boot-spinner{border:3px solid color-mix(in srgb, var(--terracotta) 22%, transparent);border-top-color:var(--terracotta);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite q-spin}.q-boot-label{font-size:.9rem}@keyframes q-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.q-boot-spinner{animation:none}}.q-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow-lift);padding:28px 24px}.q-eyebrow{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700}.q-btn{--_bg:var(--terracotta);min-height:48px;font-family:var(--font-body);cursor:pointer;transition:transform .15s var(--ease-out), background .2s, box-shadow .2s;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.q-btn-primary{background:var(--terracotta);color:#fff}.q-btn-primary:hover{background:var(--terracotta-deep);transform:translateY(-1px)}.q-btn-ghost{color:var(--text-emphasis);border-color:var(--border-light);background:0 0}.q-btn-ghost:hover{border-color:var(--terracotta);color:var(--accent)}.q-btn-lg{width:100%;min-height:54px;font-size:1.05rem}.q-linkbtn{color:var(--text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;text-decoration:underline}.q-linkbtn:hover{color:var(--accent)}.q-intro{text-align:center}.q-intro-icon{box-shadow:var(--shadow-card-md);border-radius:18px;margin:0 auto 10px}.q-intro-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.7rem,1.3rem + 2vw,2.3rem);font-weight:800;line-height:1.1}.q-intro-sub{color:var(--text-secondary);margin-top:6px;font-weight:600}.q-intro-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.q-field{text-align:left;flex-direction:column;gap:7px;display:flex}.q-field span{color:var(--text-emphasis);font-size:.9rem;font-weight:600}.q-field input{font:inherit;border-radius:var(--r-md);border:1.5px solid var(--border-light);background:var(--bg);color:var(--text-primary);padding:14px 16px;font-size:1.05rem}.q-field input:focus-visible{outline:2px solid var(--terracotta);outline-offset:1px;border-color:var(--terracotta)}.q-intro-peek{color:var(--text-muted);margin-top:16px;font-size:.9rem}.q-chapter{text-align:center}.q-chapter-line{font-family:var(--font-display);color:var(--text-primary);margin:12px 0 20px;font-size:clamp(1.5rem,1.2rem + 1.8vw,2rem);font-weight:700;line-height:1.18}.q-chapter-nudge{color:var(--accent);margin-bottom:16px;font-weight:700}.q-progress{gap:6px;margin:10px 0 8px;display:flex}.q-progress-seg{background:var(--border-light);border-radius:999px;flex:1;height:7px;overflow:hidden}.q-progress-fill{background:linear-gradient(90deg, var(--terracotta), var(--terracotta-deep));height:100%;transition:width .3s var(--ease-out);display:block}.q-count{text-align:center;color:var(--text-muted);margin-bottom:14px;font-size:.85rem;font-weight:600}.q-question{border:none;margin:0;padding:0}.q-qtext{font-family:var(--font-display);color:var(--text-primary);text-align:center;max-width:34ch;margin:0 auto 20px;padding:0 4px 4px;font-size:clamp(1.25rem,1.05rem + 1.2vw,1.6rem);font-weight:700;line-height:1.25}.q-likert{flex-direction:column;gap:10px;display:flex}.q-opt{border-radius:var(--r-md);border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;align-items:center;gap:14px;min-height:54px;padding:12px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.q-opt:hover{border-color:color-mix(in srgb, var(--terracotta) 45%, var(--border-light))}.q-opt input{opacity:0;width:1px;height:1px;position:absolute}.q-opt-dot{border:2px solid var(--border-light);border-radius:50%;flex:none;width:22px;height:22px;transition:border-color .15s,background .15s,box-shadow .15s}.q-opt-label{color:var(--text-body);font-size:1rem;font-weight:600}.q-opt.is-selected{border-color:var(--terracotta);background:color-mix(in srgb, var(--terracotta) 10%, transparent)}.q-opt.is-selected .q-opt-dot{border-color:var(--terracotta);background:var(--terracotta);box-shadow:inset 0 0 0 3px var(--surface)}.q-opt:has(input:focus-visible){outline:2px solid var(--terracotta);outline-offset:2px}.q-nav{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.q-nav-hint{color:var(--text-muted);font-size:.82rem}.q-reveal{text-align:center}.q-reveal-tiles{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.q-reveal-tiles img{background:var(--bg-tint);border-radius:14px}@media (prefers-reduced-motion:no-preference){.q-reveal-tiles img{animation:q-bob .9s var(--ease-out) infinite alternate}}@keyframes q-bob{0%{opacity:.7;transform:translateY(0)scale(.96)}to{opacity:1;transform:translateY(-8px)scale(1)}}.q-reveal-text{font-family:var(--font-display);color:var(--text-secondary);font-size:1.2rem;font-weight:700}.q-result{width:100%}.q-hero{text-align:center;margin-bottom:8px}.q-hero-elegant{padding-top:6px;position:relative}.q-hero-art{place-items:center;width:176px;height:176px;margin:0 auto 16px;animation:.55s cubic-bezier(.22,1,.36,1) both q-pop;display:grid;position:relative}.q-hero-art:before{content:"";background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--terracotta) 30%, transparent), #e5a23d29 45%, transparent 70%);filter:blur(4px);z-index:0;border-radius:50%;animation:.8s ease-out both q-glow;position:absolute;inset:-26%}.q-hero-img{z-index:1;object-fit:contain;background:linear-gradient(155deg, var(--surface), var(--bg-tint));width:176px;height:176px;box-shadow:0 16px 38px color-mix(in srgb, var(--terracotta) 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--terracotta) 15%, transparent);border-radius:32px;position:relative}.q-hero-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}.q-hero-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.4px;margin:6px 0 10px;font-size:clamp(1.9rem,1.4rem + 2.6vw,2.75rem);font-weight:800;line-height:1.05}.q-hero-code{letter-spacing:.2em;color:#fff;background:linear-gradient(135deg, var(--terracotta), color-mix(in srgb, var(--terracotta) 70%, #e5a23d));box-shadow:0 4px 12px color-mix(in srgb, var(--terracotta) 28%, transparent);border-radius:999px;padding:5px 15px;font-size:.82rem;font-weight:700;display:inline-block}.q-traits{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.q-traits li{color:var(--text-emphasis);background:color-mix(in srgb, var(--terracotta) 7%, var(--surface));border:1px solid color-mix(in srgb, var(--terracotta) 18%, var(--border-light));border-radius:999px;padding:5px 13px;font-size:.85rem;font-weight:600}.q-short{max-width:34ch;color:var(--text-secondary);text-align:center;margin:20px auto 0;font-size:1.08rem;line-height:1.55}.q-celebrate-actions{margin-top:22px}.q-details{animation:.45s ease-out both q-reveal-in}@keyframes q-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes q-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes q-glow{0%{opacity:0}to{opacity:1}}.q-bars{flex-direction:column;gap:14px;margin:26px 0;display:flex}.q-bar-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.q-bar-label{color:var(--text-primary);font-size:.9rem;font-weight:700}.q-bar-strength{color:var(--dim,var(--terracotta));font-size:.8rem;font-weight:700}.q-bar-track{background:var(--bg-tint);border:1px solid var(--border-light);border-radius:999px;height:12px;position:relative;overflow:hidden}.q-bar-fill{background:var(--dim,var(--terracotta));height:100%;transition:width .6s var(--ease-out);border-radius:999px;position:absolute;top:0;bottom:0}.q-bar-mid{background:color-mix(in srgb, var(--text-muted) 40%, transparent);width:2px;position:absolute;top:-2px;bottom:-2px;left:50%}.q-bar-poles{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.78rem;display:flex}.q-bar-poles .is-on{color:var(--text-emphasis);font-weight:700}.q-desc{color:var(--text-body);white-space:pre-line;margin:4px 0 20px;line-height:1.6}.q-cols{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;display:grid}.q-col ul{margin:8px 0 0;padding-left:1.1em}.q-col li{color:var(--text-body);margin-bottom:7px;font-size:.9rem;line-height:1.45}.q-col-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700}.q-col-strength{color:#4a9a5b}.q-col-challenge{color:var(--terracotta)}.q-tip{background:var(--bg-tint);border:1px solid var(--border-light);border-radius:var(--r-lg);margin-top:18px;padding:16px 18px}.q-tip p{color:var(--text-body);white-space:pre-line;margin-top:6px;line-height:1.55}.q-toy{margin-top:18px}.q-toy .q-col-title{margin-bottom:10px;display:block}.q-toy-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.q-toy-card:hover,.q-toy-card:focus-visible{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--terracotta) 40%, var(--border-light));transform:translateY(-2px)}.q-toy-img{object-fit:contain;background:var(--bg-tint);border-radius:12px;flex:none;width:84px;height:84px}.q-toy-info{text-align:left;flex-direction:column;gap:4px;display:flex}.q-toy-name{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.q-toy-reason{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.q-toy-link{color:var(--accent);margin-top:4px;font-size:.85rem;font-weight:700}.q-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 6px;display:flex}.q-store{text-align:center;border-top:1px solid var(--divider);margin-top:18px;padding-top:18px}.q-store-note{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.q-store-badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.q-store-badges img{width:auto;height:44px}.q-welcome{text-align:center}.q-welcome-img{background:var(--bg-tint);border-radius:18px;margin:0 auto 8px}.q-welcome-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:14px;font-size:1.5rem;font-weight:800}.q-resume{text-align:center}.q-resume p{color:var(--text-body);margin-bottom:14px}.q-privacy{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.82rem}.q-result-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}@media (width<=520px){.q-cols{grid-template-columns:1fr}.q-card{padding:22px 18px}}