:root{--paper: #fcf8f2;--paper-2: #f6efe3;--paper-3: #f1e8d8;--card: #ffffff;--ink: #13201f;--ink-soft: #3c4b49;--ink-faint: #6b7a78;--rule: #e7e0d6;--rule-strong: #d6cdbe;--burgundy: #0b6b6b;--burgundy-dk: #085050;--gold: #b4600f;--link: #0b6b6b;--up: #c2470f;--down: #0e8585;--good: #1a8a5a;--teal-deep: #0a4a47;--teal-hero: #0b6b6b;--teal-hero-2: #0e8585;--teal-soft: #dff0ef;--peach: #f5793a;--peach-soft: #fdeadf;--rust: #c2470f;--rust-dk: #a83f0e;--shadow: 0 1px 2px rgba(19,32,31,.06);--shadow-hover: 0 14px 34px rgba(19,32,31,.1);--serif-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Inter", system-ui, -apple-system, sans-serif;--reading: "Source Serif 4", Georgia, "Times New Roman", serif;--maxw: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink-soft);font-family:var(--serif-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{position:relative;z-index:1}a{color:var(--link);text-decoration:none}a:hover{color:var(--burgundy-dk);text-decoration:none}h1,h2,h3{font-family:var(--serif-display);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--ink)}input,textarea,select,button{font-family:var(--serif-body);font-size:1rem}button{cursor:pointer}::selection{background:var(--burgundy);color:#fff}:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px;border-radius:2px}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.masthead{background:linear-gradient(180deg,var(--teal-hero-2),var(--teal-hero));position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.1)}.masthead-inner{max-width:var(--maxw);margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-family:var(--serif-display);font-weight:800;font-size:1.45rem;letter-spacing:-.03em;color:#fff;display:flex;align-items:center;gap:9px}.brand .wordmark{color:#fff}.brand .dot{color:var(--peach)}.brand:hover{color:#fff}.brand small{font-family:var(--mono);font-weight:600;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#f5793a2e;border:1px solid rgba(245,121,58,.55);padding:3px 8px;border-radius:999px}.nav{display:flex;gap:22px;align-items:center;margin-left:auto;flex-wrap:wrap}.nav a,.nav button.linklike{font-family:var(--serif-body);font-weight:500;font-size:.92rem;letter-spacing:0;color:#ffffffd1;background:none;border:none;padding:0}.nav a:hover,.nav button.linklike:hover{color:#fff}.nav .badge{background:var(--rust);color:#fff;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:600;margin-left:5px}.page{padding:26px 0 80px}.layout-3{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:28px;align-items:start}.layout-2{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}@media (max-width: 900px){.layout-3,.layout-2{grid-template-columns:1fr}.side-left{order:2}.side-right{order:3}}.eyebrow,.hero-tag{font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy)}.panel{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px;margin-bottom:20px;box-shadow:var(--shadow)}.panel h3{font-size:.72rem;font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--burgundy);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--rule)}.panel .meta-row{margin-bottom:9px;font-size:.92rem}.panel .meta-row .k{display:block;font-family:var(--mono);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.panel .meta-row .v{color:var(--ink);word-break:break-word}.feed-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:12px;margin-bottom:6px;gap:16px;flex-wrap:wrap}.feed-head h1{font-size:1.7rem;margin:0}.sortbar{display:flex;gap:16px}.sortbar button{background:none;border:none;font-family:var(--mono);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);padding:4px 0}.sortbar button:hover{color:var(--ink)}.sortbar button.active{color:var(--burgundy);border-bottom:2px solid var(--rust)}.doc-row{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}.doc-rank{font-family:var(--serif-display);font-weight:800;font-size:1.1rem;color:var(--ink-faint);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}.doc-title{font-family:var(--serif-display);font-size:1.14rem;font-weight:700;line-height:1.28;letter-spacing:-.01em}.doc-title a{color:var(--ink)}.doc-title a:hover{color:var(--burgundy)}.doc-host{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);margin-left:7px}.doc-summary{font-family:var(--reading);color:var(--ink-soft);font-size:.97rem;line-height:1.6;margin:6px 0 8px}.doc-meta{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.doc-meta a{color:var(--ink-faint)}.doc-meta a:hover{color:var(--burgundy)}.doc-meta .tag{background:var(--teal-soft);border:1px solid rgba(11,107,107,.22);padding:2px 9px;border-radius:999px;color:var(--burgundy-dk);font-weight:600}.doc-meta .pill{background:var(--peach-soft);border-color:#c4481c4d;color:var(--rust)}.kw{color:var(--ink-faint)}.votes{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px}.votes button{background:none;border:none;padding:0;line-height:.8;font-size:1.05rem;color:var(--rule-strong)}.votes button:hover{color:var(--ink)}.votes button.up.on{color:var(--up)}.votes button.down.on{color:var(--down)}.votes .score{font-family:var(--mono);font-weight:600;font-size:.85rem;color:var(--ink)}.form-card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.field{margin-bottom:16px}.field label{display:block;font-family:var(--mono);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px 13px;background:#fff;border:1px solid var(--rule-strong);border-radius:8px;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--burgundy);box-shadow:0 0 0 3px var(--teal-soft)}.field textarea{min-height:120px;resize:vertical;font-family:var(--reading)}.field .hint{font-size:.82rem;color:var(--ink-faint);margin-top:5px}.btn{font-family:var(--serif-body);font-weight:600;font-size:.92rem;letter-spacing:0;background:var(--rust);color:#fff;border:1px solid var(--rust);border-radius:8px;padding:10px 20px;transition:background .15s ease,border-color .15s ease,transform .12s ease}.btn:hover{background:var(--rust-dk);border-color:var(--rust-dk);color:#fff}.btn:active{transform:translateY(1px)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--rule-strong)}.btn.secondary:hover{background:var(--paper-2);border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.error-box{background:#fdece5;border:1px solid var(--rust);color:var(--rust-dk);padding:11px 15px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.comment{border-left:2px solid var(--rule);padding:8px 0 0 14px;margin-top:12px}.comment.automod{border-left-color:var(--gold);background:#b4600f12;padding:10px 14px;border-radius:8px}.comment-head{font-family:var(--mono);font-size:.74rem;color:var(--ink-faint);display:flex;gap:10px;align-items:center}.comment-head .author{color:var(--burgundy);font-weight:600}.comment-head .author.bot{color:var(--gold)}.comment-body{font-family:var(--reading);font-size:.97rem;line-height:1.6;margin:5px 0 6px;white-space:pre-wrap}.comment-actions{font-family:var(--mono);font-size:.72rem;display:flex;gap:12px}.comment-actions button{background:none;border:none;color:var(--ink-faint);padding:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.comment-actions button:hover{color:var(--burgundy)}.collapsed-link{font-family:var(--mono);font-size:.76rem;color:var(--link);background:none;border:none;padding:4px 0;font-weight:600}.muted{color:var(--ink-faint)}.center{text-align:center}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:26px 0;font-family:var(--mono);font-size:.82rem}.pagination button{background:#fff;border:1px solid var(--rule-strong);border-radius:8px;padding:7px 14px;color:var(--ink)}.pagination button:hover:not(:disabled){border-color:var(--burgundy);color:var(--burgundy)}.pagination button:disabled{opacity:.4}.spinner{text-align:center;padding:50px;font-family:var(--mono);color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:18px}.tabs button{background:none;border:none;font-family:var(--mono);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;padding:9px 14px;color:var(--ink-faint)}.tabs button.active{color:var(--burgundy);border-bottom:2px solid var(--rust);margin-bottom:-1px}.searchbar{display:flex;gap:10px;margin-bottom:22px}.searchbar input{flex:1;padding:13px 16px;background:#fff;border:1px solid var(--rule-strong);border-radius:10px;font-size:1.02rem}.searchbar input:focus{outline:none;border-color:var(--burgundy);box-shadow:0 0 0 3px var(--teal-soft)}.pill{font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border:1px solid var(--rule-strong);border-radius:999px;color:var(--ink-soft);background:#fff}
