:root{--bg: oklch(.165 .008 70);--surface: oklch(.205 .01 68);--surface-2: oklch(.245 .012 66);--surface-3: oklch(.285 .013 64);--border: oklch(.32 .012 66);--border-soft: oklch(.27 .01 66);--text: oklch(.955 .006 75);--muted: oklch(.74 .012 72);--faint: oklch(.56 .012 70);--accent: #7c5cff;--accent-soft: oklch(.62 .2 290 / .16);--accent-line: oklch(.62 .2 290 / .42);--danger: oklch(.66 .16 25);--gold: #e8c14a;--sans:"Space Grotesk",system-ui,sans-serif;--mono:"Space Mono","SFMono-Regular",ui-monospace,monospace;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--shadow: 0 18px 40px -18px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%}body{background:#0a0908;font-family:var(--sans);color:var(--text);overflow-y:auto;overflow-x:hidden}.viewport{position:relative;width:100%;min-height:100vh;min-height:100dvh}.screen{position:relative;width:100%;opacity:0;visibility:hidden;height:0;overflow:hidden;transition:opacity .28s ease,transform .28s ease,visibility .28s;padding-bottom:0}.screen.active{opacity:1;visibility:visible;height:auto;overflow:visible;padding-bottom:140px}.screen.detail{padding-bottom:140px}.tabbar{position:fixed;left:50%;right:auto;bottom:24px;transform:translate(-50%);width:calc(100% - 32px);max-width:520px;z-index:50;height:auto;padding:0;background:none}.tabbar .nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;background:#28242abf;border:1px solid var(--border-soft);border-radius:24px;padding:10px 16px;box-shadow:0 20px 50px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--faint);cursor:pointer;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;flex:1}.tab svg{width:22px;height:22px}.tab.active{color:var(--text)}.tab.active svg{color:var(--accent)}.tab.plus{flex:0 0 auto}.tab.plus .plus-btn{width:46px;height:46px;border-radius:14px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 24px -8px var(--accent);margin-top:0}.tab.plus .plus-btn svg{width:22px;height:22px}.mono{font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge.active{background:var(--accent-soft);color:#cdbcff;border:1px solid var(--accent-line)}.badge.archived{background:#302d2ab3;color:var(--muted);border:1px solid var(--border)}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.badge .dot.dim{background:var(--faint);box-shadow:none}.pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.btn{font-family:var(--sans);font-size:15px;font-weight:600;border:none;cursor:pointer;border-radius:14px;padding:15px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .2s,opacity .2s}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 26px -12px var(--accent)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.art{position:relative;width:100%;overflow:hidden;background:var(--surface-2);display:block}.art .tag{position:absolute;bottom:8px;right:8px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.art .grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 1px,transparent 1px 5px)}.hero{position:relative;height:360px;overflow:hidden;max-width:1200px;margin:24px auto;border-radius:var(--r-xl);border:1px solid var(--border-soft)}@media(max-width:767px){.hero{margin:0;border-radius:0;border-left:none;border-right:none}}.hero .hero-bg{position:absolute;inset:-30px;filter:blur(26px) saturate(1.05);transform:scale(1.15)}.hero .scrim{position:absolute;inset:0;background:linear-gradient(to bottom,oklch(.16 .01 70 / .35) 0%,oklch(.16 .01 70 / .15) 40%,var(--bg) 100%)}.hero .hero-top{position:absolute;top:24px;left:24px;right:24px;z-index:3;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:8px}.wordmark .mk{width:18px;height:18px;border-radius:6px;background:var(--accent);display:flex;align-items:center;justify-content:center}.wordmark .mk svg{width:12px;height:12px;color:#fff}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--accent);overflow:hidden}.hero .hero-foot{position:absolute;bottom:24px;left:24px;right:24px;z-index:3}.hero h1{font-size:30px;font-weight:600;line-height:1.05;letter-spacing:-.02em;margin-top:12px;text-wrap:balance}.hero .by{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:9px}.seg{display:flex;gap:6px;padding:6px;margin:18px auto 4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;max-width:1200px}@media(max-width:1248px){.seg{margin:18px 24px 4px}}.seg button{flex:1;border:none;background:none;cursor:pointer;border-radius:11px;padding:11px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700;transition:.2s}.seg button.on{background:var(--surface-3);color:var(--text)}.list-head{display:flex;align-items:baseline;justify-content:space-between;padding:20px 24px 12px;max-width:1200px;margin:0 auto}.list-head h2{font-size:19px;font-weight:600;letter-spacing:-.01em}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 24px;max-width:1200px;margin:0 auto}@media(min-width:768px){.grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr);gap:24px}}.card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:0;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s}.card:active{transform:scale(.98)}.card .art{transition:transform .4s ease}.card:hover .art{transform:scale(1.04)}.card .card-media{position:relative;overflow:hidden}.card .card-media .badge{position:absolute;top:9px;left:9px}.card .card-body{padding:12px 13px 14px}.card .card-body h3{font-size:14.5px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.card .meta{display:flex;align-items:center;gap:5px;margin-top:7px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}.card .meta svg{width:12px;height:12px;flex:0 0 auto}.card .stats{display:flex;align-items:center;gap:12px;margin-top:11px;font-family:var(--mono);font-size:11px;color:var(--muted)}.card .stats span{display:inline-flex;align-items:center;gap:5px}.card .stats svg{width:13px;height:13px}.card.muted .art{filter:grayscale(.85) brightness(.78);transition:filter .4s}.card.muted:hover .art{filter:grayscale(0) brightness(1)}.detail-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 24px 12px;background:linear-gradient(to bottom,var(--bg) 70%,transparent);max-width:1200px;margin:0 auto}.icon-btn{width:40px;height:40px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.icon-btn svg{width:18px;height:18px}.detail-hero{margin:0 auto;max-width:600px;border-radius:var(--r-lg);overflow:hidden;position:relative;border:1px solid var(--border-soft)}@media(max-width:648px){.detail-hero{margin:0 20px}}.detail-hero .badge{position:absolute;top:14px;left:14px}.detail-body{padding:22px 24px 0;max-width:800px;margin:0 auto}.detail-body h1{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.08}.detail-body .creator{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:10px}.stat-row{display:flex;gap:10px;margin:20px 0 4px}.stat{flex:1;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:14px}.stat .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.stat .v{font-size:20px;font-weight:600;margin-top:7px;font-family:var(--mono)}.stat .v.accent{color:var(--accent)}.cta-row{display:flex;gap:10px;margin:20px 0 6px}.cta-row .btn{flex:1}.subs-head{display:flex;align-items:baseline;justify-content:space-between;padding:26px 24px 12px;max-width:1200px;margin:0 auto}.subs-head h2{font-size:17px;font-weight:600}.subs-head .count{font-family:var(--mono);font-size:12px;color:var(--faint)}.recap{margin:24px auto;max-width:800px;background:linear-gradient(160deg,oklch(.28 .05 95 / .25),var(--surface));border:1px solid oklch(.4 .06 95 / .35);border-radius:var(--r-lg);padding:18px}@media(max-width:848px){.recap{margin:8px 20px 4px}}.recap .rl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:7px}.recap .rl svg{width:14px;height:14px;flex:0 0 auto}.recap .winner{margin-top:14px;border-radius:var(--r-md);overflow:hidden;position:relative;border:1px solid oklch(.4 .06 95 / .4)}.recap .crown{position:absolute;top:12px;left:12px;z-index:2;width:34px;height:34px;border-radius:11px;background:var(--gold);display:flex;align-items:center;justify-content:center;color:#3a2f10}.recap .crown svg{width:19px;height:19px}.recap .winfo{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px}.recap .winfo h3{font-size:18px;font-weight:600}.recap .winfo .wby{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:4px}.recap .votes{font-family:var(--mono);font-weight:700;color:var(--gold);font-size:15px;display:flex;align-items:center;gap:6px}.recap .votes svg{width:15px;height:15px}.lightbox{position:fixed;inset:0;z-index:80;background:#0a0908f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto}.lightbox.open{opacity:1;visibility:visible}.lightbox>*{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.lb-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 14px;flex:0 0 auto}.lb-bar .lb-actions{display:flex;gap:9px}.lb-stage{flex:0 0 auto;padding:0 20px}.lb-stage .art{border-radius:var(--r-md);border:1px solid var(--border-soft)}.lb-info{padding:16px 22px 12px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.lb-info h2{font-size:19px;font-weight:600}.lb-info .lb-by{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:5px}.vote-btn{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-weight:700;font-size:14px;padding:12px 16px;border-radius:14px;cursor:pointer;transition:.2s}.vote-btn svg{width:19px;height:19px;transition:.2s}.vote-btn.voted{background:var(--accent-soft);border-color:var(--accent-line);color:#cdbcff}.vote-btn.voted svg{fill:var(--accent);color:var(--accent);transform:scale(1.1)}.comments{flex:1 1 auto;overflow-y:auto;padding:6px 22px 4px;border-top:1px solid var(--border-soft);margin-top:4px}.comments::-webkit-scrollbar{width:0}.cmt{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.cmt .ca{width:30px;height:30px;border-radius:50%;flex:0 0 auto;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent)}.cmt .cc .cn{font-family:var(--mono);font-size:11px;color:var(--muted)}.cmt .cc .ct{font-size:13.5px;line-height:1.4;margin-top:3px;color:var(--text)}.cmt-input{flex:0 0 auto;display:flex;gap:9px;padding:12px 18px 26px;background:var(--bg);border-top:1px solid var(--border-soft)}.cmt-input input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:13px 15px;color:var(--text);font-family:var(--sans);font-size:14px}.cmt-input input::-moz-placeholder{color:var(--faint)}.cmt-input input::placeholder{color:var(--faint)}.cmt-input input:focus{outline:none;border-color:var(--accent-line)}.send-btn{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.send-btn svg{width:19px;height:19px}.sheet-scrim{position:fixed;inset:0;z-index:90;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.3s}.sheet-scrim.open{opacity:1;visibility:visible}.sheet{position:fixed;left:50%;bottom:0;z-index:91;background:var(--surface);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);border:1px solid var(--border);border-bottom:none;width:100%;max-width:500px;transform:translate(-50%,100%);transition:transform .34s cubic-bezier(.32,.72,0,1);max-height:88%;overflow-y:auto;padding:0 24px 34px}.sheet::-webkit-scrollbar{width:0}.sheet.open{transform:translate(-50%)}.grab{width:38px;height:4px;border-radius:99px;background:var(--border);margin:12px auto 4px}.sheet h2{font-size:22px;font-weight:600;letter-spacing:-.01em;padding-top:14px}.sheet .sub{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:7px;letter-spacing:.04em}.field{margin-top:18px}.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:14px 15px;color:var(--text);font-family:var(--sans);font-size:15px}.field input::-moz-placeholder{color:var(--faint)}.field input::placeholder{color:var(--faint)}.field input:focus{outline:none;border-color:var(--accent-line)}.field .two{display:flex;gap:10px}.field .lock{position:relative}.field .lock svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--r-md);padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--bg);cursor:pointer;transition:.2s}.dropzone:hover{border-color:var(--accent-line);background:var(--accent-soft)}.dropzone svg{width:30px;height:30px;color:var(--faint)}.dropzone .dz-t{font-size:14px;font-weight:600}.dropzone .dz-s{font-family:var(--mono);font-size:10.5px;color:var(--faint)}.prof-id{display:flex;align-items:center;gap:14px;margin-top:20px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:16px}.prof-id .pa{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:18px;color:#cdbcff}.prof-id .pn{font-size:18px;font-weight:600}.prof-id .ps{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}.row-btns{display:flex;gap:10px;margin-top:14px}.row-btns .btn{flex:1;font-size:13.5px;padding:13px}.btn-danger{background:transparent;border:1px solid oklch(.5 .12 25 / .5);color:var(--danger)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.mini-grid .mi{position:relative;border-radius:11px;overflow:hidden;border:1px solid var(--border-soft)}.mini-grid .mi .del{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:7px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:#fff}.mini-grid .mi .del svg{width:12px;height:12px}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%) translateY(20px);z-index:100;background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:11px 18px;border-radius:12px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.vent-card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:16px;background:linear-gradient(145deg,var(--surface),oklch(.185 .008 70));border:1px solid var(--border-soft);border-radius:var(--r-md);padding:18px;cursor:pointer;transition:transform .2s,border-color .2s;text-align:left}.vent-card:active{transform:scale(.98)}.vent-card h3{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text)}.vent-card p{font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.vent-card .vent-meta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-family:var(--mono);font-size:10.5px;color:var(--faint);border-top:1px solid oklch(.24 .01 66 / .5);padding-top:10px}.vent-card .vent-meta span{display:inline-flex;align-items:center;gap:4px}.vent-card .vent-author{color:var(--accent);font-weight:700}.vent-card .vent-author.anonymous{color:var(--faint);font-weight:400}.countdown-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#e3645e26;color:#f2716a;border:1px solid oklch(.66 .16 25 / .3)}.toggle-field{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:14px 16px;margin-top:14px;cursor:pointer}.toggle-field span{font-family:var(--sans);font-size:14px;font-weight:600}.toggle-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:14px 15px;color:var(--text);font-family:var(--sans);font-size:14.5px;resize:vertical;min-height:120px}.field textarea:focus{outline:none;border-color:var(--accent-line)}@media(max-width:767px){.museum-grid{grid-template-columns:1fr!important}.seo-footer{display:none!important}}.vent-grid{grid-template-columns:1fr!important;max-width:800px;margin:0 auto}