:root{--bg:#0b0b0c;--surface:#141416;--surface-2:#1c1c1f;--line:#2a2a2e;--ink:#f4f4f5;--ink-soft:#b4b4bb;--ink-faint:#7d7d86;--gold:#ffac32;--gold-ink:#1a1204;--good:#3ecf8e;--warn:#ffb020;--bad:#ff5c5c;--blue:#7cb7ff;--r:14px;--col:600px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}a.link,.body a{color:var(--gold)}a.link:hover,.body a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:-1px;border-color:#0000}img{max-width:100%;display:block}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:240px minmax(0,var(--col)) 320px;justify-content:center;gap:0 24px;min-height:100vh;display:grid}.side{flex-direction:column;gap:4px;height:100vh;padding:16px 8px;display:flex;position:sticky;top:0}.main{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0;min-height:100vh;padding-bottom:80px}.aside{flex-direction:column;gap:16px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:10px;padding:8px 12px 16px;display:flex}.brand .mark{background:var(--gold);width:38px;height:38px;color:var(--gold-ink);letter-spacing:-.04em;border-radius:10px;place-items:center;font:900 17px/1 system-ui;display:grid}.brand b{letter-spacing:-.01em;font-size:17px;display:block}.brand small{color:var(--ink-faint);font-size:11.5px;display:block}.navlink{border-radius:999px;align-items:center;gap:14px;padding:11px 14px;font-size:17px;display:flex}.navlink:hover{background:var(--surface-2)}.navlink.on{font-weight:700}.navlink .ic{text-align:center;width:24px;font-size:19px}.navlink .dot{background:var(--gold);color:var(--gold-ink);border-radius:10px;margin-left:-6px;padding:1px 6px;font-size:11px;font-weight:800}.btn{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--ink-faint)}.btn.gold{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.btn.gold:hover{filter:brightness(1.07)}.btn.big{width:100%;padding:13px 20px;font-size:16px}.btn.ghost{background:0 0}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.me-chip{border-radius:999px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.me-chip:hover{background:var(--surface-2)}.me-chip small{color:var(--ink-faint);display:block}.top{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0b0b0cd9;position:sticky;top:0}.top h1{align-items:center;gap:12px;margin:0;padding:14px 16px;font-size:19px;display:flex}.tabs{display:flex}.tabs a{text-align:center;color:var(--ink-faint);flex:1;padding:14px 8px;font-weight:600;position:relative}.tabs a:hover{background:var(--surface)}.tabs a.on{color:var(--ink)}.tabs a.on:after{content:"";background:var(--gold);border-radius:2px;width:56px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.box h3{margin:0 0 10px;font-size:17px}.box .row{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.box .row small{color:var(--ink-faint);display:block}.foot{color:var(--ink-faint);padding:0 4px;font-size:12px;line-height:1.7}.foot a:hover{text-decoration:underline}.av{background:var(--surface-2);object-fit:cover;color:var(--gold);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.post{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 16px;display:grid;position:relative}.post:hover{background:#0f0f11}.post .hit{z-index:0;position:absolute;inset:0}.post>*{z-index:1;position:relative}.post .hit{z-index:0}.post .ctx{color:var(--ink-faint);grid-column:1/-1;margin:-2px 0 -6px 56px;font-size:13px;font-weight:600}.post .head{align-items:baseline;gap:6px;min-width:0;display:flex}.post .head b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post .head span{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post .head .more{margin-left:auto}.official{background:var(--gold);width:16px;height:16px;color:var(--gold-ink);vertical-align:-2px;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:inline-grid}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 8px}.body .tag{color:var(--gold)}.post.big{display:block}.post.big .body{margin:12px 0;font-size:18px}.photos{border-radius:var(--r);border:1px solid var(--line);gap:3px;margin-bottom:8px;display:grid;overflow:hidden}.photos.n1{grid-template-columns:1fr}.photos.n2,.photos.n4,.photos.n3{grid-template-columns:1fr 1fr}.photos.n3 a:first-child{grid-row:span 2}.photos img{object-fit:cover;background:#000;width:100%;height:100%;max-height:520px}.photos.n2 img,.photos.n3 img,.photos.n4 img{aspect-ratio:1}.acts{justify-content:space-between;max-width:420px;margin-top:2px;display:flex}.act{color:var(--ink-faint);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin-left:-8px;padding:6px 8px;font-size:13px;display:inline-flex}.act:hover{color:var(--gold);background:#ffac3214}.act.on.like{color:#ff6b8a}.act.on.rp{color:var(--good)}.held{color:var(--warn);border:1px solid #ffb02059;border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:12.5px}.quote{border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;padding:10px 12px;display:block}.quote:hover{background:var(--surface)}.quote .head{font-size:14px}.cert{border-radius:var(--r);background:linear-gradient(135deg,#ffac321a,#ffac3205);border:1px solid #ffac3273;grid-template-columns:72px 1fr;gap:12px;margin-bottom:8px;padding:10px;display:grid}.cert:hover{border-color:var(--gold)}.cert img{aspect-ratio:3/5;object-fit:cover;background:#000;border-radius:6px;width:72px}.cert .badge{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.cert .name{margin:2px 0 0;font-weight:700}.cert .meta{color:var(--ink-soft);font-size:13px}.cert .grade{color:var(--ink);margin-top:6px;font:800 26px/1 system-ui}.cert .grade small{color:var(--ink-soft);margin-left:6px;font-size:13px;font-weight:600}.subs{color:var(--ink-faint);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:12px;display:flex}.subs b{color:var(--ink)}.guess{border-radius:var(--r);border:1px dashed #7cb7ff80;margin-bottom:8px;padding:10px 12px}.guess .q{color:var(--blue);margin-bottom:8px;font-size:13px;font-weight:700}.grades{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.grades button{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:7px 0;font-weight:700}.grades button:hover{border-color:var(--blue)}.grades button.on{background:var(--blue);color:#06121f;border-color:var(--blue)}.bars{grid-template-columns:repeat(10,1fr);align-items:end;gap:4px;height:64px;display:grid}.bars div{background:#7cb7ff59;border-radius:4px 4px 0 0;min-height:2px;position:relative}.bars div.real{background:var(--gold)}.bars div.mine{outline:2px solid var(--blue)}.barlbl{text-align:center;color:var(--ink-faint);grid-template-columns:repeat(10,1fr);gap:4px;margin-top:3px;font-size:11px;display:grid}.guess .res{color:var(--ink-soft);margin-top:8px;font-size:13px}.composer{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:12px;padding:12px 16px;display:grid}.composer textarea{resize:none;background:0 0;border:0;min-height:56px;padding:8px 0;font-size:18px}.composer textarea:focus{outline:none}.composer .tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.tool{color:var(--gold);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;font-size:13px;font-weight:600;display:inline-flex}.tool:hover{background:#ffac321a}.tool.on{color:var(--blue);background:#7cb7ff26}.count{color:var(--ink-faint);margin-left:auto;font-size:12.5px}.count.over{color:var(--bad)}.thumbs{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.thumbs div{border:1px solid var(--line);border-radius:10px;width:84px;height:84px;position:relative;overflow:hidden}.thumbs img{object-fit:cover;width:100%;height:100%}.thumbs button{background:#000000bf;border:0;border-radius:50%;width:22px;height:22px;position:absolute;top:4px;right:4px}.certin{gap:6px;margin:6px 0;display:flex}.certin input{text-transform:uppercase;font-family:ui-monospace,monospace}.note{border-radius:8px;margin:6px 0;padding:8px 10px;font-size:13px}.note.err{color:var(--bad);background:#ff5c5c14}.note.ok{color:var(--good);background:#3ecf8e14}.note.warn{color:var(--warn);background:#ffb02014}.banner{background:linear-gradient(135deg,#2a1c05,#141416 60%) 50%/cover;height:180px}.prof{border-bottom:1px solid var(--line);padding:0 16px 12px}.prof .avrow{justify-content:space-between;align-items:flex-end;margin-top:-48px;display:flex}.prof .avrow .av{border:4px solid var(--bg)}.prof h2{margin:10px 0 0;font-size:21px}.prof .handle{color:var(--ink-faint)}.prof .bio{white-space:pre-wrap;margin:10px 0}.prof .facts{color:var(--ink-faint);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.prof .facts b{color:var(--ink)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:12.5px}.chip.gold{color:var(--gold);border-color:#ffac3266}.page{padding:20px 16px}.page h2{margin:0 0 6px}.lead{color:var(--ink-soft);margin:0 0 18px}.field{margin-bottom:14px}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field small{color:var(--ink-faint);margin-top:5px;font-size:12px;display:block}.check{align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--gold);flex:none;margin-top:2px}.authcard{max-width:420px;margin:40px auto}.empty{text-align:center;color:var(--ink-faint);padding:48px 24px}.empty b{color:var(--ink);margin-bottom:6px;font-size:20px;display:block}.notif{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;gap:12px;padding:12px 16px;display:grid}.notif.new{background:#ffac320a}.notif .ic{text-align:center;font-size:20px}.notif p{color:var(--ink-soft);margin:6px 0 0}.menu{background:var(--surface);border:1px solid var(--line);z-index:20;border-radius:12px;min-width:220px;position:absolute;top:28px;right:0;overflow:hidden;box-shadow:0 12px 40px #0009}.menu button,.menu a{text-align:left;background:0 0;border:0;width:100%;padding:11px 14px;font-size:14px;font-weight:600;display:block}.menu button:hover,.menu a:hover{background:var(--surface-2)}.menu .bad{color:var(--bad)}.dlg{z-index:50;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dlg>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(440px,100%);padding:18px}.dlg h3{margin:0 0 4px}.radio{border:1px solid var(--line);cursor:pointer;border-radius:10px;gap:10px;margin:6px 0;padding:9px 10px;font-size:14px;display:flex}.radio:has(input:checked){border-color:var(--gold);background:#ffac320f}.radio input{width:auto;accent-color:var(--gold)}.modq .post{grid-template-columns:44px 1fr}.modbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:0 16px 12px 72px;display:flex}.mobilebar,.fab,.mobiletop{display:none}.install{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:40;background:var(--surface);border:1px solid #ffac3273;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:fixed;box-shadow:0 12px 40px #0009}.install .mark{background:var(--gold);width:38px;height:38px;color:var(--gold-ink);border-radius:10px;flex:none;place-items:center;font:900 15px/1 system-ui;display:grid}.install small{color:var(--ink-soft);font-size:12.5px;display:block}@media (max-width:1100px){.shell{grid-template-columns:240px minmax(0,var(--col))}.aside{display:none}}@media (max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.main{border:0}.mobiletop{border-bottom:1px solid var(--line);padding:12px 16px;display:flex}.mobilebar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:#0b0b0cf2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobilebar a{padding:8px 14px;font-size:22px;position:relative}.mobilebar a .dot{background:var(--gold);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:6px}.fab{z-index:31;background:var(--gold);width:56px;height:56px;color:var(--gold-ink);border-radius:50%;place-items:center;font-size:26px;font-weight:800;display:grid;position:fixed;bottom:76px;right:16px;box-shadow:0 8px 24px #00000080}.grades{grid-template-columns:repeat(5,1fr)}.modbar{padding-left:16px}}.soon{background:radial-gradient(ellipse at top, #ffac321f, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.soon-in{text-align:center;width:min(460px,100%)}.soon h1{letter-spacing:-.03em;margin:16px 0 0;font-size:40px}.soon .by{color:var(--gold);margin:2px 0 16px;font-weight:700}.invrow{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:grid}.invrow code{color:var(--gold);font:700 14px ui-monospace,monospace}.logo{mix-blend-mode:lighten;display:block}.brand{flex-direction:column;align-items:flex-start;gap:0}.side{background:var(--bg)}.brand .logo{width:190px;height:auto;margin:-6px 0 0 -8px}.brand .byline{color:var(--ink-faint);margin-top:-4px;padding-left:14px;font-size:11.5px}.mobiletop{flex-direction:row!important;align-items:center!important;gap:8px!important}.mobiletop .logo{width:130px!important;margin:-6px 0!important}.mobiletop .byline{margin-top:6px;padding-left:0!important}.soon .logo{max-width:420px;margin:0 auto}.soon .by{margin-top:-6px}.install img.mark{background:0 0;border-radius:0;width:38px;height:auto}
