:root{--canvas:#ffffff;--ash:#f3f4f6;--fog:#e5e7eb;--jet:#0b0b0b;--carbon:#101828;--slate:#4a5565;--muted:rgba(11,11,11,0.55);--faint:rgba(11,11,11,0.4);--cta:#101828;--cta-text:#ffffff;--danger:#ff3939;--success:#7ccf00;--hot:#ff6900;--shadow:0 1px 2px rgba(0,0,0,0.05);--r:8px;--font:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--max:1120px;--header-h:56px}*{box-sizing:border-box}body,html{margin:0;background:var(--canvas);color:var(--jet);font-family:var(--font)}body{min-height:100dvh;padding-bottom:72px}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{text-wrap:balance}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--carbon);outline-offset:2px}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}header.app{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-h);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--fog)}header.app .wrap{height:100%;display:flex;align-items:center;gap:16px}.wordmark{display:flex;align-items:baseline;gap:0;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.02em}.wordmark span{color:var(--hot)}.search{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--ash);border:1px solid var(--fog);border-radius:var(--r);padding:0 12px;height:36px}.search:focus-within{background:#fff;border-color:var(--carbon)}.search input{border:0;background:transparent;width:100%;outline:none;font-size:14px}.nav-actions{display:flex;align-items:center;gap:8px}@media (max-width:700px){.search{display:none}header.app .wrap{gap:8px}.btn{padding:0 10px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r);border:1px solid transparent;font-weight:600;font-size:14px;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--cta);color:var(--cta-text)}.btn-primary:hover{background:#1d2939}.btn-ghost{background:transparent;border-color:var(--fog);color:var(--jet)}.btn-ghost:hover{background:var(--ash)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.btn[disabled]{opacity:.55;cursor:not-allowed}.hero{padding:28px 0 8px}.hero h1{margin:0 0 6px;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.1;font-weight:700}.hero p{margin:0;color:var(--slate);font-size:16px;max-width:52ch;text-wrap:pretty}.lede-meta{margin-top:10px;font-size:13px;color:var(--muted);letter-spacing:.015em}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:30;background:var(--canvas)}.tabs{display:flex;gap:2px;background:var(--ash);padding:3px;border-radius:var(--r)}.tabs button{border:0;background:transparent;padding:6px 12px;border-radius:6px;font-weight:600;font-size:13px;color:var(--slate)}.tabs button[aria-selected=true]{background:#fff;color:var(--jet);box-shadow:var(--shadow)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--fog);background:#fff;color:var(--slate);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;letter-spacing:.01em}.chip[aria-pressed=true]{background:var(--carbon);color:#fff;border-color:var(--carbon)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:32px;gap:32px;padding-bottom:48px}@media (max-width:900px){.layout{grid-template-columns:1fr}.side{order:2}}.feed{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:42px 148px minmax(0,1fr) 56px;grid-gap:14px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--fog);text-decoration:none;color:inherit}.row:hover .title{text-decoration:underline;text-underline-offset:3px}@media (max-width:640px){.row{grid-template-columns:32px 96px minmax(0,1fr) 48px;gap:10px}}.rank{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.rank.hot{color:var(--hot)}.thumb{width:100%;aspect-ratio:1200/630;border-radius:var(--r);overflow:hidden;background:var(--ash);border:1px solid var(--fog)}.thumb img{width:100%;height:100%;object-fit:cover}.title{margin:0 0 2px;font-size:16px;font-weight:700;letter-spacing:-.015em}.by{margin:0 0 6px;font-size:13px}.blurb,.by{color:var(--slate)}.blurb{margin:0;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.015em}.badge,.meta{align-items:center}.badge{display:inline-flex;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff}.badge.sales{background:#ff6900}.badge.engineering{background:#2b7fff}.badge.marketing{background:#f6339a}.badge.ops{background:#fe9a00;color:#1a1200}.badge.personal{background:#101828}.badge.home{background:#5b8c00}.badge.productivity{background:#0084c7}.badge.other{background:#4a5565}.vote{display:flex;flex-direction:column;align-items:center;gap:2px}.vote button{width:32px;height:28px;border:1px solid var(--fog);background:#fff;border-radius:6px;display:grid;place-items:center;color:var(--slate)}.vote button:hover{background:var(--ash)}.vote button[aria-pressed=true].up{border-color:#ff6900;color:#ff6900;background:#fff4ea}.vote button[aria-pressed=true].down{border-color:var(--slate);color:var(--jet);background:var(--ash)}.vote .score{font-family:var(--mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.save{width:32px;height:28px;border:1px solid var(--fog);background:#fff;border-radius:6px;color:var(--slate);display:grid;place-items:center}.save:hover{background:var(--ash)}.save[aria-pressed=true]{border-color:var(--carbon);color:var(--carbon);background:var(--ash)}.save svg{fill:none;stroke:currentColor;stroke-width:1.8}.save[aria-pressed=true] svg{fill:currentColor;stroke:none}.empty{border:1px dashed var(--fog);border-radius:12px;padding:48px 24px;text-align:center;color:var(--slate)}.empty h2{margin:0 0 8px;color:var(--jet);font-size:20px}.side{padding-top:8px}.panel{border:1px solid var(--fog);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.panel h2{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.panel p{margin:0 0 12px;font-size:14px;color:var(--slate);line-height:1.45}.note{font-size:12px;color:var(--muted);margin:12px 0 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:32px;gap:32px;padding:24px 0 64px}@media (max-width:860px){.detail-grid{grid-template-columns:1fr}}.og{border-radius:12px;overflow:hidden;border:1px solid var(--fog);aspect-ratio:1200/630;background:var(--ash)}.og img{width:100%;height:100%;object-fit:cover}.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb a{color:var(--slate)}.source-id{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:40px;gap:40px;padding:32px 0 72px}@media (max-width:800px){.submit-grid{grid-template-columns:1fr}}label.field{display:block;font-size:13px;font-weight:600;margin-bottom:16px}label.field span{display:block;margin-bottom:6px}input[type=email],input[type=text],input[type=url],select,textarea{width:100%;height:44px;border:1px solid var(--fog);border-radius:var(--r);padding:0 12px;background:var(--ash)}textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;background:#fff;border-color:var(--carbon)}.cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.preview-empty{min-height:280px;border:1px dashed var(--fog);border-radius:12px;display:grid;place-items:center;color:var(--muted);text-align:center;padding:24px;font-size:14px}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 0 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:8px 0 20px}@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}}.stat{border:1px solid var(--fog);border-radius:var(--r);padding:12px 14px}.stat b{display:block;font-family:var(--mono);font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px}td,th{border-bottom:1px solid var(--fog)}td{padding:10px 8px;vertical-align:middle}.status{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status.live{color:#3f6b00}.status.hidden{color:var(--danger)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{height:28px;padding:0 8px;font-size:12px}.modal-root[hidden]{display:none!important}.modal-root{position:fixed;inset:0;z-index:70;background:rgba(16,16,20,.55);display:grid;place-items:center;padding:16px}.modal{width:min(480px,100%);background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(16,16,20,.32);padding:24px}.modal h2{margin:0 0 8px;font-size:20px}.modal p{margin:0 0 16px;color:var(--slate);font-size:14px}.reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.reasons label{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}.toast{position:fixed;top:72px;right:16px;z-index:90;background:var(--carbon);color:#fff;padding:10px 14px;border-radius:var(--r);font-size:13px;box-shadow:var(--shadow)}footer.site{border-top:1px solid var(--fog);padding:28px 0 40px;color:var(--muted);font-size:13px}footer.site .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}