:root{--bg: #1a1a1a;--text: #f1f0ee;--muted: #9ca3af;--faint: #6b6b6b;--accent: #eab308;--up: #03a66d;--down: #cf304a;--border: rgba(255, 255, 255, .09);--chip: #2a2a2a;--chip-text: #d8d6d2;--pill-bg: #f1f0ee;--pill-text: #1a1a1a;--link: #f4f3f1;--quote: #b9b7b2;--author-bg: rgba(255, 255, 255, .08);--author-text: #d8d6d2;--author-border: rgba(255, 255, 255, .06);--quote-bg: rgba(255, 255, 255, .055);--quote-text: #d8d6d2;--quote-border: rgba(255, 255, 255, .07);--quote-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);--dur-fast: .14s;--dur: .22s;--dur-slow: .32s;--ease: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.2, .85, .3, 1.15)}html.light{--bg: #f6f5f0;--text: #1a1a1a;--muted: #6b6b6b;--faint: #9a988f;--accent: #ca8a04;--up: #03934e;--down: #c0263c;--border: rgba(0, 0, 0, .09);--chip: #ececE6;--chip-text: #444;--pill-bg: #111;--pill-text: #fff;--link: #111;--quote: #6b6b6b;--author-bg: rgba(26, 26, 26, .06);--author-text: #4d4a45;--author-border: rgba(26, 26, 26, .08);--quote-bg: rgba(26, 26, 26, .045);--quote-text: #4f4c46;--quote-border: rgba(26, 26, 26, .07);--quote-shadow: inset 0 1px 0 rgba(255, 255, 255, .58)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.wrap{max-width:1024px;margin:0 auto;padding:0 clamp(16px,4vw,24px) 80px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 0;margin-bottom:10px}.topbar .icon-btn{grid-column:3;justify-self:end}.topbar .actions{grid-column:3;justify-self:end;display:flex;gap:8px;align-items:center}.topbar .actions .icon-btn{grid-column:unset;justify-self:unset}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.site-url{display:inline-flex;align-items:baseline;gap:0;font-size:13px;line-height:1;letter-spacing:.2px;color:var(--muted);user-select:none;white-space:nowrap;margin-right:4px;transition:color .25s}.site-url-scheme{color:var(--faint);opacity:.7;font-weight:400}.site-url-host{color:var(--muted);font-weight:600}.brand{display:none;font-weight:700;font-size:16px;color:var(--text);letter-spacing:.2px;text-decoration:none}.brand-sub{font-weight:500;color:var(--muted);font-size:14px}.icon-btn{background:none;border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:9px;cursor:pointer;font-size:17px;display:grid;place-items:center;transition:border-color .2s,transform .15s}.icon-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.cats{grid-column:2;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:center}.cat{display:inline-flex;flex-direction:column;align-items:center;gap:1px;text-align:center;line-height:1.15;background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;transition:color .2s;position:relative}.cat-main{font-size:15px;font-weight:600}.cat-sub{font-size:11px;font-weight:500;opacity:.72}.cat:hover{color:var(--text)}.cat.active{color:var(--accent)}@media (min-width: 601px){.cat.active:after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:2px;background:var(--accent);border-radius:2px}}.card{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:start;position:relative;padding:24px 0 24px 14px}.card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:linear-gradient(to bottom,transparent,var(--border) 18%,var(--border) 82%,transparent)}.when{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums;line-height:1.2}.when .t-time{font-size:14.5px;color:var(--text);font-weight:600}.when .t-date{font-size:13px;color:var(--faint);margin-top:2px}.body{min-width:0;display:flex;flex-direction:column}.title{font-size:clamp(15px,4vw,17px);margin:0 0 4px;font-weight:700;line-height:1.35;color:var(--text);transition:color .2s}.title:hover{color:var(--accent)}.byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 6px;font-size:13px;line-height:1.4}.author{flex:none;background:var(--author-bg);color:var(--author-text);padding:2px 9px;border:1px solid var(--author-border);border-radius:6px;font-weight:400;transition:background .25s,border-color .25s,color .25s}.title-en{min-width:0;color:var(--muted);transition:color .2s}.title-en:hover{color:var(--accent)}.summary{margin:0;color:var(--text);font-size:14.5px}.quote{align-self:flex-start;width:fit-content;max-width:100%;margin:14px 0 0;padding:3px 9px;color:var(--quote-text);font-size:14.5px;line-height:1.5;font-style:italic;background:var(--quote-bg);border:1px solid var(--quote-border);border-radius:6px;box-shadow:var(--quote-shadow);transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.thumb{width:180px;height:120px;border-radius:8px;overflow:hidden;flex:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb img{opacity:1;animation:thumbIn var(--dur) var(--ease) both}@keyframes thumbIn{0%{opacity:0}to{opacity:1}}.end-mark{text-align:center;color:var(--faint);font-size:13px;margin-top:24px}.placeholder{text-align:center;padding:72px 16px;color:var(--muted)}.placeholder .ph-icon{font-size:40px;line-height:1;margin-bottom:16px}.placeholder .ph-title{font-size:17px;font-weight:600;color:var(--text);margin:0 0 6px}.placeholder .ph-sub{font-size:13.5px;color:var(--faint);margin:0}.card{animation:cardIn var(--dur) var(--ease) both}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.card,.newpill{animation:none}.thumb img{animation:none;opacity:1}.cat,.exchip,.newpill,.icon-btn{transition:none}.cat:active,.exchip:active,.newpill:active,.icon-btn:active{transform:none}}.newpill{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:50;padding:8px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--chip);color:var(--muted);font-size:13.5px;font-weight:400;box-shadow:0 2px 10px #0000002e}.newpill:hover{color:var(--text)}@keyframes pillIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.newpill{animation:pillIn var(--dur) var(--ease-spring) both}.install-wrap{position:relative;display:inline-flex;align-items:center}.install-wrap .icon-btn svg{display:block}.install-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:240px;max-width:280px;padding:14px 16px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000002e;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.install-pop[hidden]{display:none}.install-pop.show{opacity:1;transform:none;pointer-events:auto}.install-pop-title{margin:0 0 10px;font-size:13.5px;font-weight:600;color:var(--text)}.install-pop-section+.install-pop-section{margin-top:10px}.install-pop-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.install-pop-head strong{font-size:13px;color:var(--text);font-weight:600}.install-pop-sub{font-size:11.5px;color:var(--faint)}.install-pop-body{font-size:12.5px;color:var(--muted);line-height:1.55}@media (max-width: 600px){.install-pop{right:0;max-width:calc(100vw - 24px)}}@media (prefers-reduced-motion: reduce){.install-pop{transition:none}}.fab-top{position:fixed;right:24px;bottom:24px;z-index:60;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:#f0b90b;color:#fff;font-size:20px;line-height:1;box-shadow:0 4px 12px #0000004d;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.fab-top.show{opacity:1;pointer-events:auto;transform:none}.fab-top:hover{background:#fcd535}@media (prefers-reduced-motion: reduce){.fab-top{transition:none}}@media (max-width: 600px){.fab-top{display:none}}footer{text-align:center;color:var(--faint);font-size:12.5px;margin-top:36px}@media (max-width: 600px){.topbar{grid-template-columns:1fr auto;gap:8px;padding:10px 0;margin-bottom:6px}.brand{display:inline-block;grid-column:1;justify-self:start}.topbar .icon-btn{grid-column:2}.cats{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;grid-column:unset;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;background:#222222e6;border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 24px #00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html.light .cats{background:#ffffffeb;box-shadow:0 6px 20px #0000001f}.cat{min-width:0;padding:6px 4px;border-radius:8px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cat-main{font-size:12.5px;line-height:1.2;white-space:nowrap}.cat-sub{font-size:10px;line-height:1.2;opacity:.65;white-space:nowrap}.cat.active{background:#eab3081a}html.light .cat.active{background:#ca8a041a}.site-url{font-size:10.5px;margin-right:2px}.brand{font-size:15px}.brand-sub{font-size:13px}.wrap{padding-bottom:calc(124px + env(safe-area-inset-bottom))}#settings-page.wrap{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.card{display:flex;flex-direction:column;gap:8px;padding:18px 0 18px 12px}.card:before{top:18px;bottom:18px}.when{flex-direction:row;align-items:baseline;gap:8px}.when .t-date{margin-top:0}.thumb{width:100%;height:auto;aspect-ratio:16 / 9;max-height:200px;margin-top:4px;border-radius:8px}.thumb img{height:100%}}.exfilter{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;scrollbar-width:none}.exfilter::-webkit-scrollbar{display:none}.exchip{flex:0 0 auto;padding:4px 12px;border-radius:999px;font-size:13px;background:var(--chip);color:var(--chip-text);border:1px solid var(--border);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}.exchip:hover{color:var(--text)}.exchip.active{color:var(--accent);border-color:var(--accent)}.ranking-meta{font-size:11.5px;color:var(--muted);align-self:center;margin-left:4px;white-space:nowrap}.ranking-wrap{overflow-x:auto;margin-top:8px}.ranking table{width:100%;min-width:640px;border-collapse:collapse;font-variant-numeric:tabular-nums}.ranking thead th{text-align:left;padding:10px 12px;font-size:11px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ranking thead th.num,.ranking td.num{text-align:right}.ranking tbody td{padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:14px}.ranking tbody tr:hover td{background:#ffffff08}html.light .ranking tbody tr:hover td{background:#00000008}.ranking .ticker{font-weight:700;color:var(--accent)}.ranking .ticker-cell{display:inline-flex;align-items:center;gap:8px}.ranking-logo{width:22px;height:22px;border-radius:50%;background:#ffffff0f;flex:none;object-fit:contain}html.light .ranking-logo{background:#0000000a}.ticker-logo-box{position:relative;width:22px;height:22px;flex:none}.ranking-logo--img{position:absolute;inset:0}.ranking .name{color:var(--muted)}.ranking .up{color:var(--up)}.ranking .down{color:var(--down)}.ranking .same{color:var(--faint)}.cat,.exchip,.newpill,.icon-btn,.title,.title-en{transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.cat:active,.exchip:active,.newpill:active{transform:scale(.96)}.icon-btn:active{transform:translateY(0) scale(.94)}.newpill{transition:color var(--dur-fast) var(--ease),transform var(--dur) var(--ease-spring),opacity var(--dur) var(--ease)}.settings{max-width:640px;margin:8px auto 0}.settings-head h1{font-size:24px;font-weight:700;margin:0 0 6px;color:var(--text)}.settings-sub{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 22px}.pwa-hint{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:0 0 18px;border-radius:10px;background:#eab3081a;border:1px solid rgba(234,179,8,.35)}html.light .pwa-hint{background:#ca8a0414;border-color:#ca8a0459}.pwa-hint[hidden]{display:none}.pwa-hint-icon{font-size:22px;line-height:1;flex:none}.pwa-hint-body{flex:1;min-width:0}.pwa-hint-title{font-weight:600;font-size:14px;margin:0 0 4px;color:var(--text)}.pwa-hint-step{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.kbd{display:inline-block;padding:1px 6px;margin:0 2px;border-radius:4px;background:var(--chip);color:var(--chip-text);border:1px solid var(--border);font-size:12.5px}.notify-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:0 0 18px;border-radius:12px;background:var(--chip);border:1px solid var(--border)}.notify-status-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ns-title{font-weight:600;font-size:14.5px;color:var(--text)}.ns-sub{font-size:12.5px;color:var(--muted);line-height:1.4}.ns-btn{flex:none;padding:8px 14px;border-radius:999px;cursor:pointer;background:var(--accent);color:#1a1a1a;border:1px solid var(--accent);font-size:13px;font-weight:600;white-space:nowrap;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.ns-btn:hover{transform:translateY(-1px)}.ns-btn:active{transform:scale(.97)}.ns-btn.disabled,.ns-btn:disabled{background:var(--chip);color:var(--muted);border-color:var(--border);cursor:not-allowed;transform:none}.pref-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.pref-row{background:var(--chip);border:1px solid var(--border);border-radius:10px;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.pref-row:hover{border-color:var(--accent)}.pref-label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;cursor:pointer}.pref-cb{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:2px 0 0;border:2px solid var(--muted);border-radius:5px;background:transparent;cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pref-cb:checked{background:var(--accent);border-color:var(--accent)}.pref-cb:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #1a1a1a;border-width:0 2px 2px 0;transform:rotate(45deg)}.pref-text{display:flex;flex-direction:column;gap:3px;min-width:0}.pref-name{font-weight:600;font-size:14.5px;color:var(--text)}.pref-desc{font-size:12.5px;color:var(--muted);line-height:1.45}.apply-btn{display:block;width:100%;padding:14px 16px;margin:4px 0 0;background:var(--accent);color:#1a1a1a;border:1px solid var(--accent);border-radius:12px;font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.apply-btn:hover{transform:translateY(-1px);opacity:.92}.apply-btn:active{transform:scale(.99)}.settings-foot{color:var(--faint);font-size:12.5px;text-align:center;margin:24px 0 0;line-height:1.6}@media (max-width: 600px){.settings-head h1{font-size:21px}.notify-status{flex-direction:column;align-items:stretch}.ns-btn{width:100%;padding:10px 14px}}