:root{--text:#2f2f2f;--text-h:#0a0a0a;--text-secondary:#555;--text-dim:#8a8a8a;--bg:#fbfbf8;--border:#d8d5cd;--track:#eceae3;--pink:#ff3ea5;--purple:#c77dff;--rose:#fb7185;--fuchsia:#e879f9;--lavender:#a78bfa;--mint:#2dd4bf;--accent:var(--pink);--accent-bg:#ff3ea514;--accent-border:#ff3ea566;--surface:#f4f2ec;--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;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){: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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}: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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg)!important}body{color:var(--text);margin:0;background:var(--bg)!important}#root{text-align:left;box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;color:var(--text);flex-direction:column;margin:0 auto;display:flex;background:var(--bg)!important}@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}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gate-line-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--header-h:37px;--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;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:8px;max-width:900px;height:36px;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-scroll-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.nav{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:2px;width:100%;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-fade{pointer-events:none;opacity:0;z-index:1;align-items:center;width:28px;transition:opacity .18s;display:flex;position:absolute;top:0;bottom:0}.nav-fade.visible{opacity:1}.nav-fade-left{background:linear-gradient(to right, var(--bg) 20%, transparent);justify-content:flex-start;padding-left:2px;left:0}.nav-fade-right{background:linear-gradient(to left, var(--bg) 20%, transparent);justify-content:flex-end;padding-right:2px;right:0}.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);letter-spacing:0;color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s}.subnav-link:hover{color:var(--text-h);background:#2dd4bf1a}.subnav-link.active{color:#2dd4bf;background:#2dd4bf24;border-color:#2dd4bf}.filter-pill{font-family:var(--mono);color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s}.filter-pill:hover{color:var(--text-h);background:#ff3ea51a}.filter-pill.active{color:#ff3ea5;background:#ff3ea524;border-color:#ff3ea5}.nav-divider{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 4px}@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)}}@media (width<=700px){.profile-grid{flex-direction:column!important}.profile-left{width:100%!important;max-width:100%!important}.profile-tab{padding:6px 10px!important;font-size:.5625rem!important}.profile-avatar-wrap{max-width:280px!important;margin-left:auto!important;margin-right:auto!important}.profile-avatar-wrap>*{width:100%!important;height:100%!important}}:root{--main-pad:16px}@media (width>=600px){:root{--main-pad:20px}}.main{width:100%;max-width:900px;padding:var(--main-pad);padding-top:calc(var(--header-h) + var(--main-pad));padding-bottom:calc(var(--main-pad) + var(--player-h) + var(--footer-h));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);cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{color:var(--text-h);border-color:var(--text-dim)}.btn.primary{background:var(--pink);color:#000;border-color:var(--pink)}.btn.primary:hover{filter:brightness(.92);color:#000}.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}