:root{
    --bg:#0a0c11;--panel:#12161d;--panel2:#161b24;--line:rgba(255,255,255,.08);
    --line2:rgba(255,255,255,.16);--ink:#eef2f7;--ink2:#9aa4b2;--mute:#69707c;
    --sound:#f5a524;--light:#38bdf8;--video:#e05fae;--brand:#00d812;--danger:#ff5c5c;
    --disp:"Tektur",Impact,sans-serif;--body:"Inter",system-ui,sans-serif;
    --mono:"IBM Plex Mono",Menlo,monospace;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65}
  a{color:var(--light);text-decoration:none}
  a:hover{text-decoration:underline}
  .wrap{max-width:860px;margin:0 auto;padding:26px 18px 90px}
  h1{font-family:var(--disp);font-weight:400;font-size:34px;letter-spacing:.5px;margin:0 0 6px;line-height:1.15}
  h2{font-family:var(--disp);font-weight:400;font-size:22px;letter-spacing:.5px;margin:38px 0 12px;line-height:1.2}
  h3{font-family:var(--body);font-weight:600;font-size:15.5px;margin:22px 0 8px;color:var(--ink)}
  p{margin:0 0 12px}
  p.sub{color:var(--ink2);margin:0 0 6px}
  .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
  .st{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink2)}
  .note{color:var(--mute);font-size:13.5px}
  .draft{border:1px solid rgba(245,165,36,.5);background:rgba(245,165,36,.07);border-radius:14px;padding:18px 20px;margin:18px 0 8px}
  .draft .st{color:var(--sound)}
  .draft p:last-child{margin-bottom:0}
  .alarm{border:1px solid rgba(255,92,92,.5);background:rgba(255,92,92,.07);border-radius:14px;padding:18px 20px;margin:16px 0}
  .alarm .st{color:var(--danger)}
  .alarm p:last-child{margin-bottom:0}
  .toc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:24px 0 8px}
  .toc ol{margin:8px 0 0;padding-left:22px}
  .toc li{margin:4px 0}
  ul,ol{margin:0 0 12px;padding-left:22px}
  li{margin:5px 0}
  .fill{white-space:normal;word-break:break-word}
  table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px;display:block;overflow-x:auto}
  th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
  th{font-family:var(--mono);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink2);font-weight:500}
  code{font-family:var(--mono);font-size:13px;background:var(--panel2);border:1px solid var(--line);
    border-radius:5px;padding:1px 6px}
  .back{display:inline-block;margin-top:34px;font-family:var(--mono);font-size:13px;color:var(--ink2)}
  .back:hover{color:var(--ink)}
  hr{border:0;border-top:1px solid var(--line);margin:30px 0}
  @media(max-width:600px){
    h1{font-size:27px}h2{font-size:20px}body{font-size:14.5px}
    .wrap{padding:20px 14px 70px}
  }