:root{
  --bg:#07090f;--surf:#111724;--surf2:#182030;--surf3:#1f2d42;
  --border:rgba(120,160,255,0.15);--border2:rgba(120,160,255,0.28);
  --primary:#3de0ff;--amber:#ffa840;--green:#50e3a4;--red:#ff6b6b;
  --text:#e2ecff;--text2:#a8bcd8;--text3:#6a82a8;
  --f-ui:'DM Sans',sans-serif;--f-mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:var(--f-ui);font-size:13.5px}
#wrap{max-width:1020px;margin:0 auto;padding:14px 16px 40px}
h1{font-size:19px;color:var(--primary);margin-bottom:4px}
.sub{color:var(--text2);font-size:12px;margin-bottom:10px}
#tabs{display:flex;gap:4px;flex-wrap:wrap;background:var(--surf);border-radius:8px;padding:5px;margin-bottom:6px}
.tab{padding:6px 12px;border:none;background:transparent;color:var(--text2);font-family:var(--f-ui);font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap}
.tab.on{background:var(--primary);color:#06090e}
.foldnote{font-size:11px;color:var(--text3);margin-bottom:14px}
.card{background:var(--surf);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.ctitle{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;opacity:.85}
canvas{width:100%;display:block;border-radius:8px;background:#0a0d16}
.hint{font-size:11px;color:var(--text3);margin-top:6px;line-height:1.5}
.readout{font-family:var(--f-mono);font-size:13px;margin-top:10px;line-height:1.9}
.readout b{font-weight:700}
.verdict{font-weight:700}