@font-face{font-family:Inter;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Satoshi;font-display:swap;font-weight:900;src:url(/assets/fonts/satoshi-900.woff2) format("woff2")}
:root{color-scheme:light;--bg:#F3EFE6;--raised:#EAE4D7;--line:#CFC7B8;--line-strong:#A89F8F;--ink:#262320;--muted:#4A463F;--accent:#E2B53C;--accent-text:#6E4A00;--on-accent:#141414;--link:#2F5F5A;--up:#6E4A00;--down:#8E2A3B;--err:#8E2A3B;--ok:#2F5F5A}
:root.dark{color-scheme:dark;--bg:#161512;--raised:#211F1B;--line:#3A3631;--line-strong:#57524A;--ink:#D6D0C4;--muted:#A7A094;--accent-text:#E2B53C;--link:#8FB8B1;--up:#E2B53C;--down:#E08A98;--err:#E08A98;--ok:#8FB8B1}
@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--bg:#161512;--raised:#211F1B;--line:#3A3631;--line-strong:#57524A;--ink:#D6D0C4;--muted:#A7A094;--accent-text:#E2B53C;--link:#8FB8B1;--up:#E2B53C;--down:#E08A98;--err:#E08A98;--ok:#8FB8B1}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--link);text-underline-offset:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:.5rem;top:-4rem;background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;border-radius:8px;z-index:50;font-weight:600}.skip:focus{top:.5rem}
.defs{position:absolute}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--muted);font-size:.875rem}
.ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line-strong)}
.bar{max-width:1240px;margin:0 auto;padding:.6rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink)}.brand img{border-radius:8px}
.wm{display:flex;flex-direction:column;gap:3px;font:900 1rem/1 Satoshi,Inter,sans-serif;letter-spacing:.02em}.wm small{font:700 9px/1.2 Inter,sans-serif;letter-spacing:.14em;color:var(--muted)}
.space{padding:.15rem .6rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent-text);font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,background .2s}.space:hover{border-color:var(--accent);background:var(--raised)}
.nav{display:flex;gap:.15rem;order:3;width:100%;overflow-x:auto}
.nav a,.tabs a,.chips a{position:relative;padding:.35rem .7rem;border-radius:999px;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.nav a:hover,.tabs a:hover,.chips a:hover{background:var(--raised)}
.me{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.lnk{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem;transition:border-color .2s,background .2s,transform .2s}
.lnk:hover,.iconbtn:hover{border-color:var(--accent);background:var(--raised)}.lnk:hover .ico{transform:translateX(-2px)}.lnk .ico{transition:transform .2s}
.iconbtn{display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;margin:0;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.who{display:flex;align-items:center;gap:.4rem;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem}.who:hover span{text-decoration:underline}.who img,.av{border-radius:50%}
.btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn.ghost,.ghost{display:inline-flex;align-items:center;background:none;color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:.45rem 1rem;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}.btn.ghost:hover,.ghost:hover{border-color:var(--accent);background:var(--raised);transform:none;filter:none}
button{font:inherit;font-weight:700;cursor:pointer;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:999px;padding:.45rem 1rem;transition:opacity .2s}button:hover{opacity:.85}
.wrap{max-width:1240px;margin:0 auto;padding:1.25rem;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
main{min-width:0}.side{display:none}
h1{font:900 1.6rem/1.2 Satoshi,Inter,sans-serif;margin:.25rem 0 1rem}h2{font-size:1.1rem;margin:.25rem 0}
.tabs,.chips{display:flex;gap:.3rem;overflow-x:auto;margin-bottom:.6rem;scrollbar-width:none}
.tabs a[aria-current],.chips a[aria-current]{background:var(--ink);color:var(--bg)}
.tabs.sub a{font-size:.8rem}.chips a{border:1px solid var(--line);font-size:.8rem}.chips{padding-bottom:.75rem;border-bottom:1px solid var(--line-strong);margin-bottom:0}
.card{padding:1rem .25rem;border-bottom:1px solid var(--line);transition:background .2s}.card:hover{background:var(--raised)}
.card h2{font:800 1.15rem/1.3 Inter,sans-serif;margin:.35rem 0 .2rem}.card h2 a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .3s}.card h2 a:hover{background-size:100% 2px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted)}.user{color:var(--ink);font-weight:700;text-decoration:none}.user:hover{text-decoration:underline}
.rank{display:inline-flex;gap:1px;vertical-align:middle}
.chip{padding:.02rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;transition:border-color .2s}.chip:hover{border-color:var(--accent)}
.badge{padding:.02rem .55rem;border:1px solid var(--down);border-radius:999px;color:var(--down);font-weight:700}
.teaser{margin:.3rem 0;overflow-wrap:anywhere;color:var(--muted)}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;margin:.5rem 0 0}.act{color:var(--muted);text-decoration:none;padding:.25rem .6rem;border-radius:999px;transition:background .2s,color .2s}.act:hover{background:var(--raised);color:var(--ink)}
.vf{display:inline-flex;align-items:center;gap:.1rem;border:1px solid var(--line-strong);border-radius:999px;padding:.1rem .2rem}
.vf button,.vf a,.vf .off{display:grid;place-items:center;width:1.75rem;height:1.75rem;background:none;border:0;border-radius:999px;padding:0;color:var(--muted);font-size:.8rem;line-height:1;text-decoration:none;transition:background .2s,color .2s,transform .15s}
.vf button:hover,.vf a:hover{background:var(--raised);opacity:1}.vf .up:hover{color:var(--up)}.vf .down:hover{color:var(--down)}.vf button:active{transform:scale(.85)}
.vf .up[aria-pressed=true]{color:var(--up)}.vf .down[aria-pressed=true]{color:var(--down)}.vf .off{opacity:.35}
.score{min-width:1.6rem;text-align:center;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums}
.blur{position:relative;margin:.25rem 0 .5rem;user-select:none}.blur i{display:block;height:.8rem;margin:.45rem 0;border-radius:6px;background:linear-gradient(90deg,var(--raised),var(--line));filter:blur(3px)}.blur i:nth-child(2){width:92%}.blur i:nth-child(3){width:70%}.blur i:nth-child(4){width:84%}
.cta{font-weight:600}.box{margin:1rem 0;padding:1.25rem;text-align:center;border:1px solid var(--line-strong);border-radius:14px}.box .btn{margin:.25rem}
.post{padding-bottom:1rem;border-bottom:1px solid var(--line-strong);margin-bottom:1rem}.post h1{margin:.5rem 0}.text{overflow-wrap:anywhere}.text blockquote{margin:0;padding-left:1rem;border-left:3px solid var(--accent)}
.note{border-radius:10px;padding:.6rem .9rem;margin:1rem 0;border:1px solid var(--line)}.note.ok{border-color:var(--ok);color:var(--ok);font-weight:600}.note.err{border:2px solid var(--err);color:var(--err)}
.pf{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.pf button{align-self:flex-start;margin-top:.5rem}
label{font-weight:600;font-size:.9rem}
input[type=text],select,textarea{width:100%;padding:.6rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;transition:border-color .2s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);outline:0}
.cm{border-top:1px solid var(--line);padding:.75rem 0}.ct{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0}.reply{margin-left:1rem;padding-left:.75rem;border-left:2px solid var(--line)}.reply .cm{border-top:0}
.rep summary{cursor:pointer;color:var(--muted);font-size:.85rem}.rep summary:hover{color:var(--ink)}.rep form{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem;max-width:28rem}.rep button{align-self:flex-start}
.empty{text-align:center;padding:1.5rem 1rem;color:var(--muted)}.morep{text-align:center;margin-top:1.25rem}
.prof{display:flex;gap:1rem;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line-strong)}.prof img{border-radius:50%}.prof h1{margin:0}.prof p{margin:.2rem 0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom-color:var(--line-strong)}tbody tr{transition:background .2s}tbody tr:hover{background:var(--raised)}
.whocell{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}td form button{padding:.3rem .6rem;font-size:.8rem;margin:.1rem 0}
.side section{padding:0 0 1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}
.side h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--line-strong)}
.side ol{margin:0;padding-left:1.1rem}.side li{margin-bottom:.6rem}.side li a{color:var(--ink);font-weight:600;text-decoration:none}.side li a:hover{text-decoration:underline}.side li .muted{display:block;font-size:.78rem}
.tops{list-style:none;padding:0!important}.tops li{display:flex;align-items:center;gap:.35rem}
.karma{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}
.links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.links li{margin:0}.links a{display:inline-block;padding:.25rem .65rem;border:1px solid var(--line);border-radius:999px;font-size:.82rem;transition:border-color .2s}.links a:hover{border-color:var(--accent);text-decoration:none!important}
.side .more{display:inline-block;margin-top:.25rem;font-size:.85rem;font-weight:700;color:var(--ink)}
.rulesbox{border-bottom:0!important}.rulesbox p{margin:0 0 .5rem;font-size:.85rem;color:var(--muted)}
.foot{max-width:1240px;margin:1rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.5rem 1.25rem;border-top:1px solid var(--line-strong);color:var(--muted);font-size:.85rem}.foot a{color:var(--muted)}.foot a:hover{color:var(--ink)}
@media(min-width:760px){.nav{order:0;width:auto}}
@media(min-width:1000px){.wrap{grid-template-columns:minmax(0,1fr) 300px}.side{display:block;align-self:start;position:sticky;top:5rem}}
@media(max-width:640px){.bar{gap:.4rem;padding:.5rem .75rem}.me{gap:.3rem}.lnk span,.btn span,.wm small,.who span{display:none}.lnk{padding:0;width:2.1rem;height:2.1rem;justify-content:center}.me a.lnk:not(:has(.ico)){width:auto;padding:.3rem .6rem}.btn{padding:.4rem .6rem}.iconbtn{width:2.1rem;height:2.1rem}.wrap{padding:1rem .75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.vf{transition:border-color .2s}.vf:hover{border-color:var(--accent)}
.vf button,.vf a{cursor:pointer}
.vf .up:hover,.vf .up:focus-visible{background:var(--accent);color:var(--on-accent);transform:translateY(-1px)}
.vf .down:hover,.vf .down:focus-visible{background:var(--down);color:var(--bg);transform:translateY(1px)}
.vf .up[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.vf .down[aria-pressed=true]{background:var(--down);color:var(--bg)}