:root{--font-head: "Space Grotesk", system-ui, sans-serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}.approot[data-theme=dark]{--bg: #0a0b0d;--surface: #121317;--surface-2: #181a20;--elev: #1d1f26;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .12);--text: #eef0f3;--text-2: #9da1aa;--text-3: #6a6e78}.approot[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f0f1f4;--elev: #ffffff;--border: rgba(0, 0, 0, .08);--border-2: rgba(0, 0, 0, .13);--text: #16181d;--text-2: #5a5e68;--text-3: #888d97}.approot,.approot[data-accent=orange]{--accent: #f97316;--accent-soft: rgba(249, 115, 22, .13)}.approot[data-accent=blue]{--accent: #4d7cfe;--accent-soft: rgba(77, 124, 254, .13)}.approot[data-accent=violet]{--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .13)}.approot[data-accent=green]{--accent: #15b87f;--accent-soft: rgba(21, 184, 127, .13)}*{box-sizing:border-box}body{margin:0}.approot{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.shell{max-width:1080px;margin:0 auto;padding:0 28px}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border)}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar-inner{display:flex;align-items:center;gap:26px;height:60px}.brand{font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:-.01em;white-space:nowrap}.brand .dot{color:var(--accent)}.brand .tld{color:var(--text-3)}.nav{display:flex;gap:20px;font-size:14px}.nav a{color:var(--text-3);font-weight:500;display:inline-flex;align-items:center;gap:7px}.nav a.active{color:var(--text)}.nav .count{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:7px}.topbar-spacer{flex:1}.search{position:relative;width:240px;max-width:36vw}.search input{width:100%;height:38px;padding:0 12px 0 34px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-sans);font-size:13.5px;outline:none}.search input:focus{border-color:var(--border-2)}.search input::placeholder{color:var(--text-3)}.search .ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;display:flex}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-2)}.icon-btn:hover{color:var(--text);border-color:var(--border-2)}.content{padding:22px 0 64px}.controls{display:flex;align-items:center;gap:12px;margin-bottom:14px}.controls-spacer{flex:1}.segment{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:3px}.segment button{border:none;background:none;color:var(--text-2);font-size:13px;font-weight:500;padding:6px 13px;border-radius:8px;white-space:nowrap}.segment button:hover{color:var(--text)}.segment button.active{background:var(--accent);color:#fff}.viewswitch{display:inline-flex;gap:4px}.viewswitch .vlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);align-self:center;margin-right:4px}.viewswitch button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text-2)}.viewswitch button:hover{color:var(--text)}.viewswitch button.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:thin}.chips::-webkit-scrollbar{height:5px}.chips::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.chip{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);color:var(--text-2);padding:6px 12px;border-radius:10px;font-size:13px;white-space:nowrap}.chip:hover{border-color:var(--border-2);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip .cnt{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.chip.active .cnt{color:var(--accent)}.chips.topics .chip{border-radius:9px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;font-family:var(--font-mono);font-weight:500;font-size:11px;line-height:1}.feed{display:flex;flex-direction:column;gap:14px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}.pager-info{font-family:var(--font-mono);font-size:12.5px;color:var(--text-2)}.action:disabled{opacity:.4;cursor:not-allowed}.muted{color:var(--text-2)}.error{color:#f3603a}.empty{padding:40px 0;text-align:center;color:var(--text-3)}.meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.meta .src{color:var(--text-2)}.meta .sep{color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;gap:18px}.card:hover{border-color:var(--border-2)}.card-main{flex:1;min-width:0}.card h3{margin:12px 0 0;font-family:var(--font-head);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.01em;cursor:pointer}.card h3:hover{color:var(--accent)}.card .summary{margin:8px 0 0;color:var(--text-2);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag{font-family:var(--font-mono);font-size:11px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:3px 9px;border-radius:8px}.tag.topic{color:var(--accent);background:var(--accent-soft);border-color:transparent}.card-foot{display:flex;align-items:center;gap:16px;margin-top:14px}.stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-2)}.foot-spacer{flex:1}.action{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-2);padding:6px 11px;border-radius:9px;font-family:var(--font-mono);font-size:12px}.action:hover{border-color:var(--border-2);color:var(--text)}.action.on{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.preview{flex-shrink:0;width:176px;border-radius:12px;overflow:hidden;position:relative;background:var(--surface-2);border:1px solid var(--border)}.preview img{display:block;width:100%;height:100%;object-fit:cover}.preview.ph{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:30px;font-weight:500;opacity:.5}.row{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 18px}.row:hover{border-color:var(--border-2)}.row .rank{font-family:var(--font-mono);font-size:13px;color:var(--text-3);min-width:26px;padding-top:2px}.row-main{flex:1;min-width:0}.row h3{margin:0;font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.35;cursor:pointer}.row h3:hover{color:var(--accent)}.row .dek{margin:4px 0 0;color:var(--text-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .rmeta{margin-top:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.row-actions{display:flex;align-items:center;gap:8px;padding-top:2px}.digest{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.digest h3{margin:12px 0 0;font-family:var(--font-head);font-weight:600;font-size:21px;line-height:1.26;letter-spacing:-.01em;cursor:pointer}.digest h3:hover{color:var(--accent)}.digest .body p{margin:12px 0 0;color:var(--text-2);font-size:15.5px;line-height:1.6}.digest .body p:first-child{color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;overflow-y:auto}.panel{width:100%;max-width:680px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 28px 80px #00000080;padding:30px;position:relative}.panel-head{display:flex;align-items:center;gap:8px}.panel .close{position:absolute;top:22px;right:22px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;color:var(--text-2);font-size:16px}.panel .close:hover{color:var(--text)}.panel-banner{margin-top:18px;width:100%;height:190px;border-radius:12px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.panel-banner img{width:100%;height:100%;object-fit:cover}.panel h1{margin:18px 0 0;font-family:var(--font-head);font-weight:700;font-size:27px;line-height:1.22;letter-spacing:-.015em}.panel .lead{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--text)}.panel .details p{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--text-2)}.panel-foot{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.btn-accent{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:10px;font-family:var(--font-mono);font-size:13px;font-weight:500}.btn-accent:hover{filter:brightness(1.06)}.prose{max-width:680px}.prose h2{font-family:var(--font-head)}.prose a{color:var(--accent)}.footer{border-top:1px solid var(--border);margin-top:24px}.footer-inner{display:flex;align-items:center;gap:16px;padding:20px 0;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.footer-inner a:hover{color:var(--text-2)}.footer .spacer{flex:1}@media (max-width: 640px){.shell{padding:0 16px}.search{display:none}.card{flex-direction:column-reverse}.preview{width:100%;height:160px}.viewswitch .vlabel{display:none}}