:root{--bg: #0c0d10;--panel: #101114;--card: #16171b;--card2: #1a1b1f;--hair: #26272c;--hair2: #2f3037;--text: #edeff3;--dim: #8f96a3;--faint: #5c6270;--cyan: #00eeff;--magenta: #ff4991;--violet: #8b46f0;--gold: #e8c574;--ok: #3ddc84;--bad: #ff5d5d;--s-connection: #00eeff;--s-situation: #5f9df2;--s-problem_awareness: #8b46f0;--s-solution_awareness: #c433c9;--s-consequence: #ff4991;--s-commitment: #e8c574;--grad: linear-gradient(90deg, var(--cyan), var(--magenta));--disp: "Syncopate", "Poppins", sans-serif;--body: "Poppins", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;font-size:15px;line-height:1.6}::selection{background:var(--cyan);color:#04343a}a{color:var(--cyan);text-decoration:none}button{font-family:inherit}input,textarea,select{background:var(--bg);border:1px solid var(--hair2);color:var(--text);font-family:var(--body);font-size:14px;padding:9px 12px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.shell{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.side{background:var(--panel);border-right:1px solid var(--hair);padding:22px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side .logo{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.28em;text-transform:uppercase;padding:0 20px 20px;border-bottom:1px solid var(--hair)}.side .logo i{font-style:normal;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text}.side nav{display:flex;flex-direction:column;padding:14px 0;flex:1}.side nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:11px 20px;border-left:2px solid transparent}.side nav a.on{color:var(--cyan);border-left-color:var(--cyan);background:#00eeff0a}.side nav a:hover{color:var(--text)}.side .foot{padding:14px 20px;border-top:1px solid var(--hair);font-size:12px;color:var(--faint);display:grid;gap:8px}.side .foot .who{color:var(--dim)}.side .foot button{background:none;border:none;color:var(--faint);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;padding:0}.side .foot button:hover{color:var(--magenta)}.main{padding:30px 34px 60px;max-width:1160px;width:100%}@media (max-width: 800px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:10px}.side .logo{border:none;padding:8px 12px}.side nav{flex-direction:row;flex-wrap:wrap;padding:0}.side nav a{padding:8px 10px;border-left:none}.side .foot{border:none;margin-left:auto}.main{padding:18px 14px 60px}}.page-title{font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.page-sub{color:var(--dim);font-size:13.5px;margin-bottom:24px;max-width:70ch}.panel-title{font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.g2,.g3{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--hair);border-top:2px solid var(--cyan);padding:18px}.card.mg{border-top-color:var(--magenta)}.card.gd{border-top-color:var(--gold)}.card.vi{border-top-color:var(--violet)}.card.plain{border-top:1px solid var(--hair)}.btn{display:inline-block;font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--hair2);color:var(--dim);background:var(--card2);cursor:pointer}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn.pri{background:var(--cyan);color:#04343a;border-color:var(--cyan)}.btn.pri:hover{background:#4ff4ff;color:#04343a}.btn.mag{background:var(--magenta);color:#fff;border-color:var(--magenta)}.btn.mag:hover{background:#ff6ca7;color:#fff}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hair2);color:var(--dim);font-size:11px;letter-spacing:.06em;padding:3px 10px;background:var(--panel);white-space:nowrap}.chip.cy{color:var(--cyan);border-color:#0ef6}.chip.mg{color:var(--magenta);border-color:#ff499173}.chip.gd{color:var(--gold);border-color:#e8c57473}.chip.ok{color:var(--ok);border-color:#3ddc8466}.chip.bad{color:var(--bad);border-color:#ff5d5d66}.stage-bars{display:grid;gap:9px}.sb-row{display:grid;grid-template-columns:130px 1fr 36px;gap:10px;align-items:center;font-size:12px}.sb-row .lb{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row .tr{height:8px;background:var(--bg);border:1px solid var(--hair)}.sb-row .fl{height:100%;display:block}.sb-row .v{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.pips{display:inline-flex;gap:4px}.pips i{width:10px;height:10px;border:1px solid var(--hair2);display:inline-block}table{width:100%;border-collapse:collapse;font-size:12.5px}th{font-family:var(--disp);font-weight:700;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:left;padding:8px 10px;border-bottom:1px solid var(--hair2)}td{padding:9px 10px;border-bottom:1px solid var(--hair);color:var(--dim);font-variant-numeric:tabular-nums;vertical-align:middle}td b{color:var(--text);font-weight:500}tr:last-child td{border-bottom:none}.t-scroll{overflow-x:auto}.call-core{background:var(--card);border:1px solid var(--hair);padding:40px 20px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar{width:120px;height:120px;position:relative;display:grid;place-items:center;margin-bottom:18px}.avatar .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--magenta);animation:pulse 2.4s ease-out infinite}.avatar .ring.r2{animation-delay:1.2s}.avatar.quiet .ring{animation:none;opacity:.25}@keyframes pulse{0%{transform:scale(.82);opacity:.85}to{transform:scale(1.28);opacity:0}}.avatar .face{width:90px;height:90px;background:linear-gradient(135deg,#2a2b31,#1a1b1f);border:1px solid var(--hair2);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:24px;color:var(--magenta)}.call-name{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase}.call-sub{color:var(--dim);font-size:12.5px;margin-top:6px}.timer{font-variant-numeric:tabular-nums;font-family:var(--disp);font-weight:700;font-size:26px;color:var(--cyan);margin:16px 0 4px;letter-spacing:.08em}.speak-state{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--magenta);min-height:18px}.speak-state.you{color:var(--cyan)}.nepq-track{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 6px;justify-content:center}.nepq-track span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border:1px solid var(--hair2);color:var(--faint)}.nepq-track span.done{color:#04343a;background:var(--cyan);border-color:var(--cyan);font-weight:600}.nepq-track span.cur{color:var(--gold);border-color:var(--gold);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}.hint-line{color:var(--gold);font-size:13px;max-width:46ch;margin:8px auto 0;min-height:20px}.call-ctl{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}.locked-chip{border:1px dashed var(--hair2);padding:10px 12px;color:var(--faint);font-size:12px}.locked-chip b{color:var(--gold);font-weight:500}.score-big{font-family:var(--disp);font-weight:700;font-size:46px;line-height:1}.err{color:var(--bad);font-size:13px}.note{border:1px solid var(--hair2);border-left:2px solid var(--gold);background:var(--panel);padding:12px 16px;color:var(--dim);font-size:13px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--card2);border:1px solid var(--hair2);border-top:2px solid var(--cyan);padding:22px;width:100%;max-width:460px;display:grid;gap:12px}.lesson-grid{display:grid;grid-template-columns:minmax(0,230px) 1fr;gap:16px;align-items:start}@media (max-width: 800px){.lesson-grid{grid-template-columns:1fr}}.narr-block{display:flex;gap:10px;align-items:flex-start;padding:2px 0}.narr-block .narr-btn{flex:0 0 24px;height:24px;margin-top:8px;background:var(--panel);border:1px solid var(--hair2);color:var(--dim);font-size:9px;cursor:pointer;display:grid;place-items:center;line-height:1}.narr-block .narr-btn:hover{border-color:var(--cyan);color:var(--cyan)}.narr-block.on{background:#e8c5740d}.narr-block.on .narr-btn{border-color:var(--gold);color:var(--gold)}.narr-block p,.narr-block ul{margin:8px 0}.lesson-body{color:var(--dim);font-size:14px;max-width:72ch}.lesson-body p{margin:10px 0}.lesson-body ul,.lesson-body ol{margin:10px 0 10px 22px}.lesson-body strong{color:var(--text);font-weight:500}.key-line{border-left:2px solid var(--gold);background:var(--panel);padding:10px 14px;margin:8px 0;font-size:13px}.key-line .l{color:var(--gold)}.key-line .w{color:var(--faint);font-size:12px;margin-top:4px}.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--hair2);border-top-color:var(--cyan);animation:spin .8s linear infinite;border-radius:50%!important}@keyframes spin{to{transform:rotate(360deg)}}
