:root{color-scheme:dark;--bg: #111827;--paper: #1f2937;--paper-rgb: 31, 41, 55;--paper-strong: #273244;--paper-strong-rgb: 39, 50, 68;--ink: #f3f4f6;--muted: #a7b0bf;--line: #374151;--orange: #ff8a3d;--orange-rgb: 255, 138, 61;--orange-dark: #ffb17c;--blue: #60a5fa;--green: #2dd4bf;--badge: #0f172a;--badge-ink: #ffffff;--comment-text: #e5e7eb;--code-bg: #0f172a;--code-ink: #f8fafc;--seen-bg: rgba(39, 50, 68, .72);--seen-ink: #b7c0cc;--seen-line: #455264;--seen-badge-bg: #273244;--seen-badge-line: #455264;--thread-0: #2dd4bf;--thread-1: #60a5fa;--thread-2: #c084fc;--thread-3: #fbbf24;--thread-4: #fb7185;--thread-5: #a3e635;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}:root[data-theme=paper]{color-scheme:light;--bg: #f7f7f4;--paper: #fffaf0;--paper-rgb: 255, 250, 240;--paper-strong: #ffffff;--paper-strong-rgb: 255, 255, 255;--ink: #17202a;--muted: #667085;--line: #d8dde3;--orange: #ff6600;--orange-rgb: 255, 102, 0;--orange-dark: #c74f00;--blue: #2563eb;--green: #0f766e;--badge: #17202a;--badge-ink: #ffffff;--comment-text: #2b3642;--code-bg: #101720;--code-ink: #ffffff;--seen-bg: rgba(232, 232, 229, .92);--seen-ink: #5f6975;--seen-line: #d1d5db;--seen-badge-bg: #f4f4f2;--seen-badge-line: #d1d5db;--thread-0: #0f766e;--thread-1: #2563eb;--thread-2: #7c3aed;--thread-3: #b45309;--thread-4: #be123c;--thread-5: #4d7c0f;--shadow: 0 18px 50px rgba(31, 41, 51, .1)}:root[data-theme=newsprint]{color-scheme:light;--bg: #f4f1ea;--paper: #fbf6ec;--paper-rgb: 251, 246, 236;--paper-strong: #fffdf8;--paper-strong-rgb: 255, 253, 248;--ink: #202124;--muted: #6b675f;--line: #d8d1c2;--orange: #d35400;--orange-rgb: 211, 84, 0;--orange-dark: #a43f00;--blue: #385f9e;--green: #2f6f63;--badge: #24201a;--badge-ink: #ffffff;--comment-text: #2f2b25;--code-bg: #1f1d1a;--code-ink: #fff8ed;--seen-bg: rgba(224, 219, 209, .9);--seen-ink: #6a645a;--seen-line: #d2c9b9;--seen-badge-bg: #eee8dc;--seen-badge-line: #d2c9b9;--thread-0: #2f6f63;--thread-1: #5b6f95;--thread-2: #9a6a35;--thread-3: #7a5c8e;--thread-4: #9b4f4f;--thread-5: #657a3d;--shadow: 0 18px 50px rgba(52, 47, 40, .11)}:root[data-theme=slate]{color-scheme:light;--bg: #eef2f5;--paper: #f8fafc;--paper-rgb: 248, 250, 252;--paper-strong: #ffffff;--paper-strong-rgb: 255, 255, 255;--ink: #16202a;--muted: #5f6f7f;--line: #d5dde5;--orange: #e85d04;--orange-rgb: 232, 93, 4;--orange-dark: #b94703;--blue: #3b5bdb;--green: #007c89;--badge: #17212f;--badge-ink: #ffffff;--comment-text: #27323f;--code-bg: #111827;--code-ink: #f9fafb;--seen-bg: rgba(226, 232, 240, .92);--seen-ink: #64748b;--seen-line: #cbd5e1;--seen-badge-bg: #f1f5f9;--seen-badge-line: #cbd5e1;--thread-0: #007c89;--thread-1: #3b5bdb;--thread-2: #9a3412;--thread-3: #64748b;--thread-4: #9f1239;--thread-5: #4d7c0f;--shadow: 0 18px 50px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(var(--orange-rgb),.14),rgba(var(--orange-rgb),0) 360px),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}button:hover:not(:disabled){border-color:var(--orange);color:var(--orange-dark)}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.message-panel,.story-card{border:1px solid var(--line);border-radius:8px;background:rgba(var(--paper-rgb),.92);box-shadow:var(--shadow)}h2,p{margin-top:0}h2{margin-bottom:10px;font-size:20px}p{margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.6}.panel-label{display:block}.panel-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.theme-control{display:grid;gap:6px;align-self:end;min-width:0}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:40px;padding:4px;border:1px solid var(--line);border-radius:8px;background:rgba(var(--paper-strong-rgb),.6)}.theme-options button{min-width:0;min-height:30px;padding:0 8px;border-color:transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:850}.theme-options button:hover:not(:disabled){border-color:var(--line);color:var(--ink)}.theme-options button.is-active{border-color:var(--badge);background:var(--badge);color:var(--badge-ink)}.message-panel{display:grid;justify-items:start;gap:12px;margin-bottom:18px;padding:24px}.thread-shell{padding-top:18px}.thread-topbar{position:sticky;top:8px;z-index:12;display:grid;grid-template-columns:auto minmax(260px,360px);gap:10px;align-items:end;margin-bottom:14px}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);font-weight:700;box-shadow:var(--shadow)}.back-button:hover{border-color:var(--orange);color:var(--orange-dark)}.thread-header{margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:rgba(var(--paper-rgb),.94);box-shadow:var(--shadow)}.thread-stats,.thread-meta,.thread-actions,.section-heading{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.thread-stats{margin-bottom:12px}.thread-stats span,.comment-count-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--badge);color:var(--badge-ink);font-size:13px;font-weight:800}.thread-title{margin:0;color:var(--ink);font-size:34px;font-weight:850;line-height:1.12;letter-spacing:0}.thread-meta{margin-top:12px;color:var(--muted);font-size:14px}.story-text{margin-top:18px;padding:14px 16px;border-left:4px solid var(--orange);border-radius:8px;background:rgba(var(--paper-strong-rgb),.72);color:var(--ink);font-size:15px;line-height:1.65;overflow-wrap:anywhere}.thread-actions{margin-top:18px}.thread-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);font-size:14px;font-weight:800}.thread-action:hover{border-color:var(--orange);color:var(--orange-dark)}.comments-section{margin-top:18px}.section-heading{justify-content:space-between;margin-bottom:10px}.section-heading-actions{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.section-heading h2{margin:0}.section-action{min-height:28px;padding:0 10px;border-radius:999px;font-size:13px}.comment-tree,.comment-children{display:grid;gap:10px;margin:0;padding:0;list-style:none}.comment-branch{position:relative;min-width:0}.comment-children{position:relative;margin-top:10px;margin-left:24px;padding-left:18px;border-left:2px solid var(--thread-color)}.comment-children>.comment-branch:before{position:absolute;top:24px;left:-18px;width:18px;border-top:2px solid var(--thread-color);content:""}.comment-card{position:relative;content-visibility:auto;contain-intrinsic-size:auto 140px;padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--thread-color);border-radius:8px;background:var(--paper-strong);box-shadow:var(--shadow)}.comment-card.is-collapsed{background:rgba(var(--paper-rgb),.86)}.comment-header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}.comment-toggle{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border-color:transparent;border-radius:999px;color:var(--muted)}.comment-toggle:hover{color:var(--orange-dark)}.comment-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;min-width:0}.comment-meta strong{color:var(--ink);font-size:14px}.comment-meta span{color:var(--muted);font-size:13px}.reply-count{justify-self:end;min-width:max-content;color:var(--green);font-size:13px;font-weight:800}.comment-content,.collapsed-summary{margin-left:38px}.comment-body,.comment-empty,.collapsed-summary{color:var(--comment-text);font-size:15px;line-height:1.65;overflow-wrap:anywhere}.comment-empty,.collapsed-summary{margin:0}.collapsed-summary{color:var(--muted);font-size:14px;font-weight:700}.show-more-comments{display:flex;justify-content:center;margin-top:14px}.story-text p,.comment-body p{margin:0 0 .85em;color:inherit;font-size:inherit;line-height:inherit}.story-text p:last-child,.comment-body p:last-child{margin-bottom:0}.story-text a,.comment-body a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.story-text pre,.comment-body pre{overflow-x:auto;padding:12px;border-radius:8px;background:var(--code-bg);color:var(--code-ink);line-height:1.5;white-space:pre-wrap}.story-text blockquote,.comment-body blockquote{margin:10px 0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}.story-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.story-card{display:grid;grid-template-columns:minmax(72px,max-content) minmax(0,1fr);gap:14px;padding:18px}.story-status{display:grid;justify-items:start;align-content:start;gap:6px}.story-card.is-interacted{border-color:var(--seen-line);background:var(--seen-bg);box-shadow:none}.story-card.is-interacted .story-title{color:var(--seen-ink)}.story-card.is-interacted .points-badge{background:var(--seen-line)}.story-card.is-interacted .story-action{border-color:var(--seen-line);background:var(--seen-badge-bg);color:var(--seen-ink)}.points-badge{display:grid;place-items:center;min-width:72px;height:40px;padding:0 10px;border-radius:8px;background:var(--badge);color:var(--badge-ink);font-size:14px;font-variant-numeric:tabular-nums;font-weight:800}.seen-badge{min-height:22px;padding:3px 8px;border:1px solid var(--seen-badge-line);border-radius:999px;background:var(--seen-badge-bg);color:var(--seen-ink);font-size:11px;font-weight:850;line-height:1.2;text-transform:uppercase}.story-content{min-width:0}.story-title{max-width:100%;margin:0;color:var(--ink);font-size:19px;font-weight:800;line-height:1.35}.story-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:360px;margin-top:12px}.story-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);font-size:14px;font-weight:800}.story-action:hover{border-color:var(--orange);color:var(--orange-dark)}.story-action svg{flex:0 0 auto}.load-more-row{display:flex;justify-content:center;margin-top:20px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.app-shell{width:min(100% - 20px,1120px);padding-top:10px}.message-panel{padding:14px}.story-card{grid-template-columns:minmax(62px,max-content) minmax(0,1fr);gap:12px;padding:14px}.points-badge{min-width:62px;height:32px;padding:0 8px;font-size:13px}.story-title{font-size:17px}.thread-shell{padding-top:10px}.thread-header{padding:18px}.thread-title{font-size:26px}.thread-actions{display:grid;grid-template-columns:1fr}.thread-action{width:100%}.thread-topbar{grid-template-columns:1fr}.back-button{width:100%}.section-heading{align-items:flex-start}.comment-children{margin-left:10px;padding-left:12px}.comment-children>.comment-branch:before{left:-12px;width:12px}.comment-card{padding:12px}.comment-header{grid-template-columns:28px minmax(0,1fr)}.comment-toggle{width:28px;min-width:28px;height:28px;min-height:28px}.reply-count{grid-column:2;justify-self:start}.comment-content,.collapsed-summary{margin-left:36px}.comment-body,.comment-empty,.collapsed-summary,.story-text{font-size:14px}}