:root{--bg:#f6f5f2;--surface:#fff;--text:#1f2328;--muted:#6b7078;--border:#e3e1dc;--accent:#3b6ea5;--ok:#2f7d4f;--warn:#a8741a;--bad:#b23b3b;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#16181b;--surface:#1f2226;--text:#e6e6e3;--muted:#9399a1;--border:#2f3338;--accent:#7aa7d9}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 8px}h2{margin:24px 0 8px;font-size:15px}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:24px;padding:12px 22px}button.danger{color:var(--bad)}button.link{color:var(--muted);background:0 0;border:none;padding:2px 6px}.app{max-width:1200px;margin:0 auto;padding:24px 16px}.muted,.hint{color:var(--muted)}.hint{font-size:13px}.error{color:var(--bad)}.input{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 12px}.input.small{width:80px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:14px 16px}.label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:12px}.row{align-items:center;gap:8px;margin-top:10px;display:flex}.row.wrap{flex-wrap:wrap}.setup{max-width:640px;margin:0 auto}.levels{gap:8px;display:grid}.level{text-align:left;grid-template-columns:28px 150px 1fr;align-items:baseline;gap:8px;display:grid}.level.selected,.chip.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.level-num{color:var(--accent);font-weight:700}.level-name{font-weight:600}.level-desc{color:var(--muted);font-size:14px}.notes{white-space:pre-wrap;margin:8px 0 0;font-family:inherit}.star{color:var(--border);padding:4px 10px;font-size:22px}.star.on{color:#e0a400}.session{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=860px){.session{grid-template-columns:1fr}.level{grid-template-columns:28px 1fr}.level-desc{grid-column:2}}.video-wrap{position:relative}.video{background:#000;border-radius:12px;width:100%;display:block;transform:scaleX(-1)}.badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge{color:#fff;background:#0000008c;border-radius:999px;padding:3px 8px;font-size:12px}.badge.ok{background:color-mix(in srgb, var(--ok) 85%, transparent)}.badge.warn{background:color-mix(in srgb, var(--warn) 85%, transparent)}.badge.bad{background:color-mix(in srgb, var(--bad) 85%, transparent)}.toast{background:color-mix(in srgb, var(--warn) 18%, var(--surface));border:1px solid var(--warn);border-radius:10px;margin-top:12px;padding:12px 16px;font-weight:600}.smart{grid-template-columns:120px 1fr;gap:4px 10px;margin:0;display:grid}.smart dt{color:var(--muted)}.smart dd{margin:0}.activity{grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 0;display:grid}.right{flex-direction:column;min-height:70vh;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transcript{flex-direction:column;flex:1;gap:8px;max-height:65vh;margin-top:12px;display:flex;overflow-y:auto}.line{white-space:pre-wrap;border-radius:10px;max-width:85%;padding:8px 12px}.line.companion{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.line.user{background:color-mix(in srgb, var(--accent) 16%, var(--surface));align-self:flex-end}.line.system{color:var(--muted);align-self:center;max-width:100%;font-size:12px}.debug{color:#fff;background:#00000080;border-radius:6px;gap:3px;padding:2px 8px;font-size:11px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.timer{grid-template-columns:64px 1fr 80px;align-items:center;gap:8px;display:grid}.timer-bar{background:#ffffff40;border-radius:3px;height:6px;overflow:hidden}.timer-bar>span{background:#f0a040;height:100%;transition:width .3s linear;display:block}.usage-total{font-size:20px;font-weight:600}.usage-total .muted{font-size:13px;font-weight:400}.usage table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.usage td{border-top:1px solid var(--border);padding:3px 0}.usage td:not(:first-child){text-align:right;white-space:nowrap;padding-left:12px}.access{flex-direction:column;gap:12px;max-width:360px;display:flex}.access input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px}.lang-switch{justify-content:flex-end;gap:4px;margin-bottom:8px;display:flex}.lang-switch button{color:var(--muted);padding:4px 10px;font-size:13px}.lang-switch button.selected{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}