:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--fg:#fff;--muted:#8a8a8a;--accent:#3df;--warn:#fc0}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}#app{box-sizing:border-box;min-height:100dvh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}h1{margin:0;font-size:1.5rem}p{margin:0;line-height:1.4}button{font:inherit}button.primary{background:var(--accent);color:#000;border:0;border-radius:16px;min-height:64px;padding:16px 32px;font-size:1.5rem}button.secondary{border:1px solid var(--muted);min-height:48px;color:var(--fg);background:0 0;border-radius:12px;padding:8px 16px}canvas{background:#111;border-radius:8px;width:100%}table.diag{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.diag th{text-align:left;color:var(--muted);padding:4px 0;font-weight:400}table.diag td{text-align:right;padding:4px 0}.warn{color:var(--warn)}ol{margin:0;padding-left:20px}