:root{color-scheme:light;font-family:Nunito,Avenir Next,Trebuchet MS,sans-serif;color:#23303f;background:radial-gradient(circle at top left,rgba(255,219,127,.58),transparent 28%),radial-gradient(circle at 85% 12%,rgba(86,196,187,.28),transparent 26%),linear-gradient(180deg,#fffaf1,#f4f9ff);line-height:1.45;font-weight:600;--ink: #23303f;--muted: #6a778a;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--panel-dark: rgba(22, 40, 66, .82);--panel-darker: rgba(18, 31, 52, .92);--panel-dark-border: rgba(255, 255, 255, .08);--border: rgba(47, 90, 140, .12);--shadow: 0 20px 55px rgba(35, 48, 63, .12);--gold: #f9b53a;--gold-deep: #df9321;--sea: #1f8f89;--sea-soft: #dff8f5;--berry: #ee6d76;--berry-soft: #ffe6e8;--sky: #65a8ff;--navy: #142644}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,calc(100% - 1.25rem));margin:0 auto;padding:1rem 0 3rem}.hero,.card,.feature-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}.hero{margin-bottom:.95rem}.hero-home{padding:1.1rem;position:relative;overflow:hidden}.hero-home:before,.hero-home:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero-home:before{right:-3rem;top:-2rem;width:13rem;height:13rem;background:radial-gradient(circle,rgba(249,181,58,.22),transparent 70%)}.hero-home:after{left:48%;bottom:-5rem;width:16rem;height:16rem;background:radial-gradient(circle,rgba(31,143,137,.18),transparent 70%)}.topbar,.compact-topbar,.hero-actions,.chip-row,.decision-row,.summary-actions,.next-row,.question-meta,.compact-stat-row,.setup-toolbar{display:flex;flex-wrap:wrap;gap:.75rem}.topbar{align-items:center;justify-content:space-between;margin-bottom:1.3rem;position:relative;z-index:1}.brand-lockup{display:inline-flex;align-items:center;gap:.8rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:18px;background:linear-gradient(135deg,var(--gold) 0%,#ffe392 100%);color:#684200;font-family:"Baloo 2",Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:800;box-shadow:0 12px 24px #df932133}.brand-name{font-family:"Baloo 2",Trebuchet MS,sans-serif;font-size:1.25rem;font-weight:700;line-height:1}.hero-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:1rem;align-items:stretch;position:relative;z-index:1}.hero-home-copy{padding:.45rem .25rem .35rem}.eyebrow,.section-label{margin:0 0 .35rem;color:var(--sea);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.on-dark{color:#ffffffc7}.hero h1,.hero h2,.card h2,.question-card h3{margin:0;font-family:"Baloo 2",Trebuchet MS,sans-serif;line-height:.98;letter-spacing:-.02em}.hero h1{max-width:11ch;font-size:clamp(2.7rem,8vw,5rem)}.hero h2{color:#fff;font-size:clamp(2rem,6vw,3.4rem)}.hero-text,.supporting-text,.feature-card p,.mode-card span,.stat-note,.answer-label{color:var(--muted)}.hero-text{max-width:40rem;margin:.9rem 0 1.3rem;font-size:1.07rem}.toolbar-button,.back-button,.mode-chip,.chip,.mode-card,.primary-button,.secondary-button,.result-button{border:0;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.toolbar-button,.back-button,.mode-chip{min-height:2.8rem;padding:.75rem 1rem;border-radius:999px;font-weight:800}.toolbar-button{background:#ffffffd1;color:#305f99}.toolbar-button:hover,.back-button:hover,.primary-button:hover,.secondary-button:hover,.result-button:hover,.chip:hover,.mode-card:hover{transform:translateY(-1px)}.hero-home-panel{padding:1rem;border-radius:26px;background:#ffffffb8;border:1px solid rgba(47,90,140,.08)}.feature-list{display:grid;gap:.75rem;margin-top:.6rem}.feature-card{padding:.95rem 1rem;border-radius:24px;background:#fffc;box-shadow:none}.feature-card strong{display:block;margin-bottom:.25rem}.feature-card p{margin:0}.home-layout,.quiz-layout,.coach-layout{display:grid;gap:.95rem}.card{padding:1.3rem}.section-heading{margin-bottom:1rem}.card h2{font-size:clamp(1.65rem,4vw,2.35rem)}.setup-card,.home-support-card,.question-card,.summary-card,.snapshot-card{grid-column:1 / -1}.mode-grid,.band-grid,.summary-grid,.snapshot-grid{display:grid;gap:.8rem}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid,.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chip{min-height:3rem;padding:.8rem 1rem;border-radius:18px;background:#ffffffc2;color:var(--ink);font-weight:800}.chip.active,.mode-card.active{background:#1f8f891f;outline:2px solid rgba(31,143,137,.22)}.mode-card{text-align:left;padding:1rem;border-radius:22px;background:#fffc;display:grid;gap:.35rem}.mode-card strong{font-size:1rem}.setup-footer{margin-top:1rem;display:grid;gap:.85rem}.primary-button,.secondary-button,.result-button{min-height:3.15rem;padding:.85rem 1.15rem;border-radius:18px;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--gold) 0%,#ffd978 100%);color:#593900;box-shadow:0 12px 24px #df932138}.secondary-button{background:#65a8ff1f;color:#2d5f9d}.primary-button:disabled,.secondary-button:disabled,.result-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero-compact{padding:1.05rem 1.1rem 1rem;background:radial-gradient(circle at top right,rgba(249,181,58,.18),transparent 28%),linear-gradient(135deg,var(--panel-dark) 0%,var(--panel-darker) 100%);border-color:var(--panel-dark-border)}.compact-topbar{align-items:center;justify-content:space-between;margin-bottom:1rem}.back-button{background:#ffffff1a;color:#fff}.mode-chip{background:#ffffff1f;color:#ffffffeb}.compact-hero-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.compact-stat-row{justify-content:flex-end}.progress-track{width:100%;height:.92rem;margin-top:1rem;border-radius:999px;background:#ffffff1a;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5be5d6,#ffd978)}.quiz-layout{gap:.85rem}.question-card{display:grid;gap:1rem;margin-top:0}.elevated-card{transform:translateY(-.15rem)}.question-meta span{padding:.52rem .82rem;border-radius:999px;background:#65a8ff1f;color:#305f99;font-size:.92rem;font-weight:800}.question-card h3{font-size:clamp(1.9rem,6vw,3.15rem)}.answer-zone{display:grid;gap:.8rem}.answer-panel{padding:1rem;border-radius:24px;background:linear-gradient(180deg,#dff8f5c7,#fffffff5);border:1px solid rgba(31,143,137,.14)}.answer-label{margin:0 0 .3rem;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.answer-text{margin:0;font-size:1.05rem;white-space:pre-wrap}.decision-row{margin-top:.25rem}.result-button{flex:1 1 180px}.result-button.correct{background:var(--sea-soft);color:#17615c}.result-button.incorrect{background:var(--berry-soft);color:#a44047}.next-row{align-items:center;justify-content:space-between}.feedback{margin:0;font-weight:800}.feedback.good{color:#17615c}.feedback.alert{color:#a44047}.stat-card{padding:1rem;border-radius:24px;background:#fffc;border:1px solid rgba(47,90,140,.08);display:grid;gap:.35rem}.stat-card.compact{padding:.85rem .95rem;min-width:102px}.stat-card.dark{background:#ffffff14;border-color:#ffffff14}.stat-card.dark .stat-label,.stat-card.dark .stat-note{color:#ffffffb8}.stat-card.dark .stat-value{color:#fff}.stat-label{color:var(--muted);font-size:.92rem}.stat-value{font-size:clamp(1.45rem,3vw,2.3rem);font-family:"Baloo 2",Trebuchet MS,sans-serif;line-height:1}.snapshot-card{margin-top:.15rem}.weak-list{display:grid;gap:.8rem}.weak-item{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;padding:1rem;border-radius:24px;background:#ffffffc2;border:1px solid rgba(47,90,140,.08)}.weak-title{margin:0 0 .25rem;font-weight:800;color:#2d5f9d}.weak-question{margin:0}.weak-side{display:grid;gap:.35rem;justify-items:end}.weak-meta{color:var(--muted);font-size:.9rem;text-align:right}@media (max-width: 900px){.hero-home-grid,.compact-hero-body,.mode-grid,.band-grid,.summary-grid,.snapshot-grid{grid-template-columns:1fr}.compact-stat-row{justify-content:flex-start}}@media (max-width: 640px){.app-shell{width:min(100% - 1rem,100%);padding-top:.7rem}.hero,.card,.feature-card{border-radius:24px}.hero-home,.hero-compact,.card{padding:1.05rem}.hero h1,.hero h2{max-width:100%}.summary-grid,.snapshot-grid{grid-template-columns:1fr 1fr}.topbar,.compact-topbar,.next-row,.decision-row,.weak-item{flex-direction:column;align-items:stretch}.result-button,.primary-button,.secondary-button,.toolbar-button,.back-button{width:100%}.weak-side{justify-items:start}.weak-meta{text-align:left}}