:root{--text:#767676;--text-h:#000;--text-secondary:#888;--text-dim:#999;--bg:#fff;--border:#000;--track:#ddd;--pink:#ff3ea5;--purple:#c77dff;--rose:#fb7185;--fuchsia:#e879f9;--lavender:#a78bfa;--mint:#2dd4bf;--accent:var(--pink);--accent-bg:#ff3ea514;--accent-border:#ff3ea566;--surface:#f5f5f5;--mono:ui-monospace, "Cascadia Code", "Fira Mono", Consolas, monospace;font:.875rem/1.6 var(--mono);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--text:#888;--text-h:#fff;--text-secondary:#888;--text-dim:#666;--bg:#000;--surface:#0a0a0a;--border:#333;--track:#222;--accent-bg:#ff3ea51a;--accent-border:#ff3ea559}}:root[data-theme=dark]{--text:#888;--text-h:#fff;--text-secondary:#888;--text-dim:#666;--bg:#000;--surface:#0a0a0a;--border:#333;--track:#222;--accent-bg:#ff3ea51a;--accent-border:#ff3ea559}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}@media (width>=480px){#root{border-inline:1px solid var(--border)}}h1,h2{font-family:var(--mono);color:var(--text-h);font-weight:700}h1{letter-spacing:-.5px;margin:24px 0;font-size:2.25rem}h2{margin:0 0 8px;font-size:1.125rem}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);display:inline-flex}code{background:var(--accent-bg);border:1px solid var(--accent-border);padding:2px 6px;font-size:.8125rem}:root{--header-h:29px;--footer-h:27px;--player-h:62px}.app{flex-direction:column;height:100dvh;display:flex}body.video-mode .main{width:100%;max-width:100%;padding:0;overflow:hidden}.header{z-index:10;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0}.header-inner{align-items:center;gap:8px;max-width:900px;height:28px;margin:0 auto;padding:0 12px;display:flex}.logo{font-family:var(--mono);letter-spacing:.05em;color:var(--text-h);text-transform:uppercase;flex-shrink:0;font-size:.9375rem;font-weight:700}.logo-link{color:inherit!important;border-color:#0000!important}.nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.section-tab{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text);border:1px solid #0000;padding:3px 10px;font-size:.6875rem;font-weight:700;text-decoration:none}.section-tab:hover{color:var(--text-h)}.section-tab.section-active{color:var(--pink);border-color:var(--border)}.subnav-link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text);padding:3px 8px;font-size:.6875rem;font-weight:500;text-decoration:none}.subnav-link:hover,.subnav-link.active{color:var(--text-h)}.nav-divider{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes heartFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}20%{opacity:1;transform:translate(-50%,-50%)scale(.95)}80%{opacity:.9;transform:translate(-50%,calc(-50% - 100px))scale(.85)}to{opacity:0;transform:translate(-50%,calc(-50% - 160px))scale(.5)}}@keyframes heartWobble{0%{transform:scale(1)rotate(-6deg)}to{transform:scale(1.12)rotate(6deg)}}:root{--main-pad:16px}@media (width>=600px){:root{--main-pad:20px}}.main{width:100%;max-width:900px;padding:var(--main-pad);padding-bottom:calc(var(--main-pad) + var(--player-h) + 16px);box-sizing:border-box;flex:1;margin:0 auto;overflow-y:auto}@media (width>=600px){.header-inner{gap:16px;padding:0 20px}}.page-title{color:var(--text);text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;font-size:.6875rem;font-weight:700}.card{border:1px solid var(--border);background:var(--bg);padding:14px 16px}.btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.btn:hover{color:var(--text-h);border-color:var(--text-h)}.btn.primary{background:var(--pink);color:#fff;border-color:var(--pink)}.btn.primary:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.tag{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);padding:1px 6px;font-size:.625rem;font-weight:700}.muted{color:var(--text);font-size:.75rem}.error{color:var(--rose);font-size:.75rem}.post-card:hover{background:var(--track)}[data-theme=dark] .post-card:hover{background:#0d0d0d}:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}