.feed-page :where(*){box-sizing:border-box}.feed-page{--bg-card:#fffdf8eb;--bg-card-hover:#fff;--bg-sidebar:#faf5eed9;--bg-header:#f6f0e8eb;--border:#ffffff8c;--border-med:#0000001a;--border-strong:#0000002e;--glass-edge:#ffffffd9;--glass-inner:#ffffff4d;--accent-text:#c40;--shadow-sm:0 1px 3px #50320a14, 0 1px 2px #50320a0a;--shadow-md:0 8px 28px #50320a1a, 0 2px 6px #50320a0d;--shadow-lg:0 20px 60px #50320a2e, 0 4px 12px #50320a14;--blur-fp:blur(28px) saturate(180%);--blur-strong:blur(40px) saturate(200%);z-index:1;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}[data-theme=dark] .feed-page{--bg-card:#32281ceb;--bg-card-hover:#403424;--bg-sidebar:#14100aeb;--bg-header:#14100aeb;--border:#ffc8641f;--border-med:#ffc8642e;--border-strong:#ffc86447;--glass-edge:#ffdca047;--glass-inner:#ffdca00f;--accent-text:#f94;--shadow-sm:0 1px 4px #0006, 0 1px 2px #00000040;--shadow-md:0 8px 28px #0000008c, 0 2px 6px #0000004d;--shadow-lg:0 20px 60px #000000b3, 0 4px 12px #0006;--blur-strong:blur(42px) saturate(200%)}.feed-page .bg-layers{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.feed-page .bg-layers:before{content:"";filter:blur(30px);background:radial-gradient(55% 45% at 18% 22%,#f603 0%,#0000 55%),radial-gradient(45% 50% at 82% 18%,#7c3aed29 0%,#0000 55%),radial-gradient(50% 45% at 70% 80%,#22c55e24 0%,#0000 55%),radial-gradient(40% 50% at 8% 75%,#38bdf829 0%,#0000 55%),radial-gradient(60% 30% at 50% 100%,#f472b61a 0%,#0000 55%);animation:32s ease-in-out infinite alternate meshDrift;position:absolute;inset:-20%}@keyframes meshDrift{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(2%,-1.5%)rotate(.6deg)scale(1.04)}to{transform:translate(-1.5%,2%)rotate(-.8deg)scale(.97)}}.feed-page .bg-code-feed{color:#281e0f0f;white-space:pre;letter-spacing:-.3px;-webkit-user-select:none;user-select:none;padding:18px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 0%,#0000 75%)}[data-theme=dark] .feed-page .bg-code-feed{color:#ffb4640f}.feed-page .bg-layers:after{content:"";background:linear-gradient(90deg,#50320a0b 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#50320a0b 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#50320a0f 1px,#0000 1px) 0 0/120px 120px,linear-gradient(#50320a0f 1px,#0000 1px) 0 0/120px 120px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E") 0 0/220px 220px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 80%,#000 30%,#0000 90%);mask-image:radial-gradient(100% 80%,#000 30%,#0000 90%)}[data-theme=dark] .feed-page .bg-layers:after{background:linear-gradient(90deg,#ffc8780d 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffc8780d 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffc87814 1px,#0000 1px) 0 0/120px 120px,linear-gradient(#ffc87814 1px,#0000 1px) 0 0/120px 120px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.10'/%3E%3C/svg%3E") 0 0/220px 220px}.feed-page .bg-prompt{color:#50320a38;letter-spacing:.5px;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:18px;left:24px}[data-theme=dark] .feed-page .bg-prompt{color:#ffb4644d}.feed-page .bg-prompt-blink{vertical-align:-1px;background:currentColor;width:7px;height:12px;margin-left:3px;animation:1.05s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.feed-page-root{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.feed-page .hdr{background:var(--bg-header);border-bottom:1px solid var(--border);height:56px;-webkit-backdrop-filter:var(--blur-strong);z-index:50;box-shadow:var(--shadow-sm), inset 0 1px 0 var(--glass-edge);flex-shrink:0;align-items:center;gap:14px;padding:0 20px;display:flex;position:relative}.feed-page .hdr:after{content:"";background:linear-gradient(90deg, var(--accent) 0%, #ff66004d 40%, transparent 100%);opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0}.feed-page .logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.feed-page .logo-box{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Syne,sans-serif;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #ff660059}.feed-page .logo-rotator{height:20px;display:inline-block;position:relative;overflow:hidden}.feed-page .logo-rot-spacer{letter-spacing:.16em;text-transform:uppercase;visibility:hidden;white-space:nowrap;font-family:Syne,sans-serif;font-size:10px;font-weight:600;line-height:20px;display:block}.feed-page .logo-rot-item{letter-spacing:-.3px;width:100%;height:20px;color:var(--text-1);white-space:nowrap;will-change:transform, opacity;align-items:center;font-family:Syne,sans-serif;font-weight:700;display:flex;position:absolute;top:0;left:0}.feed-page .logo-rot-item.r1{font-size:15px;animation:7s ease-in-out infinite logoFlipA}.feed-page .logo-rot-item.r2{letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);font-size:10px;font-weight:600;animation:7s ease-in-out infinite logoFlipB}@keyframes logoFlipA{0%,42%{opacity:1;transform:translateY(0)}50%,92%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFlipB{0%,42%{opacity:0;transform:translateY(22px)}50%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}.feed-page .search-wrap{flex:1;max-width:360px;position:relative}.feed-page .search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;height:33px;color:var(--text-1);-webkit-backdrop-filter:var(--blur-fp);box-shadow:var(--shadow-sm);border-radius:10px;outline:none;padding:0 34px;font-family:Inter,sans-serif;font-size:13px;transition:all .18s}.feed-page .search-input::placeholder{color:var(--text-4)}.feed-page .search-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #ff66001a, var(--shadow-sm);background:var(--bg-card-hover)}.feed-page .search-ico{color:var(--text-3);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.feed-page .search-kbd{color:var(--text-4);cursor:pointer;pointer-events:all;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.feed-page .hnav{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:4px;padding:3px;display:flex}.feed-page .hnav-btn{height:27px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .14s;display:flex}.feed-page .hnav-btn:hover{color:var(--text-1);background:var(--bg-alt);border-color:var(--border)}.feed-page .hnav-btn.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border);font-weight:600}.feed-page .hdr-right{align-items:center;gap:8px;margin-left:auto;display:flex}.feed-page .submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 13px;font-family:Syne,sans-serif;font-size:12.5px;font-weight:700;transition:all .14s;display:flex;box-shadow:0 2px 8px #ff66004d}.feed-page .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ff660061}.feed-page .icon-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;transition:all .14s;display:flex;position:relative}.feed-page .icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-med);color:var(--text-1)}.feed-page .icon-btn.notif:after{content:"";background:var(--accent);border:1.5px solid var(--bg);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 5px #f609}.feed-page .theme-toggle{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;box-shadow:var(--shadow-sm);color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .14s;display:flex}.feed-page .theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-med)}.feed-page .user-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;height:30px;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:7px;padding:0 10px 0 6px;transition:all .14s;display:flex}.feed-page .user-chip:hover{background:var(--bg-card-hover);border-color:var(--border-med)}.feed-page .user-avatar{background:var(--accent);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-family:Syne,sans-serif;font-size:8px;font-weight:700;display:flex}.feed-page .user-name{color:var(--text-2);font-size:11.5px;font-weight:500}.feed-page .login-btn{background:var(--bg-card);border:1px solid var(--border-med);height:30px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;padding:0 13px;font-size:12.5px;font-weight:500;transition:all .14s}.feed-page .login-btn:hover{background:var(--bg-card-hover);color:var(--text-1);border-color:var(--border-strong)}.feed-page .app-body{flex:1;display:flex;overflow:hidden}.feed-page .sidebar{border-right:1px solid var(--border);background:var(--bg-sidebar);width:200px;-webkit-backdrop-filter:var(--blur-strong);box-shadow:inset 1px 0 0 var(--glass-edge);flex-direction:column;flex-shrink:0;gap:2px;padding:16px 8px;display:flex;overflow-y:auto}.feed-page .sb-section{letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);margin:12px 0 5px;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.feed-page .sb-section:first-child{margin-top:0}.feed-page .sb-btn{height:34px;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;width:100%;padding:0 9px;font-size:13px;font-weight:400;text-decoration:none;transition:all .13s;display:flex}.feed-page .sb-btn:hover{color:var(--text-1);background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-sm)}.feed-page .sb-btn.active{color:var(--accent-text);background:var(--accent-bg);border-color:var(--accent-border);font-weight:500}.feed-page .sb-icon{opacity:.5;flex-shrink:0}.feed-page .sb-btn.active .sb-icon{opacity:1}.feed-page .sb-divider{background:var(--border);height:1px;margin:8px 6px}.feed-page .filter-row{cursor:pointer;color:var(--text-2);border-radius:7px;align-items:center;gap:8px;padding:5px 9px;font-size:12.5px;transition:all .12s;display:flex}.feed-page .filter-row:hover{color:var(--text-1)}.feed-page .filter-row.active{color:var(--accent-text)}.feed-page .filter-pip{background:var(--border-med);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:all .15s}.feed-page .filter-row.active .filter-pip{background:var(--accent);box-shadow:0 0 6px #ff660080}.feed-page .feed-wrap{flex:1;min-width:0;padding:18px 16px 80px;overflow-y:auto}.feed-page .more-btn{background:var(--bg-card);border:1px solid var(--border);height:32px;color:var(--text-2);cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff80;border-radius:8px;align-items:center;gap:6px;margin:18px 0 8px;padding:0 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .14s;display:inline-flex}[data-theme=dark] .feed-page .more-btn{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffdca01f}.feed-page .more-btn:hover{background:var(--bg-card-hover);border-color:var(--border-med);color:var(--text-1);transform:translateY(-1px)}.feed-page .more-btn:disabled{opacity:.6;cursor:wait;transform:none}.feed-page .more-btn:after{content:"→";transition:transform .13s;display:inline-block}.feed-page .more-btn:hover:after{transform:translate(3px)}.feed-page .empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:14px;padding:48px 24px}.feed-page .empty-title{color:var(--text-1);letter-spacing:-.2px;margin-bottom:6px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.feed-page .empty-sub{color:var(--text-3);max-width:340px;margin:0 auto;font-size:12px;line-height:1.5}.feed-page .feed-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 4px;display:flex;position:relative}.feed-page .feed-header:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:60px;height:2px;position:absolute;bottom:0;left:4px}.feed-page .section-hdr-title{letter-spacing:-.5px;color:var(--text-1);align-items:baseline;gap:12px;font-family:Syne,sans-serif;font-size:22px;font-weight:800;line-height:1.2;display:flex}.feed-page .section-hdr-live{background:#22c55e1a;border:1px solid #22c55e47;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.feed-page .section-hdr-live-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #22c55e88}@media (prefers-reduced-motion:no-preference){.feed-page .section-hdr-live-dot{animation:2s ease-in-out infinite hnpp-live-pulse}}@keyframes hnpp-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.feed-page .section-hdr-live-label{color:#15803d;letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600}[data-theme=dark] .feed-page .section-hdr-live-label{color:#4ade80}.feed-page .section-hdr-counts{gap:6px;display:flex}.feed-page .section-hdr-count{background:var(--bg-card);border:1px solid var(--border);height:26px;color:var(--text-2);border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:inline-flex}.feed-page .section-hdr-count .count-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.feed-page .past-nav{background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:10px;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px 14px;display:flex}.feed-page .past-nav-label{color:var(--text-2);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.feed-page .past-nav-note{color:var(--text-3);letter-spacing:.02em;border:1px dashed var(--border-med);cursor:help;border-radius:99px;padding:2px 7px;font-size:10px}.feed-page .past-nav-links{flex-wrap:wrap;gap:8px;display:flex}.feed-page .past-nav-links button{color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;background:0 0;border-radius:6px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11px;transition:background .12s}.feed-page .past-nav-links button:hover{background:var(--accent);color:#fff}.feed-page .feed-title{color:var(--text-1);letter-spacing:-.3px;padding-bottom:2px;font-family:Syne,sans-serif;font-size:17px;font-weight:700;line-height:1.4}.feed-page .story-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:var(--blur-fp);box-shadow:var(--shadow-sm), inset 0 1px 0 var(--glass-edge), inset 0 0 0 1px var(--glass-inner);border-radius:14px;grid-template-columns:84px 26px 1fr auto;align-items:center;gap:0 13px;margin-bottom:6px;padding:11px 14px 11px 11px;transition:all .18s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative;overflow:hidden}.feed-page .story-card:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff59 0%,#0000 40% 70%,#ffffff1a 100%);border-radius:14px;position:absolute;inset:0}[data-theme=dark] .feed-page .story-card:before{opacity:1;background:linear-gradient(135deg,#ffdca01a 0%,#0000 40% 60%,#ffb4640a 100%)}.feed-page .story-card:hover{background:var(--bg-card-hover);border-color:var(--border-med);box-shadow:var(--shadow-md), inset 0 1px 0 var(--glass-edge);transform:translateY(-1px)}.feed-page .story-thumb{background-position:top;background-size:cover;background-color:var(--bg-alt);border:1px solid var(--border);border-radius:9px;flex-shrink:0;width:84px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -20px 30px #00000040}.feed-page .story-thumb:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ff8c3c2e,#0000 50%);position:absolute;inset:0}.feed-page .story-thumb-play{background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .14s;display:flex;position:absolute;inset:0}.feed-page .story-thumb:hover .story-thumb-play{background:#00000059}.feed-page .story-thumb-fav{background:var(--bg);border:1px solid var(--glass-edge);z-index:2;border-radius:4px;width:16px;height:16px;position:absolute;bottom:5px;left:5px;box-shadow:0 1px 4px #00000040}.feed-page .play-icon-sm{opacity:0;background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .14s;display:flex}.feed-page .story-thumb:hover .play-icon-sm{opacity:1}.feed-page .vote-col{flex-direction:column;align-items:center;gap:2px;display:flex}.feed-page .vote-up{width:24px;height:24px;color:var(--accent);cursor:pointer;opacity:.85;background:#ff66000a;border:1px solid #ff66002e;border-radius:7px;justify-content:center;align-items:center;font-size:11px;transition:all .14s;display:flex}.feed-page .vote-up:hover{background:var(--accent-bg);border-color:var(--accent-border);opacity:1;transform:translateY(-1px);box-shadow:0 2px 6px #ff66002e}.feed-page .vote-up.active{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1;box-shadow:0 2px 8px #ff660073,0 0 0 3px #ff66001f}.feed-page .vote-up.active+.vote-score{color:var(--accent-text)}.feed-page .vote-score{color:var(--text-1);font-family:Syne,sans-serif;font-size:11px;font-weight:700;line-height:1}.feed-page .story-body{min-width:0}.feed-page .story-title{letter-spacing:-.25px;color:var(--text-1);text-wrap:pretty;margin-bottom:5px;font-family:Syne,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.feed-page .story-domain{color:var(--accent-text);opacity:.75;margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:10px}.feed-page .story-meta-row{flex-wrap:wrap;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.feed-page .story-meta-row .meta-domain{color:var(--accent-text);font-weight:500}.feed-page .story-meta-row .meta-item{color:var(--text-3);align-items:center;gap:3px;display:inline-flex}.feed-page .story-meta-row .meta-dot{background:var(--text-4);border-radius:50%;flex-shrink:0;width:3px;height:3px}.feed-page .story-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.feed-page .cmts-btn{background:var(--bg-alt);border:1px solid var(--border);height:24px;color:var(--text-3);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 9px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .13s;display:flex}.feed-page .cmts-btn:hover{background:var(--bg-card-hover);border-color:var(--border-med);color:var(--text-2)}.feed-page .audio-btn{border:1px solid var(--accent-border);height:26px;color:var(--accent-text);cursor:pointer;white-space:nowrap;background:linear-gradient(#ff66002e,#ff660014);border-radius:999px;align-items:center;gap:7px;padding:0 11px 0 8px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;transition:all .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff80,0 2px 8px #ff66002e}.feed-page .audio-btn:hover{background:linear-gradient(#ff660042,#ff66001f)}.feed-page .audio-btn .audio-btn-glyph{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;display:inline-flex}.feed-page .audio-btn.is-playing{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 14px #ff660073}.feed-page .audio-btn .audio-eq{align-items:flex-end;gap:1.5px;height:12px;display:inline-flex}.feed-page .audio-btn .audio-eq span{background:currentColor;border-radius:1px;width:2px}@media (prefers-reduced-motion:no-preference){.feed-page .audio-btn.is-playing .audio-eq span{animation:1s ease-in-out infinite hnpp-eq}.feed-page .audio-btn.is-playing .audio-eq span:first-child{height:60%;animation-delay:0s}.feed-page .audio-btn.is-playing .audio-eq span:nth-child(2){height:100%;animation-delay:.1s}.feed-page .audio-btn.is-playing .audio-eq span:nth-child(3){height:70%;animation-delay:.2s}.feed-page .audio-btn.is-playing .audio-eq span:nth-child(4){height:90%;animation-delay:.3s}.feed-page .audio-btn.is-playing .audio-eq span:nth-child(5){height:55%;animation-delay:.4s}}@keyframes hnpp-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.feed-page .right-panel{border-left:1px solid var(--border);background:var(--bg-sidebar);width:256px;-webkit-backdrop-filter:var(--blur-strong);box-shadow:inset 1px 0 0 var(--glass-edge);flex-direction:column;flex-shrink:0;gap:10px;padding:18px 12px 60px;display:flex;overflow-y:auto}.feed-page .panel-block{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm), inset 0 1px 0 var(--glass-edge), inset 0 0 0 1px var(--glass-inner);-webkit-backdrop-filter:var(--blur-fp);border-radius:14px;padding:13px;position:relative}.feed-page .panel-head{align-items:center;gap:6px;margin-bottom:10px;display:flex}.feed-page .panel-head-text{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.feed-page .p-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px #ff660080}.feed-page .p-dot-green{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite hn-pulse}.feed-page .trend-item{cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:5px;text-decoration:none;transition:background .12s;display:flex}.feed-page .trend-item:hover{background:var(--bg-alt)}.feed-page .trend-num{color:var(--accent);opacity:.65;min-width:13px;font-family:JetBrains Mono,monospace;font-size:9.5px}.feed-page .trend-label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.feed-page .trend-item:hover .trend-label{color:var(--text-1)}.feed-page .stat-row{justify-content:space-between;align-items:center;padding:3.5px 0;display:flex}.feed-page .stat-lbl{color:var(--text-3);font-size:11.5px}.feed-page .stat-val{color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:11px}.feed-page .podcast-promo{background:var(--accent-bg);border:1px solid var(--accent-border);cursor:pointer;border-radius:12px;padding:13px;text-decoration:none;transition:all .15s;display:block}.feed-page .podcast-promo:hover{border-color:#f606;box-shadow:0 4px 16px #ff66001a}.feed-page .pod-wave{align-items:center;gap:2px;margin-bottom:8px;display:flex}.feed-page .pod-bar{background:var(--accent);border-radius:99px;width:3px;animation:1.2s ease-in-out infinite hn-wave}.feed-page .pod-title{color:var(--accent-text);margin-bottom:3px;font-family:Syne,sans-serif;font-size:12.5px;font-weight:700;line-height:1.4}.feed-page .pod-sub{color:var(--text-2);margin-bottom:8px;font-size:11.5px}.feed-page .pod-listen{color:var(--accent);align-items:center;gap:5px;font-size:11.5px;display:flex}.feed-page .api-key-row{gap:6px;display:flex}.feed-page .api-key-input{background:var(--bg-alt);border:1px solid var(--border-med);height:32px;color:var(--text-1);border-radius:8px;outline:none;flex:1;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.feed-page .api-key-input::placeholder{color:var(--text-4);font-family:Inter,sans-serif}.feed-page .api-key-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #ff660014}.feed-page .api-key-save{background:var(--accent-bg);border:1px solid var(--accent-border);height:32px;color:var(--accent-text);cursor:pointer;border-radius:8px;padding:0 11px;font-size:12px;font-weight:600;transition:all .13s}.feed-page .api-key-save:hover{background:#ff660026}.feed-page .detail-wrap{flex:1;padding:22px 22px 100px;overflow-y:auto}.feed-page .back-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:5px;margin-bottom:20px;padding:5px 11px;font-size:12px;text-decoration:none;transition:all .13s;display:inline-flex}.feed-page .back-pill:hover{color:var(--text-1);background:var(--bg-card-hover);border-color:var(--border-med)}.feed-page .detail-hero{border:1px solid var(--border);width:100%;height:240px;box-shadow:var(--shadow-md);background-position:50%;background-size:cover;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.feed-page .detail-hero-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000000a6 100%);position:absolute;inset:0}.feed-page .detail-hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#f60c;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;left:14px}.feed-page .detail-title-text{letter-spacing:-.4px;color:var(--text-1);text-wrap:pretty;margin-bottom:11px;padding-bottom:3px;font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:1.4}.feed-page .detail-meta-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.feed-page .detail-meta-item{color:var(--text-1);align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.feed-page .detail-actions{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.feed-page .visit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 16px;font-family:Syne,sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .13s;display:inline-flex;box-shadow:0 2px 8px #ff66004d}.feed-page .visit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ff660061}.feed-page .listen-btn{border:1.5px solid var(--accent);height:34px;color:var(--accent-text);cursor:pointer;background:linear-gradient(#ff66002e,#ff660014);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .13s;display:inline-flex;box-shadow:inset 0 1px #ffffff80,0 2px 8px #ff660038}.feed-page .listen-btn:hover{border-color:var(--accent);background:linear-gradient(#ff660042,#ff66001f);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 4px 14px #ff660057}.feed-page .listen-btn.active{border-color:var(--accent);background:linear-gradient(#ff66004d,#ff660029)}.feed-page .listen-btn:disabled{cursor:default;opacity:.85}.feed-page .comments-divider{background:var(--border);height:1px;margin:22px 0 18px;position:relative}.feed-page .comments-divider:before{content:"";background:var(--accent);opacity:.5;border-radius:99px;width:60px;height:2px;position:absolute;top:0;left:0}.feed-page .comments-hdr{align-items:center;gap:9px;margin-bottom:14px;display:flex}.feed-page .comments-hdr-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--text-1);font-family:Syne,sans-serif;font-size:12px;font-weight:700;line-height:1.4}.feed-page .comments-badge{color:var(--accent-text);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:99px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:10.5px}.feed-page .comment-block{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:4px;padding:10px 12px 10px 14px;transition:border-color .13s;position:relative}.feed-page .comment-block:hover{border-color:var(--border-med)}.feed-page .comment-block.d-nested{background:var(--bg-alt)}.feed-page .comment-block[data-depth="1"]:before,.feed-page .comment-block[data-depth="2"]:before,.feed-page .comment-block[data-depth="3"]:before,.feed-page .comment-block[data-depth="4"]:before{content:"";opacity:.7;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.feed-page .comment-block[data-depth="1"]:before{background:var(--accent)}.feed-page .comment-block[data-depth="2"]:before{background:#7c3aed}.feed-page .comment-block[data-depth="3"]:before{background:#0891b2}.feed-page .comment-block[data-depth="4"]:before{background:#16a34a}.feed-page .comment-block .comment-avatar{background:var(--accent);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-family:Syne,sans-serif;font-size:9px;font-weight:800;display:inline-flex}.feed-page .comment-block[data-depth="2"] .comment-avatar{background:#7c3aed}.feed-page .comment-block[data-depth="3"] .comment-avatar{background:#0891b2}.feed-page .comment-block[data-depth="4"] .comment-avatar{background:#16a34a}.feed-page .comment-block .comment-op{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-text);letter-spacing:.05em;border-radius:99px;align-items:center;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;display:inline-flex}.feed-page .comment-hdr{align-items:center;gap:7px;margin-bottom:6px;display:flex}.feed-page .comment-author{color:var(--accent-text);font-family:Syne,sans-serif;font-size:12px;font-weight:600;line-height:1.4}.feed-page .comment-time{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:10px}.feed-page .collapse-tog{color:var(--text-4);background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;border-radius:4px;margin-left:auto;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .12s}.feed-page .collapse-tog:hover{color:var(--text-2);border-color:var(--border-med)}.feed-page .comment-text{color:var(--text-2);font-size:13px;line-height:1.62}.feed-page .comment-text p{margin-bottom:6px}.feed-page .comment-text p:last-child{margin-bottom:0}.feed-page .comment-text a{color:var(--accent)}.feed-page .comment-text pre,.feed-page .comment-text code{background:var(--bg-alt);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.feed-page .comment-acts{gap:12px;margin-top:7px;display:flex}.feed-page .comment-act{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:10.5px;transition:color .12s;display:inline-flex}.feed-page .comment-act:hover{color:var(--accent)}.feed-page .audio-player-bar{z-index:200;background:var(--bg-header);border-top:1px solid var(--border-med);height:62px;-webkit-backdrop-filter:var(--blur-strong);box-shadow:0 -8px 32px #0000001a, inset 0 1px 0 var(--glass-edge);align-items:center;gap:16px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.feed-page .audio-player-bar:before{content:"";background:linear-gradient(90deg, var(--accent), #f603, transparent);height:2px;position:absolute;top:0;left:0;right:0}.feed-page .ap-thumb{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:7px;flex-shrink:0;width:38px;height:38px}.feed-page .ap-info{flex:1;min-width:0}.feed-page .ap-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-family:Syne,sans-serif;font-size:12px;font-weight:600;line-height:1.5;overflow:hidden}.feed-page .ap-sub{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:9.5px}.feed-page .ap-controls{align-items:center;gap:9px;display:flex}.feed-page .ap-play-btn{background:var(--accent);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .13s;display:flex;box-shadow:0 2px 8px #ff66004d}.feed-page .ap-play-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px #f606}.feed-page .ap-skip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;transition:all .13s;display:flex}.feed-page .ap-skip:hover{background:var(--bg-card-hover);color:var(--text-1)}.feed-page .ap-progress-wrap{flex:1;align-items:center;max-width:280px;display:flex}.feed-page .ap-progress-track{cursor:grab;touch-action:none;background:0 0;border-radius:99px;width:100%;height:14px;position:relative;overflow:visible}.feed-page .ap-progress-track:before{content:"";background:var(--border-med);border-radius:99px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.feed-page .ap-progress-track.is-dragging{cursor:grabbing}.feed-page .ap-progress-fill{background:var(--accent);border-radius:99px;height:4px;transition:width .5s linear;position:absolute;top:50%;left:0;transform:translateY(-50%)}.feed-page .ap-progress-track.is-dragging .ap-progress-fill{transition:none}.feed-page .ap-progress-thumb{background:var(--accent);border:2px solid var(--bg-header);pointer-events:none;border-radius:50%;width:12px;height:12px;transition:left .5s linear,transform .13s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.feed-page .ap-progress-track:hover .ap-progress-thumb,.feed-page .ap-progress-track.is-dragging .ap-progress-thumb{transform:translate(-50%,-50%)scale(1.3)}.feed-page .ap-progress-track.is-dragging .ap-progress-thumb{transition:transform .13s}.feed-page .ap-time{color:var(--text-3);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9.5px}.feed-page .ap-close{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:all .13s;display:flex}.feed-page .ap-close:hover{background:var(--bg-card-hover);color:var(--text-1)}@keyframes sk{0%,to{opacity:.4}50%{opacity:.7}}.feed-page .sk{background:var(--border-med);border-radius:6px;animation:1.6s ease-in-out infinite sk}.feed-page .comment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin-bottom:6px;padding:13px 16px;transition:border-color .13s;display:flex}.feed-page .comment-card:hover{border-color:var(--border-med)}.feed-page .cc-meta{align-items:center;gap:6px;display:flex}.feed-page .cc-author{color:var(--accent);font-family:Syne,sans-serif;font-size:12px;font-weight:700}.feed-page .cc-sep{color:var(--text-4);font-size:11px}.feed-page .cc-time{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:10.5px}.feed-page .cc-text{color:var(--text-1);font-size:13.5px;line-height:1.55}.feed-page .cc-story{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:10.5px;text-decoration:none;transition:color .12s}.feed-page .cc-story:hover{color:var(--accent)}