:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0f;--ink:#e9eef7;--muted:#8b98aa;--line:#ffffff17;--cyan:#6ee7ff;--red:#ff6b6b;--amber:#ffc46b}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%, #162434 0%, #0a1018 38%, #05080d 75%), var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 16px 18px;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,Heiti TC,system-ui,sans-serif;display:flex}.page-header{text-align:center;line-height:1.2}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.page-header h1{letter-spacing:.12em;margin:5px 0 3px;font-size:clamp(22px,3vw,30px);font-weight:700}.page-header p{color:var(--muted);letter-spacing:.08em;margin:0;font-size:12px}.stage{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff03);border-radius:22px;width:min(960px,100%,150vh - 285px);padding:7px;box-shadow:0 30px 90px #0000008c,inset 0 0 0 1px #0000004d}canvas{aspect-ratio:3/2;touch-action:none;background:#0b1017;border-radius:16px;outline:none;width:100%;height:auto;display:block}.page-footer{max-width:960px;color:var(--muted);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:11px;display:flex}.page-footer span{white-space:nowrap}kbd{color:#dbe7f6;text-align:center;background:#ffffff0e;border:1px solid #ffffff24;border-bottom-color:#ffffff38;border-radius:5px;min-width:1.55em;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-block}@media (width<=640px){body{gap:10px;padding:14px 8px 12px}.stage{border-radius:14px;padding:4px}canvas{border-radius:11px}.page-footer{gap:4px 12px;font-size:10px}}