:root{color:#173047;font-family:Aptos,Segoe UI,sans-serif;line-height:1.5;--paper: rgba(255, 252, 246, .92);--ink: #173047;--muted: #53697e;--accent: #d66b2d;--accent-soft: #ffe3cf;--stroke: rgba(23, 48, 71, .12);--shadow: 0 22px 50px rgba(23, 48, 71, .12)}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,rgba(255,196,112,.36),transparent 28%),radial-gradient(circle at bottom right,rgba(85,141,182,.16),transparent 30%),linear-gradient(160deg,#f7f1e6,#f1f5f8 52%,#f7f4ee);color:var(--ink);margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{display:grid;min-height:100vh;padding:24px}.screen-stage{align-items:stretch;display:grid;margin:auto;max-width:1080px;min-height:min(720px,calc(100vh - 48px));width:100%}.screen-card,.exercise-card{background:var(--paper);border:1px solid var(--stroke);border-radius:34px;box-shadow:var(--shadow)}.screen-card{display:grid;gap:20px;min-height:100%;overflow:hidden;padding:clamp(28px,5vw,52px);position:relative}.screen-card:before{background:linear-gradient(120deg,rgba(214,107,45,.12),transparent 40%),linear-gradient(180deg,rgba(23,48,71,.08),transparent 55%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.screen-card>*{position:relative;z-index:1}.active-screen{animation:rise-in .22s ease-out}.stage-access .screen-card{grid-template-rows:auto auto 1fr auto}.stage-welcome .screen-card{grid-template-rows:auto auto 1fr auto auto}.stage-activity .screen-card{align-content:start}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.22em;margin:0;text-transform:uppercase}.screen-card h1,.exercise-card h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95;margin:0;max-width:12ch}.support-copy,.exercise-copy,.meta,.screen-status{color:var(--muted);font-size:1.05rem;margin:0;max-width:58ch}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.exercise-objects-grid{align-items:center;background:#fff9;border:1px dashed rgba(50,87,123,.3);border-radius:18px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:12px 0;min-height:92px;padding:18px}.exercise-object-icon{display:inline-block;font-size:3rem;line-height:1;-webkit-user-select:none;user-select:none}.error-banner{background:#c7202014;border:1px solid rgba(199,32,32,.4);border-radius:14px;color:#8a1414;font-weight:600;margin:12px 0 0;padding:12px 16px}.invite-shell{align-items:stretch;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 180px;margin-top:auto}.invite-shell input,.invite-shell button,.answer-form input,.answer-form select,.answer-form button{border:1px solid var(--stroke);border-radius:18px;min-height:56px;padding:14px 18px}.invite-shell input,.answer-form input,.answer-form select{background:#ffffffd6;color:var(--ink)}.invite-shell input{font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase}.invite-shell button,.answer-form button,.button-row button{background:linear-gradient(135deg,#173047,#32577b);color:#fff;font-weight:700}.button-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.single-button{max-width:280px}.secondary-button{background:#ffffffeb!important;color:var(--ink)!important}.exercise-loading{align-items:center;color:var(--muted);display:flex;font-size:.95rem;gap:10px}.queue-wait-card{align-items:center;background:#ffffffb3;border:1px dashed rgba(23,48,71,.18);border-radius:22px;display:grid;gap:16px;grid-template-columns:auto 1fr;padding:16px 18px}.progress-circle{--progress: 0%;align-items:center;background:conic-gradient(var(--accent) var(--progress),rgba(23,48,71,.08) 0);border-radius:50%;display:grid;height:88px;place-items:center;position:relative;width:88px}.progress-circle:after{background:var(--paper);border-radius:50%;content:"";top:10px;right:10px;bottom:10px;left:10px;position:absolute}.progress-circle.indeterminate{animation:spin 1.1s linear infinite}.progress-value{font-size:.95rem;font-weight:700;position:relative;z-index:1}.spinner{animation:spin 1s linear infinite;border:3px solid var(--stroke);border-radius:50%;border-top-color:var(--accent);display:inline-block;flex-shrink:0;height:20px;width:20px}@keyframes spin{to{transform:rotate(360deg)}}.spinner-label{color:var(--muted)}.exercise-card{display:grid;gap:22px;padding:clamp(24px,4vw,38px)}.audible-text{align-items:center;background:transparent;border:1px solid transparent;border-radius:16px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:12px;min-height:44px;padding:8px 14px;text-align:left;transition:background .12s ease,border-color .12s ease}.audible-text:hover{background:#d66b2d14;border-color:#d66b2d2e}.audible-text:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.audible-text__label{display:inline;margin:0}.audible-text__icon{color:var(--accent);flex-shrink:0}.audible-text__icon--playing{animation:audible-pulse .9s ease-in-out infinite}.audible-text--instruction{background:#ffe3cf80;border:1px solid rgba(214,107,45,.16);border-radius:20px;display:flex;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:700;gap:16px;padding:16px 18px;width:100%}.audible-text--instruction .audible-text__icon{height:clamp(28px,4vw,40px);width:clamp(28px,4vw,40px)}.audible-text--selected{background:#d66b2d24;border-color:var(--accent)}@keyframes audible-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}.answer-form,.choice-grid,.match-grid{display:grid;gap:14px}.choice-option{align-items:center;background:#1730470d;border:1px solid rgba(23,48,71,.08);border-radius:18px;display:flex;gap:14px;min-height:56px;padding:16px 18px;width:100%}.choice-option.audible-text--selected{background:#d66b2d29;border-color:var(--accent)}.match-row{background:#1730470a;border:1px solid rgba(23,48,71,.08);border-radius:18px;display:grid;gap:12px;padding:14px 16px}.match-row__label{font-weight:600;width:fit-content}.match-card-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.match-card{background:#ffffffb3;border:2px solid rgba(23,48,71,.12);border-radius:14px;justify-content:flex-start;min-height:60px;padding:12px 14px;width:100%}.match-card.audible-text--selected{background:#d66b2d2e;border-color:var(--accent);box-shadow:0 0 0 3px #d66b2d2e}.pattern-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pattern-cell{background:#fff9;border:1px solid rgba(23,48,71,.12);min-height:48px}.meta{border-top:1px solid rgba(23,48,71,.08);padding-top:14px}@keyframes rise-in{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:720px){.page-shell{padding:14px}.screen-stage{min-height:calc(100vh - 28px)}.invite-shell{grid-template-columns:1fr}.screen-card h1,.exercise-card h2{max-width:100%}.match-row{align-items:stretch;flex-direction:column}}.confidence-selector{border:none;margin:0 0 .75rem;padding:0}.confidence-legend{color:var(--muted, #6b7280);font-size:.75rem;font-weight:500;margin-bottom:.35rem;padding:0}.confidence-options{display:flex;flex-wrap:wrap;gap:.35rem}.confidence-option{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .6rem;transition:background .12s ease,border-color .12s ease}.confidence-option:hover{background:#0000000a}.confidence-option.is-selected{background:#3b82f61f;border-color:#3b82f673}.confidence-option input{accent-color:rgba(59,130,246,.85);margin:0}