/* Layout for the existing BroadcastChannel DOM; no framework or runtime dependency. */
:root{--ink:#203331;--muted:#7b8784;--green:#147d6a;--line:#e5eae6;--paper:#fff;--background:#f6f7f3;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #65b8a1;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}.preview-note{text-align:center;background:#e8efdf;color:#586945;font-size:14px;padding:7px 16px;letter-spacing:.03em}.site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;padding:23px 40px;display:flex;align-items:center;gap:56px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:.03em;flex-shrink:0}.brand-mark{display:grid;place-items:center;color:white;background:var(--green);height:42px;width:42px;border-radius:12px;font-size:22px;font-weight:500;box-shadow:0 4px 10px #147d6a18}.brand small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:4px;letter-spacing:.08em}.site-navigation ul{display:flex;list-style:none;gap:8px;margin:0;padding:0}.feed-tab{border:0;background:transparent;color:#6e7d78;padding:11px 18px;border-radius:8px;font-weight:600;font-size:16px}.feed-tab[aria-selected=true]{background:#e8f2ed;color:var(--green)}.channel-links{margin-left:auto;display:flex;gap:23px;font-size:14px;color:#677770}.workspace{max-width:1280px;margin:0 auto;padding:38px 40px 60px;display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:30px}.reading-column{min-width:0}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:650;color:#8b9791;margin:0 0 10px}.page-intro h1{font-size:27px;letter-spacing:-.04em;font-weight:650;margin:0 0 10px}.page-intro p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0;line-height:1.8}.live-pill{display:flex;align-items:center;gap:7px;font-size:14px;color:#698575;border:1px solid #dce7dc;background:#eef4e9;border-radius:20px;padding:7px 10px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#5b946b}.desktop-search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e1e7e0;padding:7px 8px 7px 16px;border-radius:10px;margin-bottom:26px;box-shadow:0 3px 12px #293b2203}.desktop-search>span{font-size:27px;line-height:1;color:#8c9991}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.desktop-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:15px;padding:7px}.desktop-search input::placeholder{color:#98a29c}.desktop-search button{border:0;background:var(--green);color:white;border-radius:7px;padding:9px 18px;font-size:14px;white-space:nowrap}.feed-toolbar{display:grid;grid-template-columns:1fr auto;column-gap:15px;row-gap:8px;align-items:center;margin-bottom:17px}.feed-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feed-heading h2{font-size:17px;margin:0;font-weight:650}.full-count,.feed-count{font-size:14px;color:#8a958e}.feed-refresh{grid-area:1/2/3/3;border:1px solid #dce4dc;background:#fff;border-radius:7px;padding:9px 12px;font-size:14px;color:#61766a}.full-note,.feed-note{font-size:14px;color:#819086;margin:0}.full-sync,.feed-sync{grid-column:1/-1;font-size:13px;color:#6b7b71;margin:0;line-height:1.6}.sync-warning{color:#9b7146}.feed-details{grid-column:1/-1;font-size:14px;color:#819086}.feed-details summary{cursor:pointer;width:fit-content}.feed-hint{line-height:1.8;margin:8px 0 0}.news-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:13px 0;margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.page-status{flex:1;min-width:150px;line-height:1.5;order:-2;font-size:14px;font-weight:550}.page-status small{display:block;color:#6b7b71;font-size:13px;font-weight:400;margin-top:3px}.page-numbers{display:flex;gap:4px;align-items:center}.page-number,.page-button,.page-latest,.page-go{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:6px;padding:6px 8px;white-space:nowrap}.page-number{min-width:30px}.page-number[aria-current=page]{background:var(--green);color:white}.page-button{border:1px solid #e1e7e0;background:white}.disabled{color:#a9b0aa;background:transparent}.page-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.page-latest{color:#718375;font-size:13px}.page-jump-form,.page-jump-form label{display:flex;align-items:center;gap:6px;color:#819086}.page-jump{width:56px;height:36px;background:white;border:1px solid #dfe6de;border-radius:5px;text-align:center;color:var(--ink);padding:2px}.page-go{min-height:30px;border:1px solid #dfe6de;background:white;color:#61776b;font-size:14px}.page-gap{color:var(--muted)}.posts-feed{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr;gap:16px}.post-entry{background:white;border:1px solid var(--line);border-radius:12px;padding:26px 28px 20px;box-shadow:0 3px 10px #36482c02;overflow-wrap:anywhere}.hn-story h2{font-size:20px;font-weight:650;line-height:1.55;letter-spacing:-.025em;margin:0 0 9px}.post-meta{font-size:13px;color:#6b7b71}.post-meta p{margin:0}.post-content{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.link_preview_site_name{order:-1;font-size:13px;color:var(--green);background:#eef5ef;border:1px solid #e2ece1;border-radius:4px;padding:3px 7px;margin-top:12px}.message-text{flex-basis:100%;margin:2px 0 4px;line-height:1.95;white-space:pre-wrap;color:#52645a;font-size:16px;letter-spacing:.01em}.message-text.is-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.message-toggle{border:0;background:transparent;padding:5px 0;font-size:14px;color:var(--green)}.read-original{margin-left:auto;color:var(--green);font-size:14px;padding:5px 0}.selected-badge{flex-basis:100%;font-size:13px;color:#6b7b71;border-top:1px solid #eff2ed;padding-top:12px;margin:0}.feed-empty{padding:35px;text-align:center;color:#8d998f;font-size:15px}.sidebar{padding-top:5px;min-width:0}.side-card{border:1px solid var(--line);border-radius:12px;background:white;padding:24px;margin-bottom:18px}.intro-card{background:#edf2e6;border-color:#e4eadb}.side-icon{color:#6a8e70;font-size:27px}.intro-card h2{font-size:22px;line-height:1.6;font-weight:550;margin:17px 0 12px;letter-spacing:-.04em}.intro-card p{font-size:14px;line-height:1.9;color:#82907b;margin:0}.side-rule{height:1px;background:#dce4d5;margin:22px 0 16px}.small-label{font-size:13px;color:#8b9a80}.subscriptions h2{font-size:16px;font-weight:600;margin:0 0 19px}.subscriptions a{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:14px}.subscriptions a+a{border-top:1px solid #f0f2ed}.subscription-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f8eee0;color:#bd9155;font-size:20px}.telegram{background:#e6f0f3;color:#5b8c9a;font-size:16px}.subscriptions small{display:block;color:#6b7b71;font-size:13px;margin-top:6px}.subscriptions b{font-weight:400;color:#a0aa9c;margin-left:auto}.reading-tip{display:flex;gap:12px;padding:18px 5px}.reading-tip>span{font-size:22px;color:#809d83}.reading-tip h2{font-size:14px;margin:0 0 7px;font-weight:500}.reading-tip p{font-size:14px;color:#6b7b71;line-height:1.9;margin:0}.side-foot{font-size:13px;color:#6b7b71;line-height:2;padding:22px 5px;border-top:1px solid var(--line)}footer{max-width:1200px;margin:0 auto;border-top:1px solid var(--line);padding:24px 0 30px;font-size:14px;color:#6b7b71;display:flex;gap:18px}footer a{margin-left:auto}@media(min-width:1500px){.header-inner,.workspace{max-width:1380px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:40px}}
@media(max-width:1100px){.header-inner{gap:25px;padding:20px 26px}.workspace{padding:30px 26px;grid-template-columns:minmax(0,1fr) 220px;gap:22px}.side-card{padding:20px}.channel-links{gap:15px}.news-pagination{gap:5px}.page-status{flex-basis:100%;margin-bottom:5px}.page-tools{margin-left:auto}footer{margin:0 26px}.hn-story h2{font-size:19px}}
@media(max-width:820px){.workspace{grid-template-columns:1fr;max-width:760px;padding:28px 24px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.intro-card{display:none}.side-card{margin-bottom:0}.side-foot{display:none}.reading-tip{padding:20px 8px}.header-inner{flex-wrap:wrap;gap:19px;padding:18px 24px 12px}.brand{font-size:18px}.channel-links{order:1;font-size:14px}.site-navigation{order:2;flex-basis:100%}.site-navigation ul{gap:6px}.feed-tab{padding:10px 15px}.page-intro h1{font-size:25px}.page-intro{margin-bottom:22px}.post-entry{padding:23px 25px}.news-pagination .page-status{flex-basis:auto}footer{margin:0 24px}}
@media(max-width:520px){.preview-note{font-size:13px}.header-inner{padding:16px 18px 10px;gap:15px}.brand-mark{height:35px;width:35px;border-radius:10px;font-size:19px}.brand{gap:9px;font-size:17px}.brand small{font-size:12px}.channel-links{gap:12px}.workspace{padding:25px 16px 35px;gap:28px}.eyebrow{font-size:12px}.page-intro h1{font-size:22px}.page-intro p:not(.eyebrow){font-size:14px;max-width:240px}.live-pill{font-size:13px;padding:6px 8px}.desktop-search{margin-bottom:22px}.feed-toolbar{row-gap:7px}.feed-heading{gap:9px}.feed-heading h2{font-size:16px}.full-count,.feed-count{font-size:13px}.feed-refresh{font-size:13px;padding:8px 10px}.news-pagination{padding:12px 0;gap:5px}.news-pagination .page-status{flex-basis:100%;margin-bottom:7px}.page-button{font-size:13px;padding:6px}.page-tools{margin-top:3px;flex-basis:100%;justify-content:space-between}.page-number{min-width:30px}.posts-feed{gap:13px}.post-entry{border-radius:10px;padding:20px 19px 17px}.hn-story h2{font-size:18px}.message-text{font-size:16px;line-height:1.95}.sidebar{grid-template-columns:1fr}.reading-tip{padding:4px 10px}.subscriptions{padding:20px}.subscriptions a{padding:12px 0}.side-foot{display:none}footer{margin:0 18px;flex-wrap:wrap;font-size:13px;gap:10px}}
.header-inner{padding-top:16px;padding-bottom:16px}.workspace{padding-top:28px}.page-intro{margin-bottom:18px}.page-intro h1{font-size:24px;margin-bottom:7px}.desktop-search{margin-bottom:20px}.full-note{display:none}.news-pagination>.page-button:nth-child(3){order:2}.page-numbers{order:1}.page-tools{order:3}
@media(max-width:520px){.header-inner{padding-top:14px;padding-bottom:10px}.workspace{padding-top:22px}.page-intro h1{font-size:22px}}
.channel-links{align-items:center}
.theme-toggle{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0}
.theme-toggle:hover{border-color:var(--green);color:var(--green)}
.theme-moon,.theme-system{display:none}
[data-theme-mode=system] .theme-system{display:block}
[data-theme-mode=dark] .theme-sun{display:none}
[data-theme-mode=dark] .theme-moon{display:block}
:root[data-theme=dark]{--ink:#e0ebe5;--muted:#a3b4ab;--green:#78cdb4;--line:#2f4038;--paper:#1c2923;--background:#131d18}
[data-theme=dark] .site-header{background:#18231e}
[data-theme=dark] .preview-note{background:#263326;color:#c0cfad}
[data-theme=dark] .desktop-search,[data-theme=dark] .post-entry,[data-theme=dark] .side-card,[data-theme=dark] .page-button,[data-theme=dark] .page-go,[data-theme=dark] .page-jump,[data-theme=dark] .feed-refresh,[data-theme=dark] .skip{background:var(--paper);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .intro-card{background:#253024}
[data-theme=dark] .feed-tab[aria-selected=true],[data-theme=dark] .link_preview_site_name,[data-theme=dark] .live-pill{background:#263e32;border-color:#365242;color:var(--green)}
[data-theme=dark] .page-number[aria-current=page],[data-theme=dark] .desktop-search button,[data-theme=dark] .brand-mark{background:#187f68;color:#fff}
[data-theme=dark] .message-text{color:#c0d0c5}
[data-theme=dark] .channel-links,[data-theme=dark] .feed-tab,[data-theme=dark] .full-note,[data-theme=dark] .feed-note,[data-theme=dark] .full-sync,[data-theme=dark] .feed-sync,[data-theme=dark] .full-count,[data-theme=dark] .feed-count,[data-theme=dark] .feed-details,[data-theme=dark] .post-meta,[data-theme=dark] .page-status small,[data-theme=dark] .page-latest,[data-theme=dark] .page-jump-form,[data-theme=dark] .page-jump-form label,[data-theme=dark] .selected-badge,[data-theme=dark] .intro-card p,[data-theme=dark] .small-label,[data-theme=dark] .subscriptions small,[data-theme=dark] .reading-tip p,[data-theme=dark] .side-foot,[data-theme=dark] footer,[data-theme=dark] .eyebrow{color:var(--muted)}
[data-theme=dark] .sync-warning{color:#dfb577}
[data-theme=dark] .selected-badge,[data-theme=dark] .subscriptions a+a{border-color:var(--line)}
[data-theme=dark] .side-rule{background:var(--line)}
[data-theme=dark] .subscription-icon{background:#3a3022;color:#e4b46c}
[data-theme=dark] .telegram{background:#233944;color:#88bdce}
[data-theme=dark] .disabled{color:#78877f;background:transparent}
[data-theme=dark] .desktop-search input::placeholder{color:#94a69a}
@media(max-width:520px){.channel-links{gap:8px;font-size:13px}.theme-toggle{width:34px;height:34px}.header-inner{column-gap:12px}}
html{scrollbar-gutter:stable}
.full-note{display:block}
.feed-toolbar{grid-template-rows:auto minmax(18px,auto) minmax(32px,auto) auto}
.feed-refresh{grid-area:1/2/2/3}
.full-note,.feed-note{grid-column:1/-1;line-height:18px}
.news-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;padding:16px 0}
.pagination-summary{grid-column:1/-1;order:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pagination-summary>.page-status{margin:0;min-width:0;flex:1}
.news-pagination>.page-numbers{grid-column:1;order:1;min-width:0;min-height:32px;flex-wrap:wrap;gap:6px}
.news-pagination>.page-tools{grid-column:2;order:2;margin:0;gap:12px;justify-content:flex-end}
.page-number{flex-shrink:0;border:1px solid #bdccc1;background:var(--paper)}
.page-number:hover{border-color:var(--green);color:var(--green)}
.page-number[aria-current=page]{border-color:var(--green);color:white}
[data-theme=dark] .page-number{border-color:#597265}
[data-theme=dark] .page-number:hover,[data-theme=dark] .page-number[aria-current=page]{border-color:var(--green)}
.reading-options{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}
.page-size{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 10px;min-height:36px;cursor:pointer}
.page-size:focus-visible{outline:3px solid #65b8a1;outline-offset:3px}
@media(max-width:600px){.news-pagination{grid-template-columns:minmax(0,1fr);gap:12px}.news-pagination>.page-tools{grid-column:1;justify-content:space-between}.pagination-summary{gap:8px}.page-number{min-width:30px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:color .15s,background .15s,border-color .15s}.post-entry{animation:appear .2s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}}