:root{--bg: #09090b;--surface: #18181b;--surface-hover: #27272a;--surface-active: #3f3f46;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-bright: #fafafa;--accent: #3b82f6;--accent-hover: #2563eb;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--purple: #a855f7;--cyan: #06b6d4;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--header-h: 56px;--tagbar-h: 48px;--transition: .15s ease;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--mono: "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{display:flex;align-items:center;gap:16px;padding:0 20px;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-family:var(--sans);font-size:18px;font-weight:700;color:var(--text-bright);letter-spacing:-.3px;white-space:nowrap;-webkit-user-select:none;user-select:none}.logo .accent{color:var(--accent)}.search-box{flex:1;max-width:360px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-box input{width:100%;padding:8px 44px 8px 34px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:var(--sans);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:11px;color:var(--text-muted);background:var(--surface);padding:2px 6px;border-radius:4px;border:1px solid var(--border);pointer-events:none}.time-range{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.time-range button{padding:4px 12px;font-size:12px;font-family:var(--sans);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);white-space:nowrap}.time-range button:hover{color:var(--text);background:var(--surface-hover)}.time-range button.active{color:var(--text-bright);background:var(--surface-hover);box-shadow:0 1px 2px #0000004d}.status-bar{display:flex;gap:8px;align-items:center;margin-left:auto;white-space:nowrap}.indicator{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:default}.indicator-label{font-family:var(--mono);font-weight:500}.dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.dot.ok{background:var(--green);box-shadow:0 0 6px #22c55e66}.dot.err{background:var(--red)}.dot.loading{background:var(--orange);animation:pulse 1.5s ease infinite}@keyframes pulse{50%{opacity:.3}}.meta{font-family:var(--mono);font-size:11px;color:var(--text-muted);display:flex;gap:10px;align-items:center;white-space:nowrap}.refresh-btn,.settings-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:14px;transition:all var(--transition)}.refresh-btn:hover,.settings-btn:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover)}.tagbar{display:flex;align-items:center;gap:8px;padding:8px 20px;height:var(--tagbar-h);background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--header-h);z-index:90}.tagbar::-webkit-scrollbar{display:none}.tag-pill{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.tag-pill:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text)}.tag-pill.active{color:#fff;border-color:transparent}.tag-pill .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-pill .tag-count{font-size:10px;font-family:var(--mono);opacity:.7}.dashboard-wrap{padding:16px 20px 40px}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;height:420px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.panel-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.2px}.panel-count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:100px}.panel-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:4px}.panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.item{padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition)}.item:hover{background:var(--surface-hover)}.item:last-child{border-bottom:none}.item-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;display:block;transition:color var(--transition)}.item-title:hover{color:var(--text-bright);text-decoration:none}.item-desc{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{display:flex;gap:10px;margin-top:6px;font-size:11px;font-family:var(--mono);color:var(--text-muted);flex-wrap:wrap;align-items:center}.c-score{color:var(--orange);font-weight:600}.c-stars{color:var(--orange)}.c-comments{color:var(--accent)}.c-lang{color:var(--purple)}.c-sub{color:#ff4500}.c-react{color:var(--green)}.discuss-link{color:#f60!important;font-weight:500}.tag{display:inline-block;padding:1px 6px;font-size:10px;border-radius:4px;background:#3b82f61a;color:var(--accent);border:1px solid rgba(59,130,246,.15)}.show-more{display:block;width:100%;padding:10px 16px;font-size:12px;font-weight:500;font-family:var(--sans);color:var(--accent);background:transparent;border:none;border-top:1px solid var(--border);cursor:pointer;transition:all var(--transition);text-align:center}.show-more:hover{background:var(--surface-hover);color:var(--text-bright)}.podcast-hero{margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.podcast-hero-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.podcast-scroll{display:flex;gap:12px;padding:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent}.podcast-scroll::-webkit-scrollbar{height:4px}.podcast-scroll::-webkit-scrollbar-track{background:transparent}.podcast-scroll::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:4px}.podcast-card{flex:0 0 320px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);overflow:hidden}.podcast-card:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.podcast-card-inner{display:flex;gap:14px;padding:16px;align-items:flex-start}.podcast-play{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--purple);border-radius:50%;color:#fff;transition:transform var(--transition)}.podcast-card:hover .podcast-play{transform:scale(1.1)}.podcast-info{flex:1;min-width:0}.podcast-show{font-size:11px;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.podcast-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-meta{display:flex;gap:10px;margin-top:8px;font-size:11px;font-family:var(--mono);color:var(--text-muted)}.search-overlay{background:var(--bg);min-height:calc(100vh - var(--header-h));padding:16px 20px}.search-header{font-size:13px;color:var(--text-secondary);padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:4px}.search-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.search-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:100px;color:#fff;font-weight:600;font-family:var(--mono);flex-shrink:0}.settings-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}}.settings-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 48px #0006;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-title{font-size:16px;font-weight:600;color:var(--text-bright)}.settings-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition)}.settings-close:hover{color:var(--text);background:var(--surface-hover)}.settings-section{padding:16px 20px;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.settings-row{display:flex;align-items:center;gap:10px;padding:8px 0}.settings-row input[type=text]{flex:1;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:13px;font-family:var(--sans);outline:none;transition:border-color var(--transition)}.settings-row input[type=text]:focus{border-color:var(--accent)}.settings-btn-sm{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition)}.settings-btn-sm:hover{background:var(--surface-active)}.settings-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg);border:1px solid var(--border);border-radius:100px;margin:3px;font-size:12px}.settings-tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0;line-height:1}.settings-tag button:hover{color:var(--red)}.settings-feed{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);margin-bottom:6px;font-size:13px}.settings-feed .feed-name{color:var(--text);font-weight:500}.settings-feed .feed-url{color:var(--text-muted);font-size:11px;font-family:var(--mono)}.empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);font-size:13px}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-h));gap:16px;color:var(--text-muted);font-size:14px}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border);background:var(--surface);padding:20px;margin-top:8px}.footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.footer-brand{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.footer-sep{color:var(--text-muted)}.footer-tagline{font-weight:400;font-size:12px;color:var(--text-muted)}.footer-links{display:flex;gap:8px;align-items:center}.footer-links a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg);transition:all var(--transition);text-decoration:none;white-space:nowrap}.footer-links a:hover{color:var(--text-bright);border-color:var(--border-hover);background:var(--surface-hover);text-decoration:none}.footer-download{color:var(--accent)!important;border-color:#3b82f640!important}.footer-download:hover{background:#3b82f61a!important;border-color:var(--accent)!important}.footer-license{font-size:11px;font-family:var(--mono);color:var(--text-muted)}@media(max-width:1200px){.dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.dashboard{grid-template-columns:1fr}.status-bar{display:none}.header{flex-wrap:wrap;height:auto;padding:12px 16px}.time-range{display:none}.dashboard-wrap{padding:12px}.podcast-card{flex:0 0 260px}.footer-inner{flex-direction:column;gap:12px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:500px){.podcast-card{flex:0 0 220px}}