:root{color-scheme:light;--bg: #f6f5f2;--paper: #fffaf0;--paper-strong: #ffffff;--ink: #1f2933;--muted: #65717f;--line: #dad5cc;--orange: #f26522;--orange-dark: #c85017;--blue: #2563eb;--green: #0f766e;--shadow: 0 18px 50px rgba(31, 41, 51, .1)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f2652224,#f2652200 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}.overview-panel,.message-panel,.story-card{border:1px solid var(--line);border-radius:8px;background:#fffaf0eb;box-shadow:var(--shadow)}.overview-panel{position:sticky;top:8px;z-index:10;overflow:hidden;margin-bottom:12px;transition:box-shadow .18s ease}.overview-panel.is-collapsed{box-shadow:0 12px 28px #1f293324}.overview-compact{display:grid;grid-template-columns:auto 1fr auto 42px;gap:8px;align-items:center;min-height:48px;padding:6px 10px 6px 14px;background:#fffaf0f7}.overview-compact strong{font-size:19px;font-weight:850;line-height:1}.overview-compact span{color:var(--muted);font-size:13px;font-weight:700}.overview-compact button{width:36px;min-height:36px;padding:0}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}.visit-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;padding:18px}.visit-panel>div:not(.hero-actions){min-width:0}.visit-panel strong,.panel-label{display:block}.visit-panel strong{margin-top:4px;font-size:16px;line-height:1.35}.panel-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-actions{display:grid;grid-column:span 2;grid-template-columns:1fr;gap:8px;align-self:end}.feed-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border-top:1px solid var(--line);background:var(--line)}.feed-toolbar>div{padding:14px 16px;background:var(--paper-strong)}.metric-value,.metric-label{display:block}.metric-value{font-size:24px;font-weight:850;line-height:1}.metric-label{margin-top:6px;color:var(--muted);font-size:13px}.message-panel{display:grid;justify-items:start;gap:12px;margin-bottom:18px;padding:24px}.thread-shell{padding-top:18px}.back-button{position:sticky;top:8px;z-index:12;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;margin-bottom:14px;box-shadow:0 10px 28px #1f29331a}.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:#fffaf0f0;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:#19212c;color:#fff;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:#ffffffb8;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:0 10px 28px #1f293314}.comment-card.is-collapsed{background:#fffaf0db}.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:#2b3642;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:#101720;color:#fff;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:#d1d5db;background:#e8e8e5eb;box-shadow:0 10px 26px #1f29330d}.story-card.is-interacted .story-title{color:#687381}.story-card.is-interacted .points-badge{background:#6b7280}.story-card.is-interacted .story-action{border-color:#d1d5db;background:#f4f4f2;color:#5f6975}.points-badge{display:grid;place-items:center;min-width:72px;height:40px;padding:0 10px;border-radius:8px;background:#19212c;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;font-weight:800}.seen-badge{min-height:22px;padding:3px 8px;border:1px solid #d1d5db;border-radius:999px;background:#f4f4f2;color:#5f6975;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:860px){.visit-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{grid-column:1 / -1;grid-template-columns:1fr}}@media(max-width:620px){.app-shell{width:min(100% - 20px,1120px);padding-top:10px}.visit-panel,.message-panel{padding:14px}.feed-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-toolbar>div{padding:12px 10px}.metric-label{font-size:12px;line-height:1.25}.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,.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}}@media(max-width:420px){.visit-panel,.hero-actions{grid-template-columns:1fr}.feed-toolbar>div{padding:10px 8px}.metric-value{font-size:22px}.metric-label{font-size:11px}}