:root{--orange: #ff6600;--bg: #f6f6ef;--page: #f6f6ef;--text: #000;--sub: #828282;--link: #000;--visited: #828282;--rule: #e2e2d8;--chip: #ecece2;--spark: #ff6600;--card-ink: #fff;--serif: "Linux Libertine", "Georgia", "Times New Roman", serif;--hn: Verdana, Geneva, sans-serif;--bar-h: 34px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121212;--page: #121212;--text: #dcdcd6;--sub: #8d8d86;--link: #e9e9e3;--visited: #8d8d86;--rule: #2a2a28;--chip: #232321;color-scheme:dark}}:root[data-theme=dark]{--bg: #121212;--page: #121212;--text: #dcdcd6;--sub: #8d8d86;--link: #e9e9e3;--visited: #8d8d86;--rule: #2a2a28;--chip: #232321;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--hn);font-size:14px;-webkit-text-size-adjust:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}.hn-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;height:var(--bar-h);padding:0 8px;background:var(--orange);color:#000}.logo{display:flex;flex:none}.logo-box{display:grid;place-items:center;width:20px;height:20px;border:1px solid #fff;color:#fff;font:700 14px/1 var(--serif)}.hn-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:13.5px}.hn-nav::-webkit-scrollbar{display:none}.hn-nav a{color:#000}.site-name{font-weight:700;margin-right:10px}.hn-nav a.on{color:#fff}.hn-nav .sep{white-space:pre}.view-toggle{display:flex;flex:none;border:1px solid rgba(0,0,0,.35);border-radius:3px;overflow:hidden;font-size:12px;margin-right:6px}.view-toggle a{padding:2px 8px;color:#000}.view-toggle a:hover{text-decoration:none;background:#ffffff40}.view-toggle a.on{background:#000;color:#fff}.hn-search input{width:120px;height:22px;border:1px solid rgba(0,0,0,.25);border-radius:2px;padding:0 6px;font:12px var(--hn);background:#ffffffd9;color:#000}@media(max-width:640px){.hn-search,.hn-nav .site-name{display:none}.hn-nav{font-size:12px;margin-left:2px}.view-toggle{margin-right:0;font-size:11px}.view-toggle a{padding:2px 6px}}.page{max-width:1100px;margin:0 auto 40px;background:var(--page);padding:10px 12px 24px}.page-head{margin:6px 0 12px}.page-head h1{font:700 22px/1.2 var(--serif);margin:4px 0}.sub,.page-head .sub{color:var(--sub);font-size:12px;margin:0 0 6px;max-width:70ch}.play{display:inline-block;font-size:12px;color:var(--orange);font-weight:700}.rows{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:2.6em 16px 1fr auto;align-items:start;gap:2px 4px;padding:5px 0 6px}.rank{color:var(--sub);text-align:right;padding-right:2px;font-size:13.5px;line-height:18px}.vote{color:#9a9a9a;padding:0;font-size:10px;line-height:18px}.vote.big{font-size:16px;line-height:30px}.row-main{min-width:0}.titleline{font-size:13.5px;line-height:18px}.titleline a:visited{color:var(--visited)}.sitebit{color:var(--sub);font-size:11px}.subline{color:var(--sub);font-size:11px;line-height:16px;display:flex;flex-wrap:wrap;align-items:center;gap:0 5px}.subline a,.subline .linkish{color:var(--sub)}.subline b{color:var(--text);font-weight:700}.linkish{background:none;border:0;padding:0;cursor:pointer;font-size:inherit}.linkish:hover{text-decoration:underline}.fpbadge{color:var(--orange)}.row-thumb{width:44px;height:44px;object-fit:cover;border-radius:3px;margin-left:8px;background:var(--chip)}.spark{vertical-align:middle;overflow:visible}.spark-line{fill:none;stroke:var(--spark);stroke-width:1.3;stroke-linejoin:round}.spark-area{fill:var(--spark);opacity:.14}.more{padding:10px 0 0 3em}.more a{color:var(--text)}.loading,.empty,.error{color:var(--sub);padding:20px 4px}.btn{display:inline-block;border:1px solid var(--rule);background:var(--chip);color:var(--text);border-radius:3px;padding:5px 10px;font-size:12px;cursor:pointer}.btn:hover{text-decoration:none;border-color:var(--sub)}.topic-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 24px}.topic-grid li{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--rule)}.topic-name{flex:1;font-size:13.5px}.topic-n{color:var(--sub);font-size:11px}.topic-play{color:var(--orange);font-size:11px}.article{max-width:860px}.art-head{display:grid;grid-template-columns:18px 1fr;gap:4px;margin-top:6px}.art-title{font:700 26px/1.2 var(--serif);margin:0 0 4px}.art-title .sitebit{font-family:var(--hn);font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:11px;background:var(--chip);border-radius:10px;padding:2px 9px;color:var(--text)}.art-lead{margin:14px 0 0 22px;font-family:var(--serif);font-size:16.5px;line-height:1.55;overflow:hidden}.art-img{float:right;margin:2px 0 10px 18px;max-width:40%}.art-img img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border:1px solid var(--rule);background:#fff}.art-desc{color:var(--sub);font-style:italic;margin:0 0 8px}.art-extract{margin:0 0 10px;max-width:68ch}.sec{margin:26px 0 0 22px;clear:both}.sec h2{font:700 15px var(--hn);margin:0 0 6px}.yearbars{display:flex;align-items:flex-end;gap:3px;height:110px;max-width:620px;padding-bottom:16px}.yb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.yb-bar{background:var(--orange);opacity:.55;border-radius:2px 2px 0 0;min-height:1px}.yb-bar[data-peak]{opacity:1}.yb-y{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:10px;color:var(--sub)}.stories{list-style:none;padding:0;margin:0}.stories li{padding:4px 0}.comments{list-style:none;padding:0;margin:10px 0 14px}.comment{padding:8px 0 12px;border-top:1px solid var(--rule)}.comhead{color:var(--sub);font-size:11px;margin-bottom:4px}.comhead a{color:var(--sub)}.onstory{font-style:normal}.sec-chip{margin-left:8px;color:var(--orange)!important}.commtext{font-size:13px;line-height:1.5;max-width:78ch;overflow-wrap:anywhere}.commtext p{margin:8px 0 0}.commtext a{text-decoration:underline}.commtext pre{overflow-x:auto;font-size:12px}.readmore{display:inline-block;margin-top:4px;font-size:11px;color:var(--sub)}.prose{max-width:760px;line-height:1.6}.prose p a,.prose li a{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:2px}.prose h1{font:700 24px var(--serif)}.prose h2{font-size:14px;margin-top:22px}.stats{background:var(--chip);padding:8px 10px;border-radius:3px}.theme-row{display:flex;gap:8px}.fine{color:var(--sub);font-size:11px;margin-top:28px}kbd{border:1px solid var(--rule);border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:12px}.app-feed{height:100dvh;display:flex;flex-direction:column;background:#000;overflow:hidden}.feed-shell{position:relative;flex:1;min-height:0}.feed-tabs{position:absolute;z-index:5;top:12px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;white-space:nowrap;transition:transform .28s ease}.ft{color:#ffffffc7;font-size:12.5px;line-height:1;padding:7px 12px;border-radius:999px}.ft:hover{text-decoration:none;color:#fff;background:#ffffff1a}.ft.on{color:#000;background:#fff;font-weight:700}@media(min-width:900px){.with-comments .feed-tabs{transform:translate(calc(-50% - 226px))}}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.fc{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;color:var(--card-ink);background:#111;max-width:560px;margin:0 auto;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column}@media(min-width:700px){.feed{background:radial-gradient(ellipse at center,#1c1c1c,#000 70%)}}.fc-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(34px) saturate(1.2) brightness(.5)}.fc-media{position:relative;flex:1 1 auto;min-height:0}.fc-media-box{position:absolute;top:60px;right:16px;bottom:8px;left:16px;display:flex;align-items:center;justify-content:center}.fc-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px #00000080;opacity:0;transition:opacity .35s;background:#fff}.fc-media img.in{opacity:1}.fc-noimg{background:linear-gradient(160deg,#3a1d0b,#1a1a1a 55%,#0d0d0d)}.fc-letter{font:700 clamp(120px,34vh,280px) / 1 var(--serif);color:#ff660038}.fc-body{position:relative;z-index:1;flex:none;padding:18px 76px calc(18px + env(safe-area-inset-bottom)) 16px;background:linear-gradient(to bottom,#0000,#0009 28px,#000000d1)}.fc-kicker{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;margin-bottom:6px}.fc-rank{background:var(--orange);color:#000;font-weight:700;padding:1px 6px;border-radius:2px}.fc-topic{color:#ffffffd9;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:0 7px}.fc-title{font:700 clamp(24px,6.4vw,32px) / 1.12 var(--serif);margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.fc-title a{color:#fff}.fc-extract{margin:0 0 10px;font:15px/1.45 var(--serif);color:#ffffffeb;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fc-hn{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:#fff;margin-bottom:8px}.fc-up{color:var(--orange)}.fc-dim{color:#fff9}.fc-spark{margin-left:2px}.fc-quote{display:block;border-left:3px solid var(--orange);background:#ffffff12;padding:7px 10px;border-radius:0 4px 4px 0;color:#ffffffe6;font-size:12px;line-height:1.45}.fc-quote:hover{text-decoration:none;background:#ffffff1f}.fc-q-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fc-q-by{display:block;margin-top:3px;color:#ffffff8c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-rail{position:absolute;right:8px;bottom:calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;z-index:2}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;background:none;border:0;color:#fff;cursor:pointer;font-size:10.5px;padding:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}.rail-btn:hover{text-decoration:none}.rail-btn svg{transition:transform .15s}.rail-btn:active svg{transform:scale(.85)}.y-box{display:grid;place-items:center;width:24px;height:24px;background:var(--orange);border:1px solid #fff;font:700 15px var(--hn);color:#fff;margin:1px 0}.feed-loading,.feed-end{height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#aaa}.feed-end{scroll-snap-align:start}.feed-loading{flex-direction:row;gap:6px}.feed-loading-tail{height:40%}.feed-loading-first{position:absolute;top:0;right:0;bottom:0;left:0}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 1s infinite ease-in-out}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);background:#000;color:#fff;padding:8px 14px;border-radius:4px;font-size:12px;z-index:100}@media(max-width:640px){.page{padding:6px 8px 24px}.row{grid-template-columns:2.2em 14px 1fr auto}.row-thumb{width:38px;height:38px}.art-lead,.sec{margin-left:0}.art-img{float:none;max-width:100%;margin:0 0 10px}.art-head{grid-template-columns:16px 1fr}}@media(prefers-reduced-motion:reduce){.fc-media img,.rail-btn svg{transition:none}.dot{animation:none}}.feed{transition:padding-right .28s ease}.fc-quote{width:100%;text-align:left;border:0;border-left:3px solid var(--orange);cursor:pointer;font:inherit}.rail-btn.on{color:var(--orange)}.side{position:absolute;z-index:10;top:16px;bottom:16px;right:16px;width:420px;display:flex;flex-direction:column;background:#161616;border:1px solid #262626;border-radius:12px;color:#d6d6d0;animation:side-in .28s ease}@keyframes side-in{0%{transform:translate(24px);opacity:0}}.sheet-scrim{display:none}.side-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.side-h h2{margin:0;font:700 17px var(--hn);color:#f2f2ee}.side-h h2 span{color:#8a8a84;font-weight:400;font-size:14px;margin-left:4px}.side-x{background:#262626;border:0;color:#ddd;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:13px}.side-x:hover{background:#333}.side-sub{margin:4px 16px 0;padding-bottom:10px;border-bottom:1px solid #262626;color:#8a8a84;font-size:11.5px}.side-sub i{font-family:var(--serif);font-size:13px}.side-body{flex:1;overflow-y:auto;padding:0 16px;scrollbar-width:thin;overscroll-behavior:contain}.side-loading{color:#777}.side-list{list-style:none;margin:0;padding:0}.side-list li{display:flex;gap:10px;padding:12px 0}.av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 13px var(--hn)}.side-c{min-width:0;flex:1}.side-by{display:flex;gap:8px;align-items:baseline;font-size:12px}.side-by a{color:#f0f0ea;font-weight:700}.side-by span{color:#7d7d77;font-size:11px}.side .commtext{font-size:13px;color:#d6d6d0;margin-top:2px}.side .commtext p{margin:6px 0 0}.side .commtext a{color:#e8e8e2}.side-meta{display:flex;gap:10px;justify-content:space-between;margin-top:6px;font-size:11px}.side-on{color:#7d7d77;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-replies{color:#9d9d97;flex:none}.side-foot{padding:12px 16px 14px;border-top:1px solid #262626}.side-cta{display:block;text-align:center;background:var(--orange);color:#000;font-weight:700;border-radius:6px;padding:10px;font-size:13px}.side-cta:hover{text-decoration:none;filter:brightness(1.08)}@media(min-width:900px){.with-comments .feed{padding-right:452px}}@media(max-width:899px){.sheet-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#00000073}.side{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;height:72dvh;border-radius:14px 14px 0 0;border-bottom:0;animation:sheet-in .25s ease}@keyframes sheet-in{0%{transform:translateY(40%);opacity:0}}.side-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.feed,.feed-tabs{transition:none}.side{animation:none}}
