:root,[data-theme=night]{--sky: linear-gradient(90deg, #0b0221, #1d0747 60%, #3a0c5e);--sky-v: linear-gradient(#0b0221, #1d0747 70%, #3a0c5e);--page: #12032c;--card: #1a0840;--input: #0e0224;--text: #ddd6f7;--muted: #8e84b8;--title: #fff;--title-shadow: #ff2e88;--accent: #ff4fd8;--accent2: #3ff5ff;--frame: #ff4fd8;--quote-bg: transparent;--quote-text: #ffd640;--btn-text: #12032c;--logo: #ff4fd8;--logo-shadow: #3ff5ff;--s1: #ff2e88;--s2: #b0237a;--s3: #6e1a6a}[data-theme=day]{--sky: linear-gradient(90deg, #7fe3f0, #b8f0ea 60%, #ffd9c2);--sky-v: linear-gradient(#7fe3f0, #b8f0ea 55%, #ffd9c2);--page: #fff8ee;--card: #fff;--input: #fff;--text: #3a4a5c;--muted: #7a8898;--title: #1a3a5c;--title-shadow: #ff9ec0;--accent: #ff4f8b;--accent2: #1a3a5c;--frame: #1a3a5c;--quote-bg: #ffe3ee;--quote-text: #ff4f8b;--btn-text: #fff;--logo: #ff4f8b;--logo-shadow: #1a3a5c;--s1: #2ec4d6;--s2: #1f9fb8;--s3: #f6e3b4}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--text);font-family:Inter,system-ui,sans-serif}[data-theme=day] .night-only,[data-theme=night] .day-only{display:none!important}.night-only,.day-only{display:inline-block;line-height:0}svg{display:block}.bar{background:var(--sky);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;height:64px}.brand{display:flex;align-items:flex-end;gap:10px;text-decoration:none}.logo{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--logo);text-shadow:3px 3px 0 var(--logo-shadow);padding-bottom:6px}.bar-right{display:flex;align-items:center;gap:14px}.bar-link{font-family:Silkscreen,monospace;font-size:12px;color:var(--accent2);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;text-transform:uppercase}.toggle{display:flex;border:3px solid var(--accent2);background:none;padding:0;cursor:pointer;font-family:Silkscreen,monospace;font-size:12px}.toggle span{padding:6px 10px;color:var(--accent2)}[data-theme=night] .toggle .t-night,[data-theme=day] .toggle .t-day{background:var(--accent2);color:var(--page)}.stripes div{height:4px}.stripes div+div{margin-top:4px}.s1{background:var(--s1)}.s2{background:var(--s2)}.s3{background:var(--s3)}.page{padding:36px 24px 56px}.col{max-width:680px;margin:0 auto}.px-title{font-family:"Press Start 2P",monospace;font-size:24px;line-height:1.5;margin:0 0 14px;color:var(--title);text-shadow:3px 3px 0 var(--title-shadow);overflow-wrap:anywhere}.px-sub{font-family:"Press Start 2P",monospace;font-size:14px;line-height:1.6;margin:0 0 16px;color:var(--title);text-shadow:2px 2px 0 var(--title-shadow)}.meta,.lbl{font-family:Silkscreen,monospace;letter-spacing:.15em;color:var(--accent2);text-transform:uppercase}.meta{font-size:14px;margin-bottom:26px}.lbl{display:block;font-size:12px;margin:0 0 6px}.muted{color:var(--muted)}.banner{display:block;width:100%;aspect-ratio:21 / 9;object-fit:cover;border:4px solid var(--frame);box-shadow:8px 8px 0 var(--accent);margin-bottom:34px;background:var(--card)}.prose{font-size:17px;line-height:1.75;overflow-wrap:anywhere}.prose p{margin:0 0 18px}.prose a{color:var(--accent2)}.prose img{max-width:100%;border:3px solid var(--frame)}.prose h1,.prose h2,.prose h3{font-family:"Press Start 2P",monospace;font-size:16px;line-height:1.6;color:var(--title);margin:32px 0 14px}.prose blockquote{margin:0 0 28px;border:4px solid var(--frame);background:var(--quote-bg);box-shadow:6px 6px 0 var(--accent2);padding:14px 16px;font-family:Silkscreen,monospace;font-size:18px;color:var(--quote-text)}.prose blockquote p{margin:0}.prose blockquote p:before{content:"> "}.prose pre{background:var(--input);border:3px solid var(--frame);padding:14px;overflow-x:auto;font-size:14px}.prose code{font-family:ui-monospace,Menlo,monospace}.btn{display:inline-block;font-family:Silkscreen,monospace;font-size:14px;padding:8px 14px;border:3px solid var(--accent2);color:var(--accent2);background:transparent;text-decoration:none;cursor:pointer;text-transform:uppercase}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--btn-text);box-shadow:4px 4px 0 var(--accent2)}.btn.danger{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{font-size:11px;padding:3px 8px;border-width:2px}.field{display:block;width:100%;background:var(--input);border:3px solid var(--frame);color:var(--text);font:15px Inter,sans-serif;padding:10px 12px;margin:0 0 16px}.field:focus{outline:3px solid var(--accent2);outline-offset:0}.form-error{color:var(--accent);font-family:Silkscreen,monospace;font-size:13px;min-height:1em;margin:8px 0 0}.card{background:var(--card);border:3px solid var(--frame);box-shadow:6px 6px 0 var(--accent)}.stats{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 28px}.stats .btn.like[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--btn-text);box-shadow:4px 4px 0 var(--accent2)}.comments{list-style:none;padding:0;margin:0 0 24px}.comment{border-left:4px solid var(--accent);padding:6px 0 6px 14px;margin-bottom:16px}.comment-head{font-family:Silkscreen,monospace;font-size:12px;color:var(--accent2);display:flex;gap:10px;align-items:center}.comment-text{white-space:pre-line;margin:6px 0 0;overflow-wrap:anywhere}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.back{font-family:Silkscreen,monospace;color:var(--accent2)}.center{text-align:center}@media (max-width: 600px){.bar{padding:0 16px}.logo{font-size:13px}.page{padding:24px 16px 40px}.px-title{font-size:18px}}
