*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--fg:#1a1a1a;--muted:#8a8a8a;--accent:#4a6bdf;--line-hover:#f6f7f9}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--fg:#e8e8e8;--muted:#7a7f88;--accent:#7c96f0;--line-hover:#1e2128}}body,html{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.spike{max-width:46rem;margin:0 auto;padding:.5rem 1rem 40vh}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.6rem 0;background:var(--bg);font-size:.85rem}.toolbar .spacer{flex:1 1}.toolbar button{font:inherit;padding:.35rem .7rem;border:1px solid var(--muted);border-radius:6px;background:transparent;color:var(--fg);min-height:40px}.lines{margin-top:.5rem}.row{display:flex;align-items:flex-start;gap:.5rem}.bullet{flex:none;width:1.2rem;text-align:center;color:var(--muted);-moz-user-select:none;user-select:none;-webkit-user-select:none}.bullet,.line{line-height:1.6}.line{flex:1 1;min-height:1.6em;padding:.1rem .2rem;border-radius:4px;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}.line:focus{background:var(--line-hover)}.debug{position:fixed;left:0;right:0;bottom:0;max-height:32vh;overflow-y:auto;background:rgba(20,22,28,.92);color:#9fe3a1;font:11px/1.5 ui-monospace,Menlo,Consolas,monospace;padding:.4rem .7rem calc(.4rem + env(safe-area-inset-bottom));z-index:10}.debug-stats{color:#ffd479;padding-bottom:.2rem}