.fq-app{min-height:100%}.fq-offline{position:sticky;top:0;z-index:40;text-align:center;font-size:var(--fq-fs-1);font-weight:700;color:var(--fq-ink);background:var(--fq-amber);padding:var(--fq-space-2)}.fq-fade-enter-active,.fq-fade-leave-active{transition:opacity var(--fq-dur) var(--fq-ease)}.fq-fade-enter-from,.fq-fade-leave-to{opacity:0}:root{--fq-teal: #138a8a;--fq-teal-deep: #0c6a6a;--fq-teal-soft: #d7f0ee;--fq-coral: #ff6b5e;--fq-amber: #ffc24b;--fq-green: #34b46b;--fq-ink: #15212b;--fq-ink-soft: #5b6772;--fq-line: #e6ebef;--fq-white: #ffffff;--fq-bg: #f5f7f9;--fq-surface: #ffffff;--fq-surface-2: #f1f5f6;--fq-text: var(--fq-ink);--fq-text-soft: var(--fq-ink-soft);--fq-primary: var(--fq-teal);--fq-primary-ink: #ffffff;--fq-accent: var(--fq-coral);--fq-celebrate: var(--fq-amber);--fq-neutral: #aeb8c0;--fq-space-1: 4px;--fq-space-2: 8px;--fq-space-3: 12px;--fq-space-4: 16px;--fq-space-5: 24px;--fq-space-6: 32px;--fq-space-7: 48px;--fq-radius-sm: 10px;--fq-radius: 16px;--fq-radius-lg: 24px;--fq-radius-pill: 999px;--fq-font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fq-fs-1: 13px;--fq-fs-2: 15px;--fq-fs-3: 18px;--fq-fs-4: 22px;--fq-fs-5: 28px;--fq-fs-6: 36px;--fq-grad-primary: linear-gradient(135deg, var(--fq-teal) 0%, var(--fq-teal-deep) 100%);--fq-grad-accent: linear-gradient(135deg, var(--fq-coral) 0%, var(--fq-amber) 100%);--fq-grad-celebrate: linear-gradient(135deg, var(--fq-amber) 0%, var(--fq-coral) 100%);--fq-grad-hero: linear-gradient(160deg, var(--fq-teal-soft) 0%, var(--fq-surface) 65%);--fq-grad-bg: linear-gradient(180deg, var(--fq-teal-soft) 0%, var(--fq-bg) 30%);--fq-touch: 48px;--fq-shadow: 0 2px 8px rgba(21, 33, 43, .08);--fq-shadow-lg: 0 8px 28px rgba(21, 33, 43, .14);--fq-ease: cubic-bezier(.2, .8, .2, 1);--fq-dur: .2s}[data-mode=child]{--fq-bg: #f1faf8;--fq-surface: #ffffff;--fq-surface-2: #e9f6f3;--fq-primary: var(--fq-teal);--fq-accent: var(--fq-coral);--fq-radius: 22px;--fq-radius-lg: 30px;--fq-touch: 64px;--fq-fs-3: 19px;--fq-fs-4: 24px;--fq-fs-5: 32px;--fq-fs-6: 42px}[data-mode=parent]{--fq-bg: #f6f8fa;--fq-surface: #ffffff;--fq-surface-2: #eef2f5;--fq-touch: 44px}.fq-app.a11y-large{--fq-fs-1: 15px;--fq-fs-2: 17px;--fq-fs-3: 21px;--fq-fs-4: 26px;--fq-fs-5: 34px;--fq-fs-6: 46px;--fq-touch: 64px}.fq-app.a11y-dyslexia{--fq-font: "Atkinson Hyperlegible", "Verdana", "Tahoma", system-ui, sans-serif;letter-spacing:.03em;word-spacing:.08em;line-height:1.7}.fq-app.a11y-dyslexia p,.fq-app.a11y-dyslexia li,.fq-app.a11y-dyslexia .quest__step{max-width:60ch}.fq-app.a11y-reduce-motion,.fq-app.a11y-reduce-motion *,.fq-app.a11y-reduce-motion *:before,.fq-app.a11y-reduce-motion *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.fq-app.a11y-contrast{--fq-text: #000000;--fq-text-soft: #1f2933;--fq-line: #6b7682;--fq-bg: #ffffff;--fq-surface: #ffffff;--fq-surface-2: #eef2f5;--fq-shadow: 0 0 0 2px rgba(0, 0, 0, .55);--fq-shadow-lg: 0 0 0 2px rgba(0, 0, 0, .65)}.fq-app.a11y-contrast a,.fq-app.a11y-contrast .set__chip--on{text-decoration:underline}.fq-app.a11y-contrast{--fq-grad-primary: var(--fq-primary);--fq-grad-accent: var(--fq-accent);--fq-grad-celebrate: var(--fq-celebrate);--fq-grad-hero: var(--fq-surface);--fq-grad-bg: var(--fq-bg)}.fq-app.a11y-calm{--fq-teal: #4f8a86;--fq-coral: #c98379;--fq-amber: #d9c187;--fq-green: #7aa98a;--fq-bg: #f4f4f2;--fq-surface: #ffffff;--fq-surface-2: #eeeeec;--fq-primary: #4f8a86;--fq-accent: #c98379;--fq-celebrate: #d9c187;--fq-shadow: 0 1px 4px rgba(21, 33, 43, .06);--fq-shadow-lg: 0 2px 10px rgba(21, 33, 43, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--fq-font);font-size:var(--fq-fs-2);color:var(--fq-text);background:var(--fq-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:var(--fq-primary);text-decoration:none}input,select,textarea{font:inherit}.fq-screen{min-height:100%;display:flex;flex-direction:column;background:var(--fq-bg)}.fq-pad{padding:var(--fq-space-5) var(--fq-space-4)}.fq-card{background:var(--fq-surface);border-radius:var(--fq-radius);box-shadow:var(--fq-shadow);padding:var(--fq-space-4)}.fq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--fq-space-2);min-height:var(--fq-touch);padding:0 var(--fq-space-5);border-radius:var(--fq-radius-pill);font-weight:800;font-size:var(--fq-fs-3);transition:transform var(--fq-dur) var(--fq-ease),background var(--fq-dur) var(--fq-ease)}.fq-btn:active{transform:scale(.97)}.fq-btn--primary{background:var(--fq-grad-primary);color:var(--fq-primary-ink)}.fq-btn--accent{background:var(--fq-grad-accent);color:#fff}.fq-btn--ghost{background:var(--fq-surface-2);color:var(--fq-text)}.fq-btn--block{width:100%}.fq-btn:disabled{opacity:.5}.fq-input{width:100%;min-height:var(--fq-touch);padding:0 var(--fq-space-4);border-radius:var(--fq-radius-sm);border:1.5px solid var(--fq-line);background:var(--fq-surface);color:var(--fq-text)}.fq-input:focus{outline:none;border-color:var(--fq-primary)}.fq-app[data-mode=child]{background:var(--fq-grad-bg);background-attachment:fixed}.fq-muted{color:var(--fq-text-soft)}.fq-hint{display:flex;align-items:flex-start;gap:var(--fq-space-2);font-size:var(--fq-fs-1);line-height:1.45;color:var(--fq-text-soft);background:var(--fq-surface-2);border-radius:var(--fq-radius-sm);padding:var(--fq-space-3)}.fq-hint:before{content:"💡";flex-shrink:0}.fq-error{color:var(--fq-coral);font-size:var(--fq-fs-1)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(min-width:700px){body{background:#dde4ea}.fq-app{max-width:480px;margin-inline:auto;min-height:100vh;background:var(--fq-bg);box-shadow:var(--fq-shadow-lg)}}.fq-app.fq-app--wide{max-width:none;margin-inline:0;box-shadow:none;background:transparent}