:root{--background:#fffaf0;--surface:#ffffffe0;--surface-strong:#fff;--ink:#17324d;--ink-soft:#4b6078;--accent:#f4c95d;--accent-strong:#f28c28;--mint:#d3f5d2;--rose:#ffd7d2;--line:#17324d1f;--shadow:0 22px 60px #17324d1f}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#f4c95d47,#0000 28%),radial-gradient(circle at 100% 0,#f28c2826,#0000 22%),linear-gradient(#fff8ec 0%,#f8fbff 100%)}body{color:var(--ink);margin:0;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}button,input{font:inherit}.shell{width:min(100%,32rem);min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem}.hero-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.6rem;padding:1.25rem}.hero-card{background:linear-gradient(140deg,#ffffffeb,#fffcf0fa),linear-gradient(#f4c95d29,#0000)}.panel{margin-top:1rem}.loading-card{text-align:center;margin-top:30vh}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,7vw,2.8rem);line-height:.98}h2{font-size:1.45rem;line-height:1.1}h3{font-size:1rem}.hero-copy{color:var(--ink-soft);margin-top:.85rem;line-height:1.5}.panel-copy,.model-summary,.level-card-copy p,.question-kicker{color:var(--ink-soft);line-height:1.45}.hero-overview{margin-top:0}.feature-strip{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.1rem;display:flex}.feature-strip span,.mini-chip,.streak-pill{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;align-items:center;padding:.48rem .8rem;font-size:.86rem;display:inline-flex}.streak-pill{background:#f4c95d42;font-weight:700}.hero-topline,.section-heading,.progress-row,.result-actions{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.play-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.section-heading{margin-bottom:1rem}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field span{font-weight:700}.field input{border:1px solid var(--line);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:1rem;padding:.9rem 1rem}.primary-button,.secondary-button,.text-button,.answer-button{cursor:pointer;border:0;border-radius:1rem;transition:transform .14s,box-shadow .14s,background .14s}.primary-button,.secondary-button,.text-button{padding:.95rem 1rem}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:100%;color:var(--ink);font-weight:800;box-shadow:0 16px 30px #f28c2842}.secondary-button{background:var(--surface-strong);width:100%;color:var(--ink);border:1px solid var(--line)}.text-button{color:var(--accent-strong);background:0 0;padding:0;font-weight:700}.primary-button:hover,.secondary-button:hover,.text-button:hover,.answer-button:hover{transform:translateY(-1px)}.info-box,.question-card,.feedback-card,.progress-row,.summary-list>div,.stats-grid article{border:1px solid var(--line);background:#ffffffc7;border-radius:1.15rem}.info-box{margin-bottom:1rem;padding:.95rem}.info-box p{color:var(--ink-soft);margin-top:.35rem;line-height:1.45}.question-card{padding:1rem}.question-kicker{margin-bottom:.75rem;font-size:.92rem;font-weight:700}.question-prompt{font-size:1.55rem;font-weight:800;line-height:1.15}.question-help{color:var(--ink-soft);margin-top:.65rem}.answers-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.answer-button{min-height:4.5rem;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line);padding:1rem .8rem;font-size:1rem;font-weight:800}.answer-button.correct,.feedback-card.good{background:var(--mint)}.answer-button.incorrect,.feedback-card.retry{background:var(--rose)}.answer-button.reveal{background:#d3f5d2bf}.answer-button:disabled{cursor:default}.feedback-card{margin-top:1rem;padding:1rem}.feedback-card p{color:var(--ink-soft);margin:.35rem 0 .8rem;line-height:1.4}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stats-grid article{padding:.95rem .85rem}.stats-grid span,.summary-label{color:var(--ink-soft);margin-bottom:.3rem;font-size:.8rem;display:block}.stats-grid strong{font-size:1.3rem}.result-actions{margin-top:1rem}.result-actions .primary-button,.result-actions .secondary-button{width:100%}.summary-list,.progress-list,.model-list{gap:.75rem;display:grid}.summary-list>div{padding:.95rem}.summary-list p{color:var(--ink);line-height:1.45}.progress-row{padding:.95rem}.progress-row p,.progress-meta{color:var(--ink-soft)}.progress-meta{text-align:right;gap:.25rem;font-weight:700;display:grid}.score-burst{text-align:center;background:linear-gradient(#f4c95d66,#f28c283d);border-radius:50%;min-width:5.6rem;padding:1rem;font-size:1.2rem;font-weight:800}.level-card,.model-card{border:1px solid var(--line);background:#ffffffc7;border-radius:1.15rem}.level-card{justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.level-card-copy{gap:.2rem;display:grid}.level-badge,.model-status{border:1px solid var(--line);background:#f4c95d2e;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.model-status.done{background:#d3f5d2cc}.model-card{padding:1rem}.model-card-focus{margin-top:.9rem}.model-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.model-summary{margin:.6rem 0 .85rem}.level-tabs{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.level-tab,.model-index-chip{border:1px solid var(--line);color:var(--ink);background:#ffffffc7}.level-tab{cursor:pointer;border-radius:999px;padding:.7rem .95rem;font-weight:700}.level-tab.active,.model-index-chip.active{background:linear-gradient(135deg,#f4c95d4d,#f28c2833);border-color:#f28c2859}.selected-level-panel{border:1px solid var(--line);background:#ffffffb3;border-radius:1.15rem;margin-top:.85rem;padding:1rem}.selected-level-panel p{color:var(--ink-soft);margin-top:.35rem;line-height:1.45}.model-index{gap:.65rem;margin-top:.9rem;display:grid}.model-index-chip{text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.8rem .9rem;display:grid}.model-index-order{background:#17324d14;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:2rem;font-weight:800;display:inline-flex}.model-index-label{font-weight:700;line-height:1.3}.model-index-state{color:var(--ink-soft);font-size:.82rem;font-weight:700}.model-nav-row{grid-template-columns:1fr 1.2fr 1fr;gap:.75rem;margin-top:.9rem;display:grid}.skill-tracker-inline{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.question-preview{margin-top:1rem}.question-preview-list{gap:.65rem;display:grid}.question-preview-item{border:1px solid var(--line);background:#ffffffd1;border-radius:1rem;grid-template-columns:auto 1fr;gap:.75rem;padding:.85rem;display:grid}.question-preview-order{background:#f4c95d38;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:2rem;font-weight:800;display:inline-flex}.question-preview-prompt{font-weight:700;line-height:1.35}.question-preview-options{color:var(--ink-soft);margin-top:.3rem;font-size:.9rem;line-height:1.4}@media (max-width:520px){.hero-topline,.section-heading,.progress-row,.result-actions,.level-card,.model-card-top{flex-direction:column}.answers-grid,.stats-grid,.model-nav-row{grid-template-columns:1fr}.progress-meta{text-align:left}.play-header-actions{justify-content:flex-start}}