.ws-root{--accent: #D5573B;--accent-soft: color-mix(in srgb, var(--accent) 11%, #fff);--accent-tint: color-mix(in srgb, var(--accent) 16%, #fff);--accent-line: color-mix(in srgb, var(--accent) 30%, #fff);--accent-hover: color-mix(in srgb, var(--accent) 84%, #000);--accent-glow: color-mix(in srgb, var(--accent) 42%, transparent);--cream: #FAFAF8;--cream-2: #F5F2EC;--paper: #ffffff;--dark: #2A2F3F;--ink-72: rgba(42, 47, 63, .72);--ink-60: rgba(42, 47, 63, .6);--ink-45: rgba(42, 47, 63, .45);--ink-32: rgba(42, 47, 63, .32);--ink-18: rgba(42, 47, 63, .18);--ink-08: rgba(42, 47, 63, .08);--line: rgba(42, 47, 63, .08);--line-2: rgba(42, 47, 63, .14);--ok: #3F9168;--ok-soft: #EAF4EE;--ok-line: #BFE0CD;--no: #9C5A5D;--no-soft: #F6EDEE;--no-line: #E3CCCE;--evidence: #5A60A8;--evidence-soft: #E1E3F5;--evidence-line: #9FA4DA;--evidence-ink: #3C4189;--shadow-sm: 0 1px 2px rgba(42,47,63,.06), 0 1px 0 rgba(255,255,255,.6) inset;--shadow-md: 0 2px 4px rgba(42,47,63,.05), 0 12px 28px -16px rgba(42,47,63,.28);--shadow-lg: 0 18px 48px -20px rgba(42,47,63,.4), 0 2px 6px rgba(42,47,63,.05);background:var(--cream)}.ws-dots{display:flex;gap:5px;align-items:center}.ws-dots i{display:block;width:26px;height:5px;border-radius:999px;background:var(--ink-08);transition:width .35s cubic-bezier(.2,.7,.2,1),background .3s;font-style:normal}.ws-dots i.done{background:var(--accent)}.ws-dots i.now{background:var(--accent);width:34px;box-shadow:0 1px 6px -1px var(--accent-glow)}.ws-passage-text{font-size:18px;line-height:1.75;color:var(--ink-72);text-wrap:pretty}.ws-target{font-weight:700;color:var(--accent);white-space:nowrap;border-bottom:3px solid var(--accent);padding-bottom:1px}.ws-evidence{background:var(--evidence-soft);color:var(--evidence-ink);font-weight:600;border-bottom:2px solid var(--evidence);border-radius:5px 5px 2px 2px;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ws-hint-inner{border-bottom:1px dotted var(--ink-32);padding-bottom:1px;cursor:help;transition:all .2s}.ws-hint-inner:hover{border-bottom-color:var(--accent);border-bottom-style:solid;color:var(--accent)}.ws-option-dim{opacity:.45}.ws-anchor{border-radius:14px;padding:15px 18px;margin-bottom:22px;background:var(--cream-2);border:1px solid var(--line-2)}.ws-anchor.hit{background:var(--ok-soft);border-color:var(--ok-line)}.ws-anchor-label{display:block;font-size:13px;color:var(--ink-45);margin-bottom:7px;font-family:Inter,sans-serif}.ws-anchor-label b{color:var(--accent);font-weight:700}.ws-anchor.hit .ws-anchor-label b{color:var(--ok)}.ws-anchor-def{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;line-height:1.4;color:var(--dark);letter-spacing:-.01em;margin:0}.ws-strategy{margin-top:14px;border:1px solid var(--evidence-line);background:var(--evidence-soft);border-radius:16px;padding:16px 18px}.ws-strategy-hd{display:flex;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--evidence-ink);white-space:nowrap;margin-bottom:6px}.ws-strategy-name{font-family:Poppins,sans-serif;font-weight:700;font-size:16px;color:var(--evidence-ink);margin:0 0 5px;letter-spacing:-.01em}.ws-strategy-text{font-size:13.5px;line-height:1.6;color:var(--ink-72);margin:0}@keyframes ws-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ws-reveal{animation:ws-reveal .4s cubic-bezier(.2,.7,.2,1) both}.bd-root{--bg: #071a0e;--card: #0d2418;--card-deep: #051008;--gold: #d4af37;--gold-2: #9a7b1a;--gold-light: #e8c84a;--gold-glow: rgba(212,175,55,.15);--gold-line: rgba(212,175,55,.28);--border: #1a3d26;--border-2: #2a5c38;--text: #EAF1E9;--text-muted: #9DB3A2;--text-dim: rgba(157,179,162,.4);--ok: #3ecf8e;--ok-soft: rgba(62,207,142,.12);--ok-line: rgba(62,207,142,.3);--no: #e05252;--stripe: linear-gradient(90deg, #1a3d26, #9a7b1a, #d4af37, #e8c84a, #d4af37, #9a7b1a, #1a3d26);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;background:var(--bg);color:var(--text)}.bd-root h1,.bd-root h2,.bd-root h3{font-family:Poppins,sans-serif;margin:0}.bd-root p{margin:0}.bd-root button{font-family:inherit}.bd-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;background:#071a0ef0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.bd-nav-brand{display:flex;align-items:center;gap:11px}.bd-nav-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2),var(--gold));display:grid;place-items:center;color:#16280f;flex-shrink:0}.bd-nav-title{font-family:Poppins,sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1;color:var(--text)}.bd-nav-title span{color:var(--gold)}.bd-nav-sub{font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:3px}.bd-nav-tabs{display:flex;align-items:center;gap:6px}.bd-nav-divider{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.1em}.bd-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:6px 10px;border-radius:6px;transition:color .15s,background .15s}.bd-tab:hover:not(.active):not(:disabled){color:var(--text);background:#ffffff0d}.bd-tab.active{color:var(--gold);background:var(--gold-glow)}.bd-tab:disabled{opacity:.35;cursor:not-allowed}.bd-teacher-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card-deep);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:7px 12px;border-radius:7px;display:flex;align-items:center;gap:6px;transition:all .15s}.bd-teacher-btn:hover{color:var(--text);border-color:var(--border-2)}.bd-teacher-btn.active{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.bd-nav-stripe{height:2px;background:var(--stripe)}.bd-record-band{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;border-bottom:1px solid var(--border);background:#05100899}.bd-record-label{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.bd-record-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);flex-shrink:0}.bd-record-num{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.bd-stage{max-width:960px;margin:0 auto;padding:28px 28px 64px;position:relative}.bd-corners{position:relative}.bd-corner{position:absolute;width:18px;height:18px;border-color:var(--gold-line);border-style:solid;z-index:1;pointer-events:none}.bd-corner--tl{top:0;left:0;border-width:1.5px 0 0 1.5px}.bd-corner--tr{top:0;right:0;border-width:1.5px 1.5px 0 0}.bd-corner--bl{bottom:0;left:0;border-width:0 0 1.5px 1.5px}.bd-corner--br{bottom:0;right:0;border-width:0 1.5px 1.5px 0}.bd-cards{display:flex;flex-direction:column;gap:20px;padding:20px 0}.bd-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.bd-card:hover{border-color:var(--border-2)}.bd-card-stripe{height:3px;background:var(--stripe)}.bd-card-head{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:14px}.bd-seg-badge{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-line);border-radius:7px;padding:6px 10px;flex-shrink:0;line-height:1}.bd-card-head-info{flex:1;min-width:0}.bd-card-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:8px}.bd-vocab-tags{display:flex;flex-wrap:wrap;gap:6px}.bd-vocab-tag{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);border-radius:4px;padding:3px 7px}.bd-card-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.bd-col-left{padding:18px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.bd-col-right{padding:18px 20px;display:flex;flex-direction:column;gap:0}.bd-audio{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--card-deep);border:1px solid var(--border);border-radius:9px}.bd-play-btn{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--gold-2),var(--gold));border:0;cursor:pointer;display:grid;place-items:center;color:#16280f;box-shadow:0 6px 16px -8px var(--gold);transition:transform .14s,opacity .14s}.bd-play-btn:active{transform:scale(.92)}.bd-play-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.bd-play-btn.playing{background:#e5646426;color:#e05252;box-shadow:none;border:1px solid rgba(229,100,100,.3)}.bd-waveform{flex:1;display:flex;align-items:center;gap:2.5px;height:26px}.bd-waveform i{flex:1;max-width:3px;border-radius:2px;background:var(--border-2);transform-origin:center}.bd-waveform.playing i{background:var(--gold);animation:bd-wave 1.1s ease-in-out infinite alternate}.bd-waveform.playing i:nth-child(2n){animation-delay:.13s}.bd-waveform.playing i:nth-child(3n){animation-delay:.27s}.bd-waveform.playing i:nth-child(5n){animation-delay:.41s}.bd-waveform.playing i:nth-child(7n){animation-delay:.55s}@keyframes bd-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.bd-audio-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.bd-play-dots{display:flex;gap:5px;align-items:center}.bd-play-dots b{display:block;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 5px #d4af3780}.bd-play-dots b.used{background:#ffffff1a;box-shadow:none}.bd-plays-lbl{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.bd-plays-lbl.locked{color:var(--no)}.bd-transcript{flex:1;background:var(--card-deep);border:1px solid var(--border);border-radius:9px;padding:12px 14px;overflow:hidden}.bd-transcript-lbl{display:flex;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.bd-transcript-text{font-size:12.5px;line-height:1.65;white-space:pre-wrap;color:var(--text-muted);filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .3s}.bd-transcript.unlocked .bd-transcript-text{filter:none;-webkit-user-select:text;user-select:text;color:#86efac}.bd-transcript.unlocked .bd-transcript-lbl{color:var(--ok)}.bd-ledger-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.bd-ledger-label{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.bd-ledger-rule{flex:1;max-width:24px;height:1.5px;background:var(--gold);border-radius:1px}.bd-ledger-count{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-dim)}.bd-ledger-rows{display:flex;flex-direction:column;gap:10px;flex:1}.bd-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bd-field-lbl{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.bd-field-input{background:var(--card-deep);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--text);text-align:right;outline:none;transition:border-color .15s,box-shadow .15s;width:160px;min-width:0}.bd-field-input::placeholder{color:var(--text-dim);font-weight:400;font-size:11px}.bd-field-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow)}.bd-field-input.filled{border-color:var(--gold-line);color:var(--gold-light)}.bd-ledger-submit{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.bd-submit-row{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 0;margin-top:12px;border-top:1px solid var(--border)}.bd-progress{display:flex;align-items:center;gap:12px}.bd-progress-lbl{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color .3s}.bd-progress-lbl.done{color:var(--ok)}.bd-progress-bar{width:120px;height:3px;background:var(--border);border-radius:999px;overflow:hidden}.bd-progress-fill{height:100%;border-radius:999px;background:var(--gold);transition:width .5s cubic-bezier(.2,.8,.2,1)}.bd-progress-fill.done{background:var(--ok)}.bd-submit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--gold);color:#16280f;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;padding:13px 28px;border-radius:9px;display:flex;align-items:center;gap:10px;transition:background .15s,transform .14s,box-shadow .15s;box-shadow:0 8px 24px -10px var(--gold)}.bd-submit-btn:hover{background:var(--gold-light)}.bd-submit-btn:active{transform:translateY(1px)}.bd-submit-btn:disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed;box-shadow:none}.bd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.bd-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px 28px;width:100%;max-width:320px;box-shadow:0 32px 64px -24px #000c}.bd-modal h3{font-size:17px;letter-spacing:-.01em;color:var(--text);margin-bottom:6px}.bd-modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}.bd-modal-input{width:100%;background:var(--card-deep);border:1.5px solid var(--border-2);border-radius:9px;padding:12px;text-align:center;font-family:JetBrains Mono,monospace;font-size:20px;letter-spacing:.22em;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;margin-bottom:8px;box-sizing:border-box}.bd-modal-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.bd-modal-input.error{border-color:var(--no)}.bd-modal-error{font-size:12px;color:var(--no);text-align:center;margin-bottom:14px;font-family:JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.bd-modal-actions{display:flex;gap:8px;margin-top:14px}.bd-modal-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-muted);padding:11px 16px;border-radius:8px;transition:all .15s}.bd-modal-cancel:hover{color:var(--text);border-color:var(--border-2)}.bd-modal-confirm{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--gold);color:#16280f;font-family:Poppins,sans-serif;font-weight:700;font-size:13px;padding:11px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s}.bd-modal-confirm:hover{background:var(--gold-light)}@media(max-width:640px){.bd-nav{padding:0 16px}.bd-record-band{padding:10px 16px}.bd-stage{padding:16px 16px 48px}.bd-card-body{grid-template-columns:1fr}.bd-col-left{border-right:0;border-bottom:1px solid var(--border)}.bd-field-input{width:130px}.bd-nav-tabs{display:none}}.id-root{--accent: #3b82f6;--accent-soft: color-mix(in srgb, #3b82f6 12%, #0c1826);--accent-tint: color-mix(in srgb, #3b82f6 18%, #0c1826);--accent-line: color-mix(in srgb, #3b82f6 35%, #0c1826);--accent-hover: color-mix(in srgb, #3b82f6 84%, #000);--accent-glow: color-mix(in srgb, #3b82f6 40%, transparent);--navy: #0c1826;--navy-2: #132240;--navy-3: #1a2e50;--paper: #1a2e50;--dark: #e8f0fe;--ink-72: rgba(232,240,254,.72);--ink-60: rgba(232,240,254,.6);--ink-45: rgba(232,240,254,.45);--ink-32: rgba(232,240,254,.32);--ink-18: rgba(232,240,254,.18);--ink-08: rgba(232,240,254,.08);--line: rgba(59,130,246,.12);--line-2: rgba(59,130,246,.2);--ok: #22c55e;--ok-soft: rgba(34,197,94,.12);--ok-line: rgba(34,197,94,.3);--ok-deep: #16a34a;--warn: #f59e0b;--warn-soft: rgba(245,158,11,.12);--no: #ef4444;--no-soft: rgba(239,68,68,.12);--no-line: rgba(239,68,68,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;background:radial-gradient(1200px 700px at 50% -8%,color-mix(in srgb,#3b82f6 10%,#0c1826),#0c1826 58%);color:var(--dark)}.id-root h1,.id-root h2,.id-root h3,.id-root h4{font-family:Poppins,sans-serif;margin:0}.id-root p{margin:0}.id-root button{font-family:inherit;cursor:pointer}.id-root .stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:26px 18px 64px}.id-root .topbar{width:100%;max-width:680px;display:flex;align-items:center;gap:12px;margin-bottom:28px;padding:10px 14px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line)}.id-root .brand{display:flex;align-items:center;gap:10px;flex:1}.id-root .brand-mark{width:34px;height:34px;border-radius:8px;background:var(--accent-tint);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.id-root .brand-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:var(--dark);line-height:1.1}.id-root .brand-name .ac{color:var(--accent)}.id-root .brand-sub{font-size:10.5px;color:var(--ink-45);text-transform:uppercase;letter-spacing:.06em;margin-top:1px}.id-root .seg{display:flex;gap:4px;background:#00000040;padding:3px;border-radius:8px}.id-root .seg button{display:flex;align-items:center;gap:5px;padding:5px 13px;font-size:12px;font-weight:600;border-radius:6px;border:none;background:transparent;color:var(--ink-45);transition:all .15s;white-space:nowrap}.id-root .seg button:disabled{opacity:.4;cursor:not-allowed}.id-root .seg button.on{background:var(--accent);color:#fff;box-shadow:0 1px 6px var(--accent-glow)}.id-root .teacher-btn{font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--ink-45);transition:all .15s}.id-root .teacher-btn.active{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.id-root .card{width:100%;max-width:680px;background:var(--paper);border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:20px}.id-root .card-head{padding:18px 22px 16px;border-bottom:1px solid var(--line);background:#ffffff05}.id-root .card-body{padding:20px 22px 24px}.id-root .eyebrow-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.id-root .eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-45)}.id-root .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.id-root .ex-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:4px;background:var(--accent-tint);color:var(--accent);border:1px solid var(--accent-line)}.id-root .plays{display:flex;align-items:center;gap:4px}.id-root .plays b{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent-glow);transition:all .2s}.id-root .plays b.used{background:#ffffff1f;box-shadow:none}.id-root .audio{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#0003;border:1px solid var(--line)}.id-root .audio-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;box-shadow:0 2px 8px var(--accent-glow)}.id-root .audio-btn:hover{background:var(--accent-hover)}.id-root .audio-btn:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.5}.id-root .audio-wave{flex:1;display:flex;align-items:center;gap:2px;height:28px}.id-root .audio-wave i{display:block;width:2px;background:var(--ink-18);border-radius:2px;height:30%;transition:height .1s}.id-root .audio-wave.playing i{background:var(--accent);animation:wave .8s ease-in-out infinite alternate}.id-root .audio-wave i:nth-child(2n){animation-delay:.15s}.id-root .audio-wave i:nth-child(3n){animation-delay:.3s}.id-root .audio-wave i:nth-child(4n){animation-delay:.45s}@keyframes wave{0%{height:15%}to{height:85%}}.id-root .audio-meta{flex-shrink:0}.id-root .plays-lbl{font-size:10.5px;font-weight:600;color:var(--ink-45);text-transform:uppercase;letter-spacing:.06em}.id-root .transcript-box{padding:14px 16px;border-radius:8px;background:#22c55e0f;border:1px solid var(--ok-line)}.id-root .transcript-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ok);margin-bottom:10px}.id-root .transcript-box pre{font-size:12.5px;line-height:1.7;color:#22c55ed9;white-space:pre-wrap;font-family:Inter,system-ui,sans-serif;margin:0}.id-root .section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-45);margin-bottom:10px}.id-root .specimen-rule{height:1px;background:var(--line);margin:4px 0}.id-root .criteria-preview{padding:12px 14px;border-radius:8px;background:#3b82f60f;border:1px solid var(--accent-line)}.id-root .criteria-preview-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px}.id-root .criteria-list{display:flex;flex-direction:column;gap:6px}.id-root .criterion-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-72)}.id-root .criterion-row .c-bullet{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--accent-line);flex-shrink:0;display:flex;align-items:center;justify-content:center}.id-root .criterion-row.checked .c-bullet{background:var(--accent);border-color:var(--accent)}.id-root .criterion-row.checked .c-bullet svg{display:block}.id-root .criterion-row .c-bullet svg{display:none}.id-root .criterion-row.checked{color:var(--dark)}.id-root .criterion-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--accent-line);background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;cursor:pointer;transition:all .15s;position:relative}.id-root .criterion-checkbox:checked{background:var(--accent);border-color:var(--accent)}.id-root .criterion-checkbox:checked:after{content:"";position:absolute;left:3px;top:1px;width:8px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}.id-root .signal-spotter{display:flex;flex-direction:column;gap:14px}.id-root .signal-phrase-block{padding:12px 14px;border-radius:8px;background:#00000026;border:1px solid var(--line)}.id-root .signal-phrase-text{font-size:13px;font-style:italic;color:var(--ink-72);margin-bottom:10px;line-height:1.5}.id-root .signal-chips{display:flex;flex-wrap:wrap;gap:6px}.id-root .signal-chip{padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--line-2);background:transparent;color:var(--ink-60);transition:all .15s}.id-root .signal-chip:hover{border-color:var(--accent-line);color:var(--accent)}.id-root .signal-chip.sel-experience{background:#3b82f626;border-color:var(--accent);color:#93c5fd}.id-root .signal-chip.sel-confidence{background:#a855f726;border-color:#a855f7;color:#d8b4fe}.id-root .signal-chip.sel-professionalism{background:#22c55e1f;border-color:var(--ok-line);color:#86efac}.id-root .signal-chip.sel-weak-signal{background:#f59e0b1f;border-color:#f59e0b66;color:#fcd34d}.id-root .verdict-panel{display:flex;flex-direction:column;gap:12px}.id-root .verdict-buttons{display:flex;gap:8px}.id-root .verdict-btn{flex:1;padding:10px 6px;border-radius:8px;font-size:13px;font-weight:700;border:1.5px solid var(--line-2);background:transparent;color:var(--ink-45);transition:all .15s;letter-spacing:.02em}.id-root .verdict-btn:hover{border-color:var(--ink-32);color:var(--ink-72)}.id-root .verdict-btn.sel-hire{background:#22c55e1f;border-color:var(--ok-line);color:#86efac}.id-root .verdict-btn.sel-maybe{background:#f59e0b1f;border-color:#f59e0b66;color:#fcd34d}.id-root .verdict-btn.sel-pass{background:#ef44441f;border-color:var(--no-line);color:#fca5a5}.id-root .write{width:100%;padding:10px 13px;border-radius:8px;border:1.5px solid var(--line-2);background:#0003;color:var(--dark);font-size:13.5px;font-family:Inter,system-ui,sans-serif;line-height:1.6;resize:vertical;transition:border-color .15s;box-sizing:border-box}.id-root .write::placeholder{color:var(--ink-32)}.id-root .write:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.id-root .write:disabled{opacity:.6;cursor:not-allowed}.id-root .btn{display:inline-flex;align-items:center;gap:6px;font-family:Inter,system-ui,sans-serif;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .15s}.id-root .btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.id-root .btn-primary:hover{background:var(--accent-hover)}.id-root .btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.id-root .btn-ghost{background:transparent;color:var(--ink-60);border:1px solid var(--line-2)}.id-root .btn-ghost:hover{border-color:var(--ink-32);color:var(--ink-72)}.id-root .btn-lg{padding:10px 20px;font-size:14px}.id-root .btn-sm{padding:6px 14px;font-size:12.5px}.id-root .submit-row{width:100%;max-width:680px;display:flex;align-items:center;gap:14px;justify-content:flex-end;margin-top:8px}.id-root .progress-label{font-size:12.5px;color:var(--ink-45);font-weight:500}.id-root .ws-bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.id-root .ws-bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.id-root .listening-list{width:100%;max-width:680px;display:flex;flex-direction:column}.id-root .gate-complete{padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.id-root .gate-complete .big{width:52px;height:52px;border-radius:50%;background:var(--ok-soft);border:1.5px solid var(--ok-line);display:flex;align-items:center;justify-content:center;color:var(--ok)}.id-root .gate-complete h2{font-size:18px;color:var(--dark)}.id-root .gate-complete p{font-size:14px;color:var(--ink-60);max-width:280px}.id-root .hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.id-root .sound{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.id-root .ring{position:absolute;border-radius:50%;border:1.5px solid var(--accent-line);opacity:0;transition:opacity .2s}.id-root .ring.r1{width:100%;height:100%}.id-root .ring.r2{width:140%;height:140%}.id-root .sound.playing .ring{opacity:1;animation:pulse-ring 1.4s ease-out infinite}.id-root .sound.playing .r2{animation-delay:.4s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.1);opacity:0}}.id-root .sound-btn{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--accent-glow);transition:all .15s;z-index:1}.id-root .sound-btn:hover{background:var(--accent-hover)}.id-root .clue{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.id-root .clue p{font-size:14.5px;color:var(--ink-72);max-width:300px;line-height:1.5;text-align:center}.id-root .clue .es{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;background:var(--accent-tint);border:1px solid var(--accent-line)}.id-root .clue .es b{font-size:13px;color:var(--accent)}.id-root .lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-45)}.id-root .hearts{display:flex;align-items:center;gap:4px}.id-root .heart{display:flex;align-items:center;transition:transform .2s}.id-root .heart.gone{transform:scale(.7);opacity:.3}.id-root .word-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;row-gap:8px}.id-root .space-gap{display:flex;align-items:flex-end;padding:0 4px}.id-root .space-gap i{display:block;width:1px;height:20px;background:var(--line-2)}.id-root .lbox{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1.5px solid var(--line-2);background:#0003;color:var(--dark);font-weight:700;text-transform:lowercase;cursor:text;transition:border-color .1s,background .1s;font-family:Poppins,monospace;text-align:center}.id-root .lbox.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.id-root .lbox.filled{border-color:var(--accent-line);background:var(--accent-tint)}.id-root .lbox.locked{border-color:transparent;background:#ffffff0f;color:var(--dark)}.id-root .lbox.wrong{border-color:var(--no-line);background:var(--no-soft);animation:shake .4s}.id-root .lbox.revealed{border-color:var(--no-line);background:var(--no-soft);color:var(--no)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}60%{transform:translate(4px)}}.id-root .dots{display:flex;gap:5px}.id-root .dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--line-2);transition:all .2s}.id-root .dots i.done{background:var(--ok)}.id-root .dots i.now{background:var(--accent);box-shadow:0 0 6px var(--accent-glow);transform:scale(1.2)}.id-root .count{font-size:12.5px;font-weight:600;color:var(--ink-45)}.id-root .count .of{font-weight:400}.id-root .subline{font-size:12px;color:var(--ink-45);margin-top:2px}.id-root .banner{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;margin:10px 0}.id-root .banner.win{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}.id-root .banner.lose{background:var(--no-soft);color:var(--no);border:1px solid var(--no-line)}.id-root .banner .b-ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.id-root .banner.win .b-ic{background:var(--ok)}.id-root .banner.lose .b-ic{background:var(--no)}.id-root .reveal-word{font-style:italic;margin-left:2px}.id-root .actions{display:flex;justify-content:center}.id-root .khint{font-size:11px;color:var(--ink-32);text-align:center;margin-top:14px}.id-root .khint kbd{padding:1px 5px;border-radius:4px;background:#ffffff12;border:1px solid var(--line-2);font-size:11px;font-family:inherit}.id-root .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.id-root .modal-box{background:var(--navy-2);border:1px solid var(--line-2);border-radius:14px;padding:28px 24px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.id-root .modal-box h2{font-size:17px;color:var(--dark);margin-bottom:4px}.id-root .modal-sub{font-size:13px;color:var(--ink-45);margin-bottom:18px}.id-root .modal-input{width:100%;padding:10px 13px;border-radius:8px;border:1.5px solid var(--line-2);background:#0003;color:var(--dark);font-size:14px;margin-bottom:8px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.id-root .modal-input:focus{outline:none;border-color:var(--accent)}.id-root .modal-input.error{border-color:var(--no)}.id-root .modal-error{font-size:12px;color:var(--no);margin-bottom:12px}.id-root .modal-actions{display:flex;gap:8px;margin-top:16px}.ics-root{--accent: #B23A57;--accent-soft: color-mix(in srgb, #B23A57 11%, #fff);--accent-tint: color-mix(in srgb, #B23A57 16%, #fff);--accent-line: color-mix(in srgb, #B23A57 30%, #fff);--accent-hover: color-mix(in srgb, #B23A57 84%, #000);--accent-glow: color-mix(in srgb, #B23A57 42%, transparent);--copper: #D5573B;--rose: #9C5A5D;--glaucous: #777DA7;--cream: #FAFAF8;--cream-2: #F5F2EC;--paper: #ffffff;--dark: #2A2F3F;--ink-72: rgba(42,47,63,.72);--ink-60: rgba(42,47,63,.6);--ink-45: rgba(42,47,63,.45);--ink-32: rgba(42,47,63,.32);--ink-18: rgba(42,47,63,.18);--ink-08: rgba(42,47,63,.08);--line: rgba(42,47,63,.08);--line-2: rgba(42,47,63,.14);--ok: #3F9168;--ok-soft: #EAF4EE;--ok-line: #BFE0CD;--ok-deep: #2E7A54;--no: #C2495F;--no-soft: #FBEEF1;--no-line: #EBC7CF;--shadow-sm: 0 1px 2px rgba(42,47,63,.06), 0 1px 0 rgba(255,255,255,.6) inset;--shadow-md: 0 2px 4px rgba(42,47,63,.05), 0 12px 28px -16px rgba(42,47,63,.28);--shadow-lg: 0 24px 60px -26px rgba(42,47,63,.42), 0 2px 6px rgba(42,47,63,.05);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;background:radial-gradient(1100px 620px at 50% -10%,color-mix(in srgb,#B23A57 7%,#FAFAF8),#fafaf8 60%);color:var(--dark)}.ics-root h1,.ics-root h2,.ics-root h3,.ics-root h4{font-family:Poppins,sans-serif;margin:0}.ics-root p{margin:0}.ics-root button{font-family:inherit}.ics-root .stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:26px 18px 48px}.ics-root .topbar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.ics-root .brand{display:flex;align-items:center;gap:11px}.ics-root .brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);flex-shrink:0}.ics-root .brand-name{font-family:Poppins,sans-serif;font-weight:800;font-size:15.5px;letter-spacing:-.02em;line-height:1}.ics-root .brand-name .ac{color:var(--accent)}.ics-root .brand-sub{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-45);margin-top:3px}.ics-root .seg{display:flex;gap:3px;padding:3px;background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow-sm)}.ics-root .seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;color:var(--ink-60);font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:9px;display:flex;align-items:center;gap:7px;transition:all .15s;white-space:nowrap}.ics-root .seg button.on{background:var(--accent);color:#fff;box-shadow:0 6px 16px -8px var(--accent)}.ics-root .seg button:not(.on):not(:disabled):hover{color:var(--dark);background:var(--cream-2)}.ics-root .seg button:disabled{opacity:.45;cursor:not-allowed}.ics-root .teacher-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-2);cursor:pointer;background:var(--paper);color:var(--ink-60);font-weight:600;font-size:11.5px;padding:7px 12px;border-radius:9px;transition:all .15s;white-space:nowrap}.ics-root .teacher-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ics-root .teacher-btn:hover:not(.active){color:var(--dark)}.ics-root .card{width:100%;max-width:520px;background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);overflow:hidden}.ics-root .card-head{padding:18px 22px 16px;border-bottom:1px solid var(--line)}.ics-root .eyebrow-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.ics-root .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.ics-root .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.ics-root .count{font-family:Poppins,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em}.ics-root .count .of{color:var(--ink-32);font-weight:600}.ics-root .subline{font-size:12.5px;color:var(--ink-60);margin-bottom:12px}.ics-root .ws-bar{height:7px;border-radius:999px;background:var(--ink-08);overflow:hidden}.ics-root .ws-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,#B23A57 78%,#fff),#b23a57);transition:width .5s cubic-bezier(.2,.8,.2,1)}.ics-root .card-body{padding:26px 26px 24px}.ics-root .hero{display:flex;flex-direction:column;align-items:center}.ics-root .sound{position:relative;width:96px;height:96px;margin-bottom:18px}.ics-root .sound .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent-line);opacity:0}.ics-root .sound.playing .ring.r1{animation:ics-pulse 1.4s ease-out infinite}.ics-root .sound.playing .ring.r2{animation:ics-pulse 1.4s ease-out .45s infinite}@keyframes ics-pulse{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.35);opacity:0}}.ics-root .sound-btn{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(120% 120% at 30% 25%,color-mix(in srgb,#B23A57 72%,#fff),#b23a57);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -12px var(--accent),0 2px #fff6 inset;transition:transform .15s}.ics-root .sound-btn:active{transform:scale(.94)}.ics-root .hear-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:9px 17px;transition:all .15s}.ics-root .hear-btn:hover{background:var(--accent-tint)}.ics-root .clue{text-align:center;margin:18px auto 6px;max-width:380px}.ics-root .clue p{font-size:16.5px;line-height:1.5;color:var(--dark);font-weight:500}.ics-root .clue .es{margin-top:8px;font-size:13.5px;color:var(--accent);font-weight:600}.ics-root .clue .es b{font-weight:700}.ics-root .clue .es .lbl{color:var(--ink-32);font-weight:500;font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.06em;margin-left:5px}.ics-root .hearts{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 18px}.ics-root .hearts .lbl{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45);margin-left:5px}.ics-root .heart{transition:transform .25s cubic-bezier(.2,1.6,.4,1),opacity .25s}.ics-root .heart.gone{opacity:.22;transform:scale(.82)}.ics-root .word-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:8px;margin:6px 0 4px}.ics-root .lbox{border-radius:13px;border:2px solid var(--line-2);background:var(--cream);display:grid;place-items:center;font-family:Poppins,sans-serif;font-weight:700;text-transform:lowercase;color:var(--dark);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;position:relative;text-align:center;outline:none}.ics-root input.lbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:transparent}.ics-root .lbox.active{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 4px var(--accent-glow);transform:scale(1.08)}.ics-root input.lbox:focus{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 5px var(--accent-glow);transform:scale(1.08)}.ics-root .lbox.filled{border-color:var(--accent-line);background:var(--paper)}.ics-root .lbox.locked{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok-deep)}.ics-root .lbox.locked.justlocked{animation:ics-pop .42s cubic-bezier(.2,1.6,.4,1)}.ics-root .lbox.wrong{animation:ics-shake .42s ease;border-color:var(--no-line);background:var(--no-soft);color:var(--no)}.ics-root .lbox.revealed{border-color:var(--line-2);background:var(--cream-2);color:var(--ink-45);border-style:dashed}.ics-root .space-gap{width:14px;align-self:center}.ics-root .space-gap i{display:block;width:14px;height:2px;border-radius:2px;background:var(--ink-18)}@keyframes ics-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ics-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.ics-root .feedback{min-height:22px;text-align:center;margin:16px 0 18px;font-size:13.5px;font-weight:600;transition:color .2s}.ics-root .feedback.ok{color:var(--ok-deep)}.ics-root .feedback.no{color:var(--no)}.ics-root .feedback.neutral{color:var(--ink-45);font-weight:500}.ics-root .actions{display:flex;gap:10px}.ics-root .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-weight:600;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s}.ics-root .btn-lg{padding:15px 22px;font-size:15px}.ics-root .btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff4d inset,0 12px 28px -12px var(--accent);flex:1}.ics-root .btn-primary:hover{background:var(--accent-hover)}.ics-root .btn-primary:active{transform:translateY(1px)}.ics-root .btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ics-root .btn-ghost{background:var(--cream-2);color:var(--ink-60);border:1px solid var(--line)}.ics-root .btn-ghost:hover{color:var(--dark)}.ics-root .dots{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:22px}.ics-root .dots i{width:9px;height:9px;border-radius:50%;background:var(--ink-08);transition:all .3s}.ics-root .dots i.done{background:var(--accent)}.ics-root .dots i.now{background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.ics-root .dots i.miss{background:var(--no-line)}.ics-root .khint{text-align:center;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--ink-32)}.ics-root .khint kbd{background:var(--cream-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:10px;color:var(--ink-60)}.ics-root .banner{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:14px;margin-bottom:18px;font-size:13.5px;font-weight:600}.ics-root .banner.win{background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ok-deep)}.ics-root .banner.lose{background:var(--no-soft);border:1px solid var(--no-line);color:var(--no)}.ics-root .banner .b-ic{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.ics-root .banner.win .b-ic{background:var(--ok);color:#fff}.ics-root .banner.lose .b-ic{background:var(--no);color:#fff}.ics-root .banner .reveal-word{font-family:Poppins,sans-serif;font-weight:800}.ics-root .gate-complete{text-align:center;padding:14px 8px 6px}.ics-root .gate-complete .big{width:80px;height:80px;border-radius:24px;margin:0 auto 18px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}.ics-root .gate-complete h2{font-size:24px;letter-spacing:-.02em;margin-bottom:8px}.ics-root .gate-complete p{font-size:14px;color:var(--ink-60);max-width:340px;margin:0 auto 22px;line-height:1.55}.ics-root .ws-tag{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;padding:5px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:6px}.ics-root .ws-tag--accent{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.ics-root .speechact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.ics-root .speechact .act-note{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-45)}.ics-root .ex-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--glaucous);padding:5px 11px;border-radius:999px;background:#777da714;border:1px solid rgba(119,125,167,.22)}.ics-root .ex-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ics-root .audio{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}.ics-root .audio-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:0;box-shadow:0 10px 22px -10px var(--accent);cursor:pointer;transition:transform .15s,opacity .15s}.ics-root .audio-btn:active{transform:scale(.93)}.ics-root .audio-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ics-root .audio-wave{flex:1;display:flex;align-items:center;gap:3px;height:30px}.ics-root .audio-wave i{flex:1;max-width:4px;border-radius:2px;background:var(--accent-line);transition:background .2s;transform-origin:bottom}.ics-root .audio-wave.playing i{background:var(--accent);animation:ics-wave 1.2s ease-in-out infinite alternate}.ics-root .audio-wave.playing i:nth-child(2n){animation-delay:.15s}.ics-root .audio-wave.playing i:nth-child(3n){animation-delay:.3s}.ics-root .audio-wave.playing i:nth-child(5n){animation-delay:.45s}.ics-root .audio-wave.playing i:nth-child(7n){animation-delay:.6s}@keyframes ics-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.ics-root .audio-meta{flex-shrink:0;text-align:right}.ics-root .plays{display:flex;gap:6px;align-items:center;justify-content:flex-end}.ics-root .plays b{width:9px;height:9px;border-radius:50%;background:var(--accent);display:block}.ics-root .plays b.used{background:var(--ink-18)}.ics-root .plays-lbl{font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-45);margin-top:5px}.ics-root .specimen-rule{height:1px;background-image:linear-gradient(to right,var(--ink-18) 50%,transparent 50%);background-size:7px 1px;background-repeat:repeat-x;margin:22px 0}.ics-root .slip-header{display:flex;align-items:center;gap:8px;margin-bottom:11px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60)}.ics-root .slip{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-sm)}.ics-root .slip-row{padding:12px 14px;border-bottom:1px solid var(--line)}.ics-root .slip-row:last-child{border-bottom:0}.ics-root .slip-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-45);margin-bottom:9px}.ics-root .chips{display:flex;flex-wrap:wrap;gap:7px}.ics-root .chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12.5px;font-weight:500;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--cream);color:var(--ink-60);cursor:pointer;transition:all .14s}.ics-root .chip:hover:not(:disabled){border-color:var(--accent-line)}.ics-root .chip.sel{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 14px -7px var(--accent)}.ics-root .chip.correct{background:var(--ok-soft);color:var(--ok-deep);border-color:var(--ok-line)}.ics-root .chip.wrong-pick{background:var(--no-soft);color:var(--no);border-color:var(--no-line)}.ics-root .chip.reveal-correct{background:var(--ok-soft);color:var(--ok-deep);border-color:var(--ok-line);border-style:dashed}.ics-root .chip:disabled{cursor:default}.ics-root .slip-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0}.ics-root .slip-two-col .slip-col+.slip-col{border-left:1px solid var(--line)}.ics-root .slip-col-header{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-32);padding:10px 14px 8px;border-bottom:1px solid var(--line);background:var(--cream)}.ics-root .qtext{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:4px;color:var(--dark)}.ics-root .es-hint{border-bottom:1.5px dotted var(--accent-line);color:var(--ink-72)}.ics-root .opts{display:flex;flex-direction:column;gap:7px;margin-top:11px}.ics-root .opt{text-align:left;background:var(--paper);border:1.5px solid var(--line-2);border-radius:13px;padding:13px 14px;cursor:pointer;transition:all .15s;font-size:14px;font-weight:500;color:var(--ink-72);display:flex;align-items:center;gap:10px;width:100%}.ics-root .opt:hover:not(:disabled){border-color:var(--accent-line)}.ics-root .opt.sel{border-color:var(--accent);background:var(--accent-soft);color:var(--dark)}.ics-root .opt.correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-deep)}.ics-root .opt.wrongpick{border-color:var(--no-line);background:var(--no-soft);color:var(--no)}.ics-root .opt .key{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px;background:var(--cream-2);color:var(--ink-45);border:1px solid var(--line);font-family:JetBrains Mono,monospace}.ics-root .opt.sel .key{background:var(--accent);color:#fff;border-color:var(--accent)}.ics-root .opt.correct .key{background:var(--ok);color:#fff;border-color:var(--ok)}.ics-root .opt:disabled{cursor:default}.ics-root .write{width:100%;border:1.5px solid var(--line-2);border-radius:13px;background:var(--cream);padding:13px 14px;font-family:Inter,sans-serif;font-size:14.5px;color:var(--dark);resize:none;line-height:1.5;transition:border-color .15s,background .15s,box-shadow .15s}.ics-root .write:focus{outline:none;border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 4px var(--accent-glow)}.ics-root .write::placeholder{color:var(--ink-32)}.ics-root .transcript-box{border-radius:12px;padding:14px 16px;border:1px solid rgba(178,58,87,.25);background:#b23a570d;margin-bottom:4px}.ics-root .transcript-box .transcript-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px}.ics-root .transcript-box pre{font-size:13px;line-height:1.65;white-space:pre-wrap;font-family:Inter,sans-serif;color:var(--ink-72);margin:0}.ics-root .phrase-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--cream);border:1px solid var(--line-2);font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--dark);font-weight:600;margin-bottom:10px}.ics-root .phrase-num{width:20px;height:20px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700;display:grid;place-items:center}.ics-root .section-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45);display:flex;align-items:center;gap:8px;margin-bottom:10px}.ics-root .submit-row{width:100%;max-width:520px;margin-top:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.ics-root .submit-row .progress-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--ink-45)}.ics-root .submit-row .btn{flex:0}.ics-root .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#2a2f3f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.ics-root .modal-box{background:var(--paper);border-radius:24px;padding:32px;width:100%;max-width:340px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.ics-root .modal-box h2{font-size:20px;letter-spacing:-.02em;text-align:center;margin-bottom:6px}.ics-root .modal-box .modal-sub{font-size:13px;color:var(--ink-60);text-align:center;margin-bottom:24px}.ics-root .modal-input{width:100%;border:1.5px solid var(--line-2);border-radius:12px;padding:14px;text-align:center;font-size:20px;font-family:JetBrains Mono,monospace;letter-spacing:.2em;color:var(--dark);background:var(--cream);outline:none;transition:border-color .15s,box-shadow .15s;margin-bottom:8px}.ics-root .modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--paper)}.ics-root .modal-input.error{border-color:var(--no)}.ics-root .modal-error{font-size:12.5px;color:var(--no);text-align:center;margin-bottom:16px}.ics-root .modal-actions{display:flex;gap:8px;margin-top:16px}.ics-root .listening-list{width:100%;max-width:520px;display:flex;flex-direction:column;gap:20px}