:root{color-scheme:light dark;--border: color-mix(in srgb, currentColor 15%, transparent);--muted: color-mix(in srgb, currentColor 55%, transparent);--accent: #e2513b}body{margin:0;font:15px/1.5 system-ui,sans-serif}.app,.auth{max-width:40rem;margin:0 auto;padding:1rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border)}.topbar h1{color:var(--accent);margin:.5rem 0}.who{display:flex;gap:.75rem;align-items:baseline}.muted{color:var(--muted)}.empty{padding:2rem 0;text-align:center}.error{color:var(--accent);margin:.25rem 0}.compose{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.compose textarea,.auth input{width:100%;box-sizing:border-box;font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:inherit;resize:vertical}.compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.counter{color:var(--muted);font-variant-numeric:tabular-nums}.counter.soft{color:#c98a00}.counter.over{color:var(--accent);font-weight:600}button{font:inherit;cursor:pointer;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}button.link{background:none;border:none;color:var(--accent);padding:0;border-radius:0}button.more{margin-left:.4rem;font-size:.9em}.post{padding:.75rem 0;border-bottom:1px solid var(--border)}.post header{display:flex;gap:.4rem;align-items:baseline;margin-bottom:.25rem}.post .name{font-weight:600}.post .handle,.post time,.post .dot{color:var(--muted)}.post .body{margin:0;white-space:pre-wrap;word-break:break-word}.load-more{display:block;margin:1rem auto;background:none;color:var(--accent)}.auth{display:flex;flex-direction:column;gap:.6rem;margin-top:3rem}.bbs-landing{box-sizing:border-box;min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:#020611;color:#aaa}.bbs-console{width:min(100%,44rem);padding:1rem;border:1px solid #24365c;background:#000;box-shadow:0 1rem 3rem #00000073}.bbs-screen{overflow-x:auto;margin:0;padding:.75rem;background:#00a;color:#aaa;font:.95rem/1.35 Courier New,ui-monospace,monospace;white-space:pre}.bbs-line{display:block;min-height:1.35em}.ansi-cell{white-space:pre}.ansi-bold{font-weight:700}.ansi-fg-0{color:#000}.ansi-fg-1{color:#a00}.ansi-fg-2{color:#0a0}.ansi-fg-3{color:#a50}.ansi-fg-4{color:#00a}.ansi-fg-5{color:#a0a}.ansi-fg-6{color:#0aa}.ansi-fg-7{color:#aaa}.ansi-fg-8{color:#555}.ansi-fg-9{color:#f55}.ansi-fg-10{color:#5f5}.ansi-fg-11{color:#ff5}.ansi-fg-12{color:#55f}.ansi-fg-13{color:#f5f}.ansi-fg-14{color:#5ff}.ansi-fg-15{color:#fff}.ansi-bg-0{background:#000}.ansi-bg-1{background:#a00}.ansi-bg-2{background:#0a0}.ansi-bg-3{background:#a50}.ansi-bg-4{background:#00a}.ansi-bg-5{background:#a0a}.ansi-bg-6{background:#0aa}.ansi-bg-7{background:#aaa}.ansi-bg-8{background:#555}.ansi-bg-9{background:#f55}.ansi-bg-10{background:#5f5}.ansi-bg-11{background:#ff5}.ansi-bg-12{background:#55f}.ansi-bg-13{background:#f5f}.ansi-bg-14{background:#5ff}.ansi-bg-15{background:#fff}.bbs-status{margin:0;padding:4rem 1rem;text-align:center;font-family:ui-monospace,monospace}.bbs-enter{display:block;margin:1rem auto 0;border-color:#0a0;border-radius:.25rem;background:#050;color:#fff;font-family:ui-monospace,monospace}.bbs-enter:disabled{cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
