:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6ef;--card:#fff;--text:#1b1b18;--muted:#6b6b63;--line:#e4e4dc;--accent:#f60;--accent-ink:#fff;--pill:#1b1b18;--pill-ink:#fff;--explore:#2f6fdf;--heart:#ff3b5c;--button:#efefe7;--shadow:0 1px 2px #0000000f;--cluster-0:#f3d9c7;--cluster-1:#d4e6d0;--cluster-2:#d3dff2;--cluster-3:#efd4e3;--cluster-4:#f1e7c0;--cluster-5:#cfe8e7;--cluster-6:#e3d6f2;--cluster-7:#f2d0cf;--cluster-8:#dfe8c6;--cluster-9:#cfdbe9;--cluster-10:#f0dcc4;--cluster-11:#d9d9d1;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--card:#1b1b1b;--text:#ededea;--muted:#a0a09a;--line:#2c2c2c;--pill:#ededea;--pill-ink:#121212;--explore:#6e9cf0;--button:#262626;--shadow:none;--cluster-0:#4a3426;--cluster-1:#2e4430;--cluster-2:#2c3a52;--cluster-3:#4a2e3e;--cluster-4:#4a4226;--cluster-5:#23413f;--cluster-6:#3b2f4f;--cluster-7:#4c2c2b;--cluster-8:#3a4426;--cluster-9:#2a3646;--cluster-10:#4a3a26;--cluster-11:#34342f}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0}body{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{font:inherit;color:inherit}.feed{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;position:fixed;inset:0;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.slot{scroll-snap-align:start;scroll-snap-stop:always;contain:strict;height:100%}.card{max-width:600px;height:100%;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:10px;margin:0 auto;display:flex;overflow:hidden}.top{flex-direction:column;flex:none;justify-content:center;min-height:28px;padding-right:48px;display:flex}.main-row{flex:auto;gap:12px;min-height:0;display:flex}.body{justify-content:center;gap:inherit;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.media{background:var(--c,var(--cluster-11));border-radius:14px;flex:calc(min(100vw,600px)/1.77778 - 18px);min-height:0;max-height:calc(min(100vw,600px) - 32px);position:relative;overflow:hidden}.media .thumb,.media .thumb-bg{opacity:0;width:100%;height:100%;transition:opacity .16s ease-out;position:absolute;inset:0}.media .thumb{object-fit:contain}.media .thumb-bg{object-fit:cover;filter:blur(24px)saturate(1.15);transform:scale(1.2)}.media.has-thumb .thumb{opacity:1}.media.has-thumb .thumb-bg{opacity:.7}.fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.fallback .favicon{border-radius:6px;width:32px;height:32px}.fallback .site{opacity:.85;overflow-wrap:anywhere;font-size:18px;font-weight:700}.dead{color:#fff;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px}.meta{color:var(--muted);flex:none;font-size:14px}.title{letter-spacing:-.01em;overflow-wrap:anywhere;flex:none;margin:0;font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.18}.excerpt{color:var(--muted);overflow-wrap:anywhere;white-space:pre-line;flex:none;margin:0;font-size:15px;line-height:1.45}.text-only .title{font-size:clamp(25px,7vw,34px)}.text-only .excerpt{color:var(--text);font-size:17px;line-height:1.5}.rail{flex-direction:column;flex:none;align-self:flex-end;gap:14px;width:52px;display:flex}.act{color:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:flex}.act .icon{background:var(--button);border-radius:999px;place-items:center;width:48px;height:48px;transition:transform .12s ease-out;display:grid}.act svg,.corner svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.act-save svg,.act-comments svg{fill:currentColor;stroke:none}.act-save svg{fill:none;stroke:currentColor}.act:active .icon{transform:scale(.9)}.act-open .icon{background:var(--accent);color:var(--accent-ink)}.act-save.on .icon{color:var(--heart)}.act-save.on svg{fill:currentColor}.act .cap{color:var(--muted)}.hint{text-align:center;color:var(--muted);flex:none;font-size:12px}@media (max-height:700px){.card{gap:8px}.title{font-size:clamp(20px,5.6vw,26px)}.text-only .title{font-size:clamp(22px,6.4vw,28px)}.text-only .excerpt{font-size:16px}.rail{gap:10px}.act .icon{width:42px;height:42px}}.compact .title{font-size:19px}.compact .excerpt,.compact.text-only .excerpt{font-size:14px}.compact.text-only .title{font-size:21px}.compact .meta{font-size:13px}.corner{z-index:5;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));background:color-mix(in srgb, var(--card) 85%, transparent);width:40px;height:40px;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:fixed}.skeleton{flex-direction:column;gap:14px;max-width:600px;height:100%;margin:0 auto;padding:56px 16px;display:flex}.skeleton i{background:var(--line);border-radius:12px;animation:1.4s ease-in-out infinite pulse;display:block}.skeleton i:first-child{height:30%}.skeleton i:nth-child(2){width:85%;height:28px}.skeleton i:nth-child(3){width:60%;height:28px}.skeleton i:nth-child(4){height:18%}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton i{animation:none}}.empty-box{flex-direction:column;justify-content:center;max-width:480px;height:100%;margin:0 auto;padding:24px;display:flex}.empty-box h2{margin:0 0 8px}.empty-box p{color:var(--muted);margin:0;line-height:1.5}.sheet{z-index:10;background:0 0;align-items:flex-end;transition:background .2s;display:flex;position:fixed;inset:0}.sheet.open{background:#0006}.sheet-panel{width:100%;max-width:600px;padding:12px 12px max(12px, env(safe-area-inset-bottom));background:var(--card);border-radius:18px 18px 0 0;flex-direction:column;gap:6px;margin:0 auto;transition:transform .2s ease-out;display:flex;transform:translateY(100%)}.sheet.open .sheet-panel{transform:none}.sheet-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:4px 6px 8px;font-size:13px;overflow:hidden}.sheet-option{text-align:left;background:var(--button);cursor:pointer;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:14px;font-weight:600;display:flex}.sheet-option small{color:var(--muted);font-weight:400}.sheet-option.cancel{text-align:center;background:0 0}.toast{z-index:20;left:50%;top:max(16px, env(safe-area-inset-top));opacity:0;pointer-events:none;background:var(--pill);color:var(--pill-ink);border-radius:999px;max-width:90vw;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}.screen{max-width:760px;min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto;line-height:1.45}.screen-head{align-items:baseline;gap:16px;display:flex}.screen-head h1{margin:8px 0 16px;font-size:26px}.screen h2{margin:24px 0 8px;font-size:17px}.screen a{color:inherit}.back{text-decoration:none;color:var(--muted)!important}.muted{color:var(--muted)}.saved-list,.hidden-list{margin:0;padding:0;list-style:none}.saved-list li,.hidden-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 0;display:grid}.saved-title{font-weight:600;text-decoration:none}.saved-meta{color:var(--muted);grid-column:1;font-size:14px}.saved-list li button{grid-area:1/2/span 2}.small{border:1px solid var(--line);background:var(--button);cursor:pointer;border-radius:8px;padding:6px 12px}.danger{color:#c62828}.row{gap:8px;display:flex}.footer-link{color:var(--muted);margin-top:40px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px 6px 0}pre{background:var(--button);border-radius:8px;padding:12px;font-size:12px;overflow-x:auto}.thread-head{border-bottom:1px solid var(--line);padding-bottom:12px}.thread-head h1{margin:6px 0;font-size:22px;line-height:1.25}.thread-title{text-decoration:none}.thread-meta{color:var(--muted);margin:0;font-size:14px}.thread-text{overflow-wrap:anywhere;margin-top:12px}.thread-hn{margin-top:10px;font-size:14px;display:inline-block;color:var(--muted)!important}.thread{padding-top:4px}.c{padding-top:12px}.c .c-kids{border-left:2px solid var(--line);margin-left:4px;padding-left:12px}.c[data-depth="5"] .c-kids{border-left:0;margin-left:0;padding-left:0}.c-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:8px;padding:2px 0;display:flex}.c-by{font-size:14px;font-weight:700}.c-by.op{color:var(--accent)}.c-age{color:var(--muted);font-size:13px}.c-toggle{color:var(--muted);text-align:right;min-width:24px;margin-left:auto;font-size:13px}.c-body{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.c-body p{margin:8px 0 0}.c-body pre{white-space:pre-wrap}.c-body a{color:var(--accent)}.c.collapsed>.c-body,.c.collapsed>.c-kids{display:none}.c-more{background:var(--button);color:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:13px;font-weight:600}.c-sheet{z-index:9;touch-action:none;background:0 0;justify-content:center;align-items:flex-end;transition:background .28s;display:flex;position:fixed;inset:0}.c-sheet[hidden]{display:none}.c-sheet.open{background:#00000059}.c-panel{background:var(--card);touch-action:pan-y;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:680px;height:74dvh;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;transform:translateY(100%)}.c-sheet.open .c-panel{transform:none}.c-panel.dragging{transition:none}.c-top{text-align:center;touch-action:none;border-bottom:1px solid var(--line);flex:none;padding:8px 52px 10px;position:relative}.c-grab{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 8px}.c-count{margin:0;font-size:15px;font-weight:700}.c-close{background:var(--button);width:36px;height:36px;color:inherit;cursor:pointer;border:0;border-radius:50%;padding:8px;position:absolute;top:8px;right:12px}.c-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:100%;height:100%;display:block}.c-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:12px 16px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}@media (prefers-reduced-motion:reduce){.c-sheet,.c-panel{transition:none}}.profile-box{box-sizing:border-box;width:100%;color:inherit;border:1px solid var(--line);background:0 0;border-radius:8px;margin:8px 0;padding:8px;font:13px/1.4 ui-monospace,monospace;display:block}.thread>.c{content-visibility:auto;contain-intrinsic-size:auto 140px}.top .meta{white-space:nowrap;align-items:baseline;min-width:0;display:flex}.top .meta>*+:before{content:"·";margin:0 .4em}.top .meta .points{color:var(--text);flex:none;font-weight:700}.top .meta .site{text-overflow:ellipsis;min-width:0;font-weight:inherit;font-size:inherit;opacity:1;overflow:hidden}.top .meta .age{flex:none}.act-archive svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.card{cursor:pointer}.act-archive .cap{text-align:center;white-space:normal;font-size:11px;line-height:1.15}@media (max-height:700px){.rail:has(.act-archive){gap:6px}}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 8px;font-weight:600}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.scores table{font-size:13px}.hood{margin:16px 0}.hood summary{cursor:pointer;padding:8px 0;font-weight:600}.hood h3{margin:16px 0 6px;font-size:15px}.hood table{font-size:13px;display:block;overflow-x:auto}.front-flag{color:var(--accent);margin-top:2px;font-size:13px;font-weight:600}.stats-status{margin:0 0 16px;font-weight:700}.stats-status.healthy{color:#1f8a4c}.stats-status.strained{color:var(--accent)}
