:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#132238;background:#f7f4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: #ffffff;--surface-strong: #ffffff;--surface-border: rgba(19, 34, 56, .08);--shadow-soft: 0 18px 45px rgba(22, 51, 88, .12);--shadow-card: 0 10px 26px rgba(16, 38, 66, .08);--text-strong: #132238;--text-soft: #52657d;--brand: #127a6d;--brand-deep: #0b5d54;--accent: #ff8c42;--accent-soft: #fff0db;--danger: #d14a63;--danger-soft: #ffe6ec;--success: #197c54;--success-soft: #e5fff1;--bonus: #8c57f5;--bonus-soft: #f1eaff;--neutral-soft: #edf3fb;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select{width:100%;border:1px solid rgba(19,34,56,.12);border-radius:14px;background:#fffffff2;color:var(--text-strong);min-height:48px;padding:.75rem .9rem}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(18,122,109,.18);outline-offset:2px}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.app-shell:after{content:"";position:fixed;top:8px;right:8px;bottom:8px;left:8px;border:8px solid transparent;border-radius:28px;pointer-events:none;opacity:0;z-index:20}.app-shell.answer-flash-correct:after{border-color:#197c54bf;opacity:1;animation:app-answer-flash .32s ease-out}.app-shell.answer-flash-wrong:after{border-color:#d14a63c7;opacity:1;animation:app-answer-flash .32s ease-out}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#f7f4ff}.app-main{position:relative;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.hero-card,.panel-card,.top-bar-card,.question-card,.answers-card,.feedback-banner,.run-stats-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-card{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff6e8;border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:.95rem 1.15rem;margin-top:.5rem;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:#ffc97a}.hero-copy h1,.panel-header h2,.question-card h2,.settings-section-header h3{margin:0;color:var(--text-strong)}.hero-brand{display:flex;align-items:center;gap:.9rem;min-width:0}.hero-brand-copy{min-width:0}.hero-logo{width:clamp(54px,7vw,78px);height:clamp(54px,7vw,78px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 10px 14px rgba(18,122,109,.18))}.hero-copy h1{font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08;max-width:none}.panel-header p,.settings-section-header p,.question-support,.feedback-banner span,.setting-copy small{color:var(--text-soft)}.panel-header p,.question-support{margin:.85rem 0 0;max-width:62ch}.hero-preview{align-self:center;background:#eaf6ff;border-radius:calc(var(--radius-xl) - 12px);padding:.65rem .85rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem;min-width:0;min-height:84px}.preview-reset-button{align-self:center;border:0;background:transparent;color:var(--text-soft);font-size:.76rem;font-weight:700;padding:.15rem .3rem;border-radius:999px}.preview-reset-button:hover,.preview-reset-button:focus-visible{background:#1322380f;transform:none}.preview-badge,.mode-badge,.pending-stop-pill,.eyebrow,.section-kicker,.question-count,.mini-label{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.preview-badge,.eyebrow,.section-kicker,.question-count{padding:.38rem .72rem;background:#127a6d1a;color:var(--brand-deep)}.preview-badge{width:auto;min-width:140px;justify-content:space-between;gap:.8rem;padding:.55rem .8rem;background:#fff;border:1px solid rgba(18,122,109,.12);box-shadow:inset 0 0 0 1px #fff6}.preview-badge-label{color:var(--text-soft);font-size:.72rem}.preview-badge-value{color:var(--brand-deep);font-size:1.15rem;line-height:1}.screen-grid,.game-layout{margin-top:1.5rem}.screen-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.5rem;align-items:start}.panel-stack{display:grid;gap:1.5rem}.panel-card,.top-bar-card,.question-card,.answers-card,.run-stats-panel,.feedback-banner,.game-over-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-card,.top-bar-card,.question-card,.answers-card,.run-stats-panel,.game-over-card{padding:1.3rem}.compact-panel{gap:1rem}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header p{max-width:30ch}.mode-grid,.summary-grid,.settings-fields,.answers-grid,.stats-grid{display:grid;gap:.95rem}.mode-grid{grid-template-columns:1fr}.mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;min-height:180px;padding:1rem;border:1px solid rgba(19,34,56,.08);border-radius:var(--radius-md);background:#fff9ef;color:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.compact-modes-panel{padding-bottom:1rem}.compact-mode-card{min-height:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem}.mode-copy{min-width:0}.mode-copy strong{display:block;margin-bottom:.15rem}.mode-card:hover,.mode-card:focus-visible,.answer-button:hover,.answer-button:focus-visible,.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.mode-card.is-active{border-color:#127a6d5c;box-shadow:0 16px 30px #2c88ff29}.mode-card p{margin:0}.mode-badge{padding:.3rem .65rem;background:#ff8c4224;color:#ab5618}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.session-preview-grid{gap:1.1rem;margin-bottom:1rem}.big-summary{margin-top:1rem}.summary-tile,.stat-pill{border-radius:var(--radius-md);padding:.9rem 1rem;min-width:0}.summary-tile{background:#fdf4e8;border:1px solid rgba(19,34,56,.08)}.best-score-tile{background:#eef8ff;padding-block:1.1rem}.summary-tile span,.stat-pill span{display:block;color:var(--text-soft);font-size:.83rem;margin-bottom:.3rem}.summary-tile strong,.stat-pill strong,.run-stats-panel strong{font-size:clamp(1.05rem,2vw,1.4rem);color:var(--text-strong)}.settings-panel{max-height:min(78vh,1100px);overflow:auto;padding-top:1rem}.sticky-header{position:sticky;top:0;z-index:2;background:#fff;padding-bottom:.55rem;margin-bottom:.7rem}.settings-sections{display:grid;gap:1.25rem}.parent-header-actions{display:grid;justify-items:end;gap:.35rem}.subtle-action-button{border:0;background:#1322380f;color:var(--text-strong);border-radius:999px;min-height:34px;padding:.45rem .85rem;font-size:.82rem;font-weight:700}.parent-lock-card{display:grid;gap:.95rem;padding:1.2rem;border-radius:var(--radius-md);background:#f8fbff;border:1px solid rgba(19,34,56,.08)}.parent-lock-card strong{font-size:1rem;color:var(--text-strong)}.parent-lock-card p{margin:0;color:var(--text-soft)}.pin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.pin-field{display:grid;gap:.4rem}.pin-field span{font-size:.84rem;font-weight:700;color:var(--text-strong)}.pin-field.single{max-width:220px}.pin-field input{letter-spacing:.24em;text-align:center}.pin-action-button{max-width:250px}.parent-lock-message{color:var(--text-soft);font-size:.86rem}.settings-section{border-top:1px solid rgba(19,34,56,.08);padding-top:1.1rem}.settings-section:first-child{border-top:0;padding-top:0}.settings-fields{margin-top:1rem}.setting-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:1rem;align-items:center;padding:.95rem 1rem;border-radius:var(--radius-md);background:#f8fbff;border:1px solid rgba(19,34,56,.08)}.background-note{display:grid;gap:.35rem;padding:1rem 1.05rem;border-radius:var(--radius-md);background:#fff1da;border:1px solid rgba(255,140,66,.18)}.background-note strong{color:var(--text-strong)}.background-note span{color:var(--text-soft)}.setting-card.is-disabled{opacity:.62}.setting-copy{display:grid;gap:.3rem;min-width:0}.setting-copy span{color:var(--text-strong);font-weight:700}.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;min-width:0}.setting-control.full-width{justify-content:stretch}.setting-control em{font-style:normal;color:var(--text-soft);font-size:.82rem;white-space:nowrap}.toggle-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:.55rem}.toggle-wrap input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:62px;height:36px;padding:4px;border-radius:999px;background:#13223829;display:inline-flex;align-items:center;transition:background .18s ease}.toggle-thumb{width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 5px 12px #0f1a2d2e;transition:transform .18s ease}.toggle-wrap input:checked+.toggle-track{background:#127a6d80}.toggle-wrap input:checked+.toggle-track .toggle-thumb{transform:translate(26px)}.toggle-text{font-size:.85rem;font-weight:700;color:var(--text-soft);min-width:2rem;text-align:left}.choice-toggle-group{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.choice-toggle{border:1px solid rgba(19,34,56,.12);background:#ffffffeb;color:var(--text-strong);border-radius:999px;min-height:40px;padding:.5rem .85rem;font-size:.88rem;font-weight:700}.choice-toggle.is-selected{background:#dff2ff;border-color:#2c88ff4d;color:#155f94}.feedback-banner{display:grid;gap:.25rem;padding:1rem 1.1rem}.home-feedback-banner{margin-top:.55rem;padding:1.15rem 1.2rem}.home-feedback-banner strong{margin-bottom:.15rem}.feedback-banner.large{margin-top:1rem}.feedback-banner strong{font-size:1rem}.tone-info{background:#edf3fbeb}.tone-success{background:#e5fff1f0}.tone-danger{background:#ffe6ecf0}.tone-bonus{background:#f1eafff0}.primary-button,.secondary-button,.ghost-button,.answer-button{border:0;border-radius:16px;min-height:54px;padding:.95rem 1.2rem;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.slim-button{width:auto;min-height:42px;padding:.65rem 1rem;white-space:nowrap}.primary-button,.secondary-button,.ghost-button{width:100%}.primary-button{background:#9fd7c9;color:#16394d;box-shadow:0 12px 24px #2c88ff38}.secondary-button{background:#dceeff;color:#205ea7}.ghost-button{background:#ffe8cf;color:var(--text-strong)}.game-layout{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.stat-pill{background:#fff;border:1px solid rgba(19,34,56,.08)}.accent-danger{background:var(--danger-soft)}.accent-success{background:var(--success-soft)}.accent-bonus{background:var(--bonus-soft)}.accent-neutral{background:#f4f7fb}.question-card{display:grid;gap:1rem;background:#fefcf6}.question-card h2{font-size:clamp(2rem,4vw,3rem);text-align:center;line-height:1.08}.question-meta-row,.utility-row,.game-over-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pending-stop-pill{padding:.38rem .72rem;background:#ff8c4229;color:#ab5618}.question-support{text-align:center}.hint-block{display:grid;gap:.85rem;justify-items:center}.hint-copy{margin:0;max-width:48ch;padding:.9rem 1rem;border-radius:var(--radius-md);background:#127a6d14;color:var(--brand-deep);text-align:center}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.answer-button{background:#fff;border:1px solid rgba(19,34,56,.08);color:var(--text-strong);box-shadow:0 10px 24px #13223814;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800}.answer-button:nth-child(4n+1){background:#eaf6ff}.answer-button:nth-child(4n+2){background:#fff0df}.answer-button:nth-child(4n+3){background:#e9faef}.answer-button:nth-child(4n+4){background:#f2ebff}.answer-button:disabled{opacity:.65}.bonus-cue{display:inline-flex;align-items:center;justify-self:center;gap:.45rem;padding:.65rem 1rem;border-radius:999px;background:#fff1bf;border:1px solid rgba(140,87,245,.2);box-shadow:0 10px 22px #8c57f51f;animation:bonus-pop .7s ease-out}.bonus-cue strong{color:#6e41c9}.bonus-cue span:last-child{color:#a34f12;font-weight:800}.bonus-spark{width:10px;height:10px;border-radius:50%;background:#ffae42;box-shadow:0 0 #8c57f54d;animation:spark-pulse .7s ease-out}@keyframes bonus-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spark-pulse{0%{transform:scale(.7);box-shadow:0 0 #8c57f552}to{transform:scale(1.15);box-shadow:0 0 0 10px #8c57f500}}@keyframes app-answer-flash{0%{opacity:0;transform:scale(.995)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.005)}}.run-stats-panel{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;flex:1 1 280px}.run-stats-panel>div{min-width:120px}.mini-label{padding:0;background:none;color:var(--text-soft);justify-content:flex-start}.game-over-wrap{margin-top:1.5rem;display:flex;justify-content:center}.game-over-card{width:min(760px,100%)}@media (max-width: 1024px){.hero-card,.screen-grid{grid-template-columns:1fr}.hero-brand{align-items:flex-start}.settings-panel{max-height:none}.sticky-header{position:static;background:transparent}}@media (max-width: 720px){.app-main{width:min(100% - 1rem,1000px);padding-bottom:2rem}.hero-card,.panel-card,.top-bar-card,.question-card,.answers-card,.run-stats-panel,.game-over-card{padding:1rem}.hero-card{gap:1rem}.hero-preview{align-self:stretch}.panel-header,.setting-card,.question-meta-row,.utility-row,.game-over-actions{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.panel-header p{max-width:none}.parent-header-actions{justify-items:stretch}.setting-card{grid-template-columns:1fr}.compact-mode-card{grid-template-columns:1fr;align-items:stretch}.pin-field-grid{grid-template-columns:1fr}.setting-control{justify-content:flex-start;flex-wrap:wrap}.choice-toggle-group{justify-content:flex-start}.summary-grid,.stats-grid,.answers-grid{grid-template-columns:1fr 1fr}.question-card h2{font-size:clamp(1.8rem,11vw,2.5rem)}}@media (max-width: 520px){.app-main{width:calc(100% - .75rem)}.hero-brand{gap:.7rem}.hero-copy h1{font-size:clamp(1.9rem,12vw,2.8rem)}.summary-grid,.stats-grid,.answers-grid{grid-template-columns:1fr}.hero-card{padding-left:1rem}.primary-button,.secondary-button,.ghost-button,.answer-button{min-height:56px}.app-shell:after{top:4px;right:4px;bottom:4px;left:4px;border-width:6px;border-radius:20px}}