:root{--c-brand:#c01f53;--c-brand-hover:#8e1640;--c-brand-deep:#6d1031;--c-brand-soft:#fdf2f6;--c-brand-line:#f9dde7;--c-gold:#ede72d;--c-gold-ink:#3d3a00;--c-ink:#1a1a1f;--c-ink-2:#5c5c66;--c-ink-3:#6e6e78;--c-surface:#fff;--c-page:#f6f6f8;--c-line:#e4e4ea;--c-line-strong:#8e8e99;--c-navy:#1e293b;--c-ok:#1a7f47;--c-ok-soft:#eaf6ef;--c-warn:#7a4a00;--c-warn-soft:#fff8e6;--c-warn-line:#f0c37a;--c-bad:#c02626;--c-bad-soft:#fdecec;--c-info:#0b5aa8;--c-info-soft:#eaf2fb;--c-info-line:#b7d3f0;--c-record:#009a66;--c-stop:#d63031;--c-focus:#0b63d6;--font:-apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--font-read:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--sh-sm:0 1px 2px #1010180f;--sh-md:0 2px 8px #10101814;--sh-lg:0 12px 32px #10101829;--ease:cubic-bezier(.2, 0, .2, 1);--t-fast:.12s;--t-med:.18s;--rail:248px;--content:1080px}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-base);color:var(--c-ink);background:var(--c-page);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0}a{color:var(--c-brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--c-ink-2)}.subtle{color:var(--c-ink-3);font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
.shell{min-height:100vh}.rail{width:var(--rail);background:var(--c-surface);border-right:1px solid var(--c-line);padding:var(--s5) var(--s4);gap:var(--s5);z-index:20;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--s3);color:var(--c-ink);text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{border-radius:var(--r-sm);flex:none;width:38px;height:38px;display:block}.brand-name{font-weight:700;font-size:var(--fs-md);letter-spacing:.02em;line-height:1.1;display:block}.brand-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-3);font-size:11px;display:block}.nav-group{gap:2px;display:grid}.nav-label{text-transform:uppercase;letter-spacing:.1em;color:var(--c-ink-3);padding:0 var(--s3) var(--s1);font-size:11px;font-weight:600}.nav-link{align-items:center;gap:var(--s3);height:44px;padding:0 var(--s3);border-radius:var(--r-md);color:var(--c-ink);font-size:var(--fs-md);transition:background var(--t-fast) var(--ease);text-decoration:none;display:flex}.nav-link:hover{background:var(--c-brand-soft);text-decoration:none}.nav-link[aria-current=page]{background:var(--c-brand);color:#fff;font-weight:600}.nav-icon{text-align:center;opacity:.8;width:20px}.nav-count{font-size:var(--fs-xs);color:var(--c-ink-3);font-variant-numeric:tabular-nums;margin-left:auto}.nav-link[aria-current=page] .nav-count{color:#fff;opacity:.85}.rail-foot{font-size:var(--fs-xs);color:var(--c-ink-3);border-top:1px solid var(--c-line);padding-top:var(--s4);gap:var(--s2);margin-top:auto;display:grid}.rail-user{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--c-ink);display:flex}.avatar{background:var(--c-brand-soft);width:28px;height:28px;color:var(--c-brand);font-weight:700;font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;display:grid}.main{margin-left:var(--rail);padding:var(--s7)}.main-inner{max-width:var(--content);gap:var(--s6);margin:0 auto;display:grid}.topbar,.tabbar{display:none}@media (max-width:1024px){.rail{display:none}.main{padding:var(--s5) var(--s4) 96px;margin-left:0}.topbar{z-index:20;align-items:center;gap:var(--s3);background:var(--c-surface);border-bottom:1px solid var(--c-line);padding:var(--s2) var(--s4);display:flex;position:sticky;top:0}.topbar .brand-mark{width:30px;height:30px}.topbar .sp{flex:1}.tabbar{z-index:20;background:var(--c-surface);border-top:1px solid var(--c-line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{padding:var(--s2) 0;color:var(--c-ink-2);justify-items:center;gap:2px;font-size:11px;text-decoration:none;display:grid}.tabbar a[aria-current=page]{color:var(--c-brand);font-weight:600}.tabbar .nav-icon{font-size:18px}}
.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid var(--c-brand);background:var(--c-brand);color:#fff;font-weight:600;font-size:var(--fs-md);white-space:nowrap;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-brand-hover);border-color:var(--c-brand-hover);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-lg{min-height:48px;padding:0 var(--s5);font-size:var(--fs-base)}.btn-sm{min-height:32px;padding:0 var(--s3);font-size:var(--fs-sm)}.btn-block{width:100%}.btn-ghost{background:var(--c-surface);color:var(--c-brand);border-color:var(--c-line)}.btn-ghost:hover{background:var(--c-brand-soft);border-color:var(--c-brand-line)}.btn-quiet{color:var(--c-ink-2);background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--c-page);border-color:#0000}.btn-gold{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-gold-ink);border-radius:var(--r-pill)}.btn-gold:hover{background:#d9d31f;border-color:#d9d31f}.btn-ok{background:var(--c-ok);border-color:var(--c-ok)}.btn-ok:hover{background:#14653a;border-color:#14653a}.btn-danger{background:var(--c-surface);color:var(--c-bad);border-color:var(--c-bad)}.btn-danger:hover{background:var(--c-bad-soft)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--sh-sm)}.card-tight{padding:var(--s4)}.section{gap:var(--s4);display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;display:flex}.section-head h2{font-size:var(--fs-xl)}.section-note{font-size:var(--fs-sm);color:var(--c-ink-3)}.page-head{gap:var(--s2);display:grid}.page-head h1{font-size:var(--fs-4xl);letter-spacing:-.02em;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.page-head p{color:var(--c-ink-2);font-size:var(--fs-lg);max-width:62ch}.grid{gap:var(--s4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:860px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.row .sp{flex:1}.stack{gap:var(--s3);display:grid}.pill{font-size:var(--fs-xs);border-radius:var(--r-pill);background:var(--c-brand-soft);color:var(--c-brand);white-space:nowrap;letter-spacing:0;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}.pill-ok{background:var(--c-ok-soft);color:var(--c-ok)}.pill-warn{background:var(--c-warn-soft);color:var(--c-warn)}.pill-bad{background:var(--c-bad-soft);color:var(--c-bad)}.pill-info{background:var(--c-info-soft);color:var(--c-info)}.pill-grey{background:var(--c-page);color:var(--c-ink-2);border:1px solid var(--c-line)}.eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--c-brand);font-weight:600}.tile{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);gap:2px;display:grid}.tile-value{font-size:var(--fs-3xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.tile-label{font-size:var(--fs-sm);color:var(--c-ink-2)}.tile-brand{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.tile-brand .tile-label{color:#ffffffd9}.bar{border-radius:var(--r-pill);background:var(--c-line);height:6px;overflow:hidden}.bar>i{background:var(--c-brand);border-radius:var(--r-pill);height:100%;display:block}.bar-ok>i{background:var(--c-ok)}.bar-bad>i{background:var(--c-bad)}.field{gap:6px;display:grid}.field label,.label{font-size:var(--fs-sm);color:var(--c-ink);font-weight:600}.field .hint{font-size:var(--fs-xs);color:var(--c-ink-3)}.input,.select,.textarea{border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);width:100%;min-height:44px;padding:10px 12px}.textarea{resize:vertical;min-height:120px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--c-focus);outline-offset:0;border-color:var(--c-focus)}.check{gap:var(--s2);font-size:var(--fs-sm);align-items:flex-start;display:flex}.check input{accent-color:var(--c-brand);margin-top:4px}.form{gap:var(--s4);display:grid}.error-text{color:var(--c-bad);font-size:var(--fs-sm)}.note{border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:var(--fs-md);border:1px solid var(--c-info-line);background:var(--c-info-soft);color:var(--c-info)}.note-warn{border-color:var(--c-warn-line);background:var(--c-warn-soft);color:var(--c-warn)}.note-bad{background:var(--c-bad-soft);color:var(--c-bad);border-color:#f3b6b6}.note-ok{background:var(--c-ok-soft);color:var(--c-ok);border-color:#a9d8bd}.next-time{border-left:3px solid var(--c-brand);background:var(--c-brand-soft);padding:var(--s2) var(--s3);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-md)}.table-wrap{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--c-line);white-space:nowrap;font-weight:600}.table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--c-line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.list{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}.list-row{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--c-line);color:var(--c-ink);grid-template-columns:110px 1fr auto auto;text-decoration:none;display:grid}.list-row:last-child{border-bottom:none}a.list-row:hover{background:var(--c-page);text-decoration:none}.list-kind{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-brand);font-weight:700}.list-empty{padding:var(--s5);color:var(--c-ink-3);text-align:center}.score-chip{text-align:center;min-width:44px;font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-sm);background:var(--c-brand-soft);color:var(--c-brand);font-variant-numeric:tabular-nums;padding:2px 8px}.score-chip.ok{background:var(--c-ok-soft);color:var(--c-ok)}.score-chip.bad{background:var(--c-bad-soft);color:var(--c-bad)}@media (max-width:700px){.list-row{grid-template-columns:1fr auto}.list-row .hide-sm{display:none}}.criteria{gap:var(--s3);display:grid}.criterion{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3) var(--s4);gap:var(--s2);display:grid}.criterion-head{align-items:center;gap:var(--s3);display:flex}.criterion-head b{flex:1}.auth{min-height:100vh;padding:var(--s5) var(--s4);place-items:center;display:grid}.auth-card{gap:var(--s5);width:100%;max-width:440px;display:grid}.auth-card .card{gap:var(--s4);display:grid}.auth-card h1{font-size:var(--fs-2xl)}.auth-foot{text-align:center;font-size:var(--fs-sm);color:var(--c-ink-2)}.module-choice{gap:var(--s3);padding:var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);cursor:pointer;background:var(--c-surface);align-items:flex-start;display:flex}.module-choice input{accent-color:var(--c-brand);margin-top:4px}.module-choice span{display:grid}.module-choice.on{border-color:var(--c-brand);background:var(--c-brand-soft)}button.pill{cursor:pointer;border:none}.segmented{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);display:inline-flex;overflow:hidden}.segmented button{font-size:var(--fs-md);color:var(--c-ink-2);background:0 0;border:none;padding:8px 16px}.segmented button.on{background:var(--c-brand);color:#fff;font-weight:600}.cell{border:1px solid var(--c-line);vertical-align:middle;border-radius:4px;width:22px;height:16px;display:inline-block}.cell-live{background:var(--c-brand);border-color:var(--c-brand)}.cell-reviewed{border-color:var(--c-ok);background:#9fd9b9}.cell-draft{background:var(--c-warn-soft);border-color:var(--c-warn-line)}.cell-empty{background:0 0;border-style:dashed}a.cell:hover{outline:2px solid var(--c-focus);outline-offset:1px}.segmented a{color:var(--c-ink-2);text-decoration:none}.segmented a.on{background:var(--c-brand);color:#fff;font-weight:600}.kv{font-size:var(--fs-md);grid-template-columns:140px 1fr;gap:6px 16px;display:grid}.kv dt{color:var(--c-ink-3)}.kv dd{margin:0}.key-ok{color:var(--c-ok);font-weight:600}.grid>*,.split>*,.exam-with-rail>*{min-width:0}
.hero{border-radius:var(--r-lg);color:#fff;background:linear-gradient(135deg, var(--c-brand) 0%, var(--c-brand-deep) 100%);padding:var(--s6) var(--s6);gap:var(--s5);grid-template-columns:1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ede72d38 0%,#ede72d00 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-80px}.hero h1{font-size:var(--fs-4xl);letter-spacing:-.02em;line-height:1.1}.hero p{color:#ffffffe0;font-size:var(--fs-lg);max-width:46ch;margin-top:var(--s2)}.hero .hero-actions{gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap;align-items:center;display:flex}.hero .hero-sub{font-size:var(--fs-sm);color:#ffffffbf}.ring{--v:0;z-index:1;background:conic-gradient(var(--c-gold) calc(var(--v) * 1%), #ffffff38 0);border-radius:50%;flex:none;place-items:center;width:148px;height:148px;display:grid;position:relative}.ring:before{content:"";background:var(--c-brand-deep);border-radius:50%;position:absolute;inset:12px}.ring span{text-align:center;line-height:1.1;position:relative}.ring b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;display:block}.ring small{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:11px}@media (max-width:760px){.hero{padding:var(--s5);grid-template-columns:1fr}.hero h1{font-size:var(--fs-3xl)}.ring{width:120px;height:120px}}.skill{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);gap:var(--s3);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);display:grid}.skill:hover{border-color:var(--c-brand-line);box-shadow:var(--sh-md)}.skill-top{align-items:center;gap:var(--s3);display:flex}.skill-icon{border-radius:var(--r-md);background:var(--c-brand-soft);width:36px;height:36px;color:var(--c-brand);flex:none;place-items:center;font-size:18px;display:grid}.skill-title{font-weight:600}.skill-meta{font-size:var(--fs-sm);color:var(--c-ink-3)}.skill-score{text-align:right;margin-left:auto;line-height:1.1}.skill-score b{font-size:var(--fs-2xl);color:var(--c-brand);font-variant-numeric:tabular-nums;display:block}.skill-score small{text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-3);font-size:11px}.skill-link{font-weight:600;font-size:var(--fs-md)}.level-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);gap:var(--s2);color:var(--c-ink);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);text-decoration:none;display:grid}a.level-card:hover{border-color:var(--c-brand-line);box-shadow:var(--sh-md);text-decoration:none}.level-card.off{opacity:.6}.level-code{font-size:var(--fs-3xl);color:var(--c-brand);font-weight:700;line-height:1;font-family:var(--font-mono)}.level-name{font-weight:600}.level-meta{font-size:var(--fs-sm);color:var(--c-ink-3)}.status-dot{font-size:var(--fs-sm);color:var(--c-ink-3);align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status-dot.ready{color:var(--c-ok)}
.exam{background:var(--c-surface);grid-template-rows:auto auto 1fr auto;height:100dvh;display:grid}.exam-top{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--c-line);grid-template-columns:1fr auto 1fr;display:grid}.exam-top .brand-mark{width:28px;height:28px}.exam-title{font-weight:700;font-size:var(--fs-md);text-align:center}.exam-top .right{justify-self:end;gap:var(--s2);align-items:center;display:flex}.exam-bar{align-items:center;gap:var(--s3);min-height:48px;padding:0 var(--s4);border-bottom:1px solid var(--c-line);background:var(--c-page);display:flex;overflow-x:auto}.exam-bar .sp{flex:1}.tabs{gap:var(--s1);display:flex}.tab{border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--c-ink-2);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.tab i{background:var(--c-line-strong);opacity:.5;border-radius:50%;width:7px;height:7px}.tab.done i{background:var(--c-ok);opacity:1}.tab.on{background:var(--c-surface);border-color:var(--c-brand);color:var(--c-brand);font-weight:600}.tab.on i{background:var(--c-brand);opacity:1}.timer{font-family:var(--font-mono);font-weight:600;font-size:var(--fs-lg);border-radius:var(--r-sm);background:var(--c-surface);border:1px solid var(--c-line);white-space:nowrap;padding:2px 12px}.timer.warn{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.timer.crit{background:var(--c-bad-soft);color:var(--c-bad);border-color:#f3b6b6}.exam-body{min-height:0;overflow:auto}.exam-inner{max-width:1320px;padding:var(--s5) var(--s5) var(--s7);gap:var(--s4);margin:0 auto;display:grid}.exam-with-rail{gap:var(--s5);grid-template-columns:minmax(0,1fr) 220px;align-items:start;display:grid}@media (max-width:1100px){.exam-with-rail{grid-template-columns:1fr}.rail-nav{display:none}}.instruction{border-left:3px solid var(--c-brand);background:var(--c-brand-soft);padding:var(--s3) var(--s4);border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-md)}.instruction .subtle{margin-top:2px;display:block}.exam-foot{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--c-line);background:var(--c-page);flex-wrap:wrap;display:flex}.exam-foot .sp{flex:1}.progress-mini{width:120px}.split{gap:var(--s5);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.reading{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s5);font-family:var(--font-read);color:#22202a;font-size:17px;line-height:1.7}.reading h3{font-family:var(--font);font-size:var(--fs-xl);margin-bottom:var(--s1)}.reading .ctx{font-family:var(--font);font-size:var(--fs-sm);color:var(--c-ink-3);margin-bottom:var(--s3)}.reading p+p{margin-top:var(--s3)}.sticky-pane{top:var(--s4);max-height:calc(100vh - 220px);position:sticky;overflow:auto}@media (max-width:900px){.sticky-pane{max-height:none;position:static}}.unit+.unit{border-top:1px dashed var(--c-line);padding-top:var(--s5)}.items{gap:var(--s3);display:grid}.item{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--c-surface);gap:var(--s2);scroll-margin-top:90px;display:grid}.item.answered{border-color:var(--c-brand-line)}.item.flagged{border-left:3px solid var(--c-warn-line)}.item-q{gap:var(--s3);align-items:flex-start;display:flex}.item-n{background:var(--c-navy);color:#fff;min-width:28px;height:28px;font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;display:grid}.item.answered .item-n{background:var(--c-brand)}.item-text{font-size:var(--fs-base);flex:1}.flag{border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);width:32px;height:28px;color:var(--c-ink-3);flex:none}.flag.on{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.opts{gap:6px;padding-left:40px;display:grid}.opts.inline{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.opt{gap:var(--s2);border:1px solid var(--c-line);border-radius:var(--r-md);cursor:pointer;background:var(--c-page);font-size:var(--fs-md);align-items:flex-start;padding:8px 12px;display:flex}.opt:hover{border-color:var(--c-brand-line)}.opt input{accent-color:var(--c-brand);margin-top:3px}.opt.on{border-color:var(--c-brand);background:var(--c-brand-soft)}.opt .k{color:var(--c-ink-3);font-weight:700;font-family:var(--font-mono)}.opt.picture{flex-direction:column;align-items:stretch;min-height:90px}@media (max-width:640px){.opts{padding-left:0}}.bank{gap:var(--s2);display:grid}.bank-entry{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3);background:var(--c-surface);font-size:var(--fs-md)}.bank-entry .k{font-family:var(--font-mono);color:var(--c-brand);margin-right:6px;font-weight:700}.bank-entry.used{opacity:.45}.bank-entry p{color:var(--c-ink-2);margin-top:4px}.select-inline{border-radius:var(--r-sm);border:1px solid var(--c-line-strong);background:var(--c-surface);min-height:32px;font-family:var(--font);font-size:var(--fs-md);max-width:100%;padding:2px 8px}.gap{margin:0 2px;display:inline-block}.gap-n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-brand);margin-right:2px;font-weight:700}.rail-nav{top:var(--s4);gap:var(--s3);display:grid;position:sticky}.qgrid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.qgrid button{border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--c-ink-2);padding:5px 0}.qgrid button.a{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.qgrid button.f{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.legend{gap:var(--s3);font-size:var(--fs-xs);color:var(--c-ink-3);flex-wrap:wrap;display:flex}.legend i{vertical-align:-1px;border:1px solid var(--c-line);border-radius:2px;width:9px;height:9px;margin-right:3px;display:inline-block}.player{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s3) var(--s4);background:var(--c-page);gap:var(--s2);display:grid}.player-row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.play-btn{background:var(--c-brand);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.play-btn:disabled{background:var(--c-line-strong);cursor:not-allowed}.track{border-radius:var(--r-pill);background:var(--c-line);flex:1;min-width:120px;height:6px;overflow:hidden}.track i{background:var(--c-brand);height:100%;transition:width .25s linear;display:block}.steps{gap:var(--s2);font-size:var(--fs-sm);grid-template-columns:repeat(3,1fr);display:grid}.steps span{border:1px solid var(--c-line);border-radius:var(--r-sm);color:var(--c-ink-3);background:var(--c-surface);padding:4px 8px}.steps span.on{border-color:var(--c-warn-line);background:var(--c-warn-soft);color:var(--c-warn);font-weight:600}.steps span.done{background:var(--c-ok-soft);color:var(--c-ok);border-color:#a9d8bd}.task{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4);background:var(--c-page);gap:var(--s2);display:grid}.task ul{margin:0;padding-left:20px}.stimulus{border-left:3px solid var(--c-line-strong);padding:var(--s2) var(--s3);background:var(--c-surface);font-style:italic}.editor{min-height:280px;font-size:17px;line-height:1.7}.wordbar{align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--c-ink-2);display:flex}.wordbar .bar{flex:1}.card-task{border-radius:var(--r-md);padding:var(--s4);gap:var(--s2);background:#fffdf3;border:1px solid #e8e2c0;display:grid}.card-task ul{margin:0;padding-left:20px}.slides{gap:var(--s2);grid-template-columns:repeat(5,1fr);display:grid}.slides div{border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--s2);font-size:var(--fs-sm);background:var(--c-surface);min-height:64px}.slides b{font-family:var(--font-mono);color:var(--c-brand);display:block}@media (max-width:760px){.slides{grid-template-columns:1fr 1fr}}.recorder{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s3);background:var(--c-surface);display:grid}.mic{background:var(--c-record);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:26px;display:grid;box-shadow:0 0 #009a6680}.mic.rec{background:var(--c-stop);animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #d6303173}70%{box-shadow:0 0 0 14px #d6303100}to{box-shadow:0 0 #d6303100}}.meter{border-radius:var(--r-pill);background:var(--c-line);flex:1;height:10px;overflow:hidden}.meter i{background:var(--c-record);height:100%;transition:width 80ms linear;display:block}.transcript{border:1px dashed var(--c-line);border-radius:var(--r-md);padding:var(--s3);min-height:60px;font-size:var(--fs-md);color:var(--c-ink-2);background:var(--c-page)}.metrics{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.metrics div{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s2) var(--s3);background:var(--c-surface)}.metrics b{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;display:block}.metrics span{font-size:var(--fs-xs);color:var(--c-ink-3)}@media (max-width:700px){.metrics{grid-template-columns:1fr 1fr}}.chat{gap:var(--s2);display:grid}.bubble{max-width:85%;padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:var(--fs-md)}.bubble small{text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-3);font-size:11px;font-weight:600;display:block}.bubble.partner{background:var(--c-brand-soft);border:1px solid var(--c-brand-line)}.bubble.student{background:var(--c-page);border:1px solid var(--c-line);margin-left:auto}.screen{max-width:880px;padding:var(--s6) var(--s5);gap:var(--s5);margin:0 auto;display:grid}.module-row{align-items:center;gap:var(--s4);padding:var(--s4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);display:flex}.module-row.next{border-color:var(--c-brand);box-shadow:inset 0 0 0 1px var(--c-brand)}.module-row .sp{flex:1}.dialog-back{z-index:50;padding:var(--s4);background:#10101873;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--s5);gap:var(--s3);width:100%;max-width:520px;display:grid}.blocked{z-index:60;background:var(--c-surface);text-align:center;padding:var(--s5);place-items:center;display:grid;position:fixed;inset:0}