:root {
  color-scheme: dark;
  --bg:#06101e;--panel:rgba(13,29,50,.78);--line:rgba(124,211,230,.2);
  --text:#edf7ff;--dim:#9bb2c8;--accent:#5fe6f7;--good:#5ee0a0;--warn:#ffb27a;
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#16304c 0,var(--bg) 44%);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
a{color:var(--accent);text-decoration:none}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:24px;padding:max(16px,env(safe-area-inset-top)) max(20px,calc((100vw - 980px)/2));background:rgba(5,14,27,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.topbar h1{font-size:20px;margin:0}.topbar p{color:var(--dim);margin:0}.workbench{width:min(980px,calc(100% - 32px));margin:28px auto 80px}.workbench section{margin:0 0 28px}.workbench h2{font-size:15px;letter-spacing:.08em;color:var(--dim);margin:0 0 12px}
.summary,.hero,.card,.dimension,.turn,.recording{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 44px rgba(0,0,0,.22)}
.summary,.hero{padding:22px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.big-score{font-size:44px;font-weight:700;color:var(--accent);line-height:1}.pill{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--dim);font-size:12px}.pill.good{color:var(--good);border-color:rgba(94,224,160,.35)}.pill.warn{color:var(--warn);border-color:rgba(255,178,122,.35)}
.summary:empty,.cards:empty,.recordings:empty{display:none}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:16px}.card h3{margin:0 0 7px;font-size:15px}.card p{margin:4px 0;color:var(--dim)}.card .actions{margin-top:12px;display:flex;gap:10px}.button{display:inline-block;border:1px solid rgba(95,230,247,.4);padding:7px 13px;border-radius:999px;color:var(--accent);background:rgba(95,230,247,.06);cursor:pointer}
.dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dimension{padding:16px}.dimension strong{font-size:26px;color:var(--accent)}.dimension blockquote{margin:9px 0 0;padding-left:10px;border-left:2px solid var(--line);color:var(--dim)}
.turns{display:grid;gap:10px}.turn{padding:16px}.turn .trainee{color:var(--text)}.turn .persona{color:var(--dim);margin-top:8px}.interject{margin-top:9px;padding:7px 10px;border-radius:9px;background:rgba(255,178,122,.08);color:var(--warn);font-size:12px}.recordings{display:grid;gap:10px}.recording{padding:14px}.recording audio{width:100%;margin-top:10px}.empty{color:var(--dim);text-align:center;padding:24px}.muted{color:var(--dim)}
@media(max-width:680px){.topbar{padding:14px 16px;align-items:flex-start}.workbench{width:min(100% - 20px,980px);margin-top:16px}.cards,.dimension-grid{grid-template-columns:1fr}.summary,.hero{padding:17px}.big-score{font-size:36px}.card,.dimension,.turn{padding:14px}}