:root{--bg: #06060a;--bg-subtle: #0c0c14;--surface: #111119;--surface-hover: #18182a;--border: #1e1e30;--border-glow: #2a2a4a;--text: #e8e8ed;--text-dim: #6b6b80;--text-hover: #fff;--text-summary-hover: #9898a8;--accent: #7c6aef;--accent-bright: #a78bfa;--accent-glow: rgba(124, 106, 239, .15);--cyan: #22d3ee;--source-hn: #ff6600;--source-reddit: #ff4500;--source-rss: #22d3ee;--source-rundown: #f59e0b;--source-tldr: #10b981;--source-producthunt: #da552f;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: system-ui, -apple-system, sans-serif;--max-width: 720px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--grid-color: rgba(124, 106, 239, .03);--ambient-1: rgba(124, 106, 239, .08);--ambient-2: rgba(34, 211, 238, .06);--ambient-3: rgba(124, 106, 239, .04);--surface-top3: rgba(124, 106, 239, .03);--glow-card-bg: rgba(124, 106, 239, .06);--glow-card-shadow-inner: rgba(124, 106, 239, .03);--glow-card-shadow-outer: rgba(124, 106, 239, .04);--glow-accent-bar: rgba(124, 106, 239, .3);--glow-soft-orb: rgba(124, 106, 239, .12);--glow-title-shadow: rgba(124, 106, 239, .15);--glow-border-hover: rgba(124, 106, 239, .1);--badge-bg-alpha: .1;--badge-glow-alpha: .2}[data-theme=light]{--bg: #f5f5f7;--bg-subtle: #ededf0;--surface: #ffffff;--surface-hover: #f0f0f5;--border: #e0e0e8;--border-glow: #d0d0e0;--text: #1a1a2e;--text-dim: #6b6b80;--text-hover: #0a0a14;--text-summary-hover: #505068;--accent: #6c58d8;--accent-bright: #5b45c8;--accent-glow: rgba(108, 88, 216, .08);--cyan: #0891b2;--grid-color: rgba(108, 88, 216, .04);--ambient-1: rgba(108, 88, 216, .04);--ambient-2: rgba(8, 145, 178, .03);--ambient-3: rgba(108, 88, 216, .02);--surface-top3: rgba(108, 88, 216, .04);--glow-card-bg: rgba(108, 88, 216, .04);--glow-card-shadow-inner: rgba(108, 88, 216, .02);--glow-card-shadow-outer: rgba(108, 88, 216, .03);--glow-accent-bar: rgba(108, 88, 216, .2);--glow-soft-orb: rgba(108, 88, 216, .06);--glow-title-shadow: rgba(108, 88, 216, .06);--glow-border-hover: rgba(108, 88, 216, .08);--badge-bg-alpha: .12;--badge-glow-alpha: .15}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);pointer-events:none;z-index:0}body:before{content:"";position:fixed;top:-40%;left:-20%;width:140%;height:80%;background:radial-gradient(ellipse 600px 400px at 20% 30%,var(--ambient-1),transparent),radial-gradient(ellipse 500px 350px at 80% 20%,var(--ambient-2),transparent),radial-gradient(ellipse 400px 300px at 50% 60%,var(--ambient-3),transparent);pointer-events:none;z-index:0;animation:ambient-drift 20s ease-in-out infinite alternate}@keyframes ambient-drift{0%{transform:translate(0)}to{transform:translate(30px,20px)}}a{color:inherit;text-decoration:none}.header{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.header:after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),var(--accent-glow),var(--border-glow),transparent)}.header-logo{font-family:var(--font-display);font-weight:700;font-size:.875rem;letter-spacing:.05em;color:var(--accent-bright);position:relative;transition:color .3s var(--ease-out-expo)}.header-logo:hover{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:1rem}.header-title{font-family:var(--font-display);font-weight:600;font-size:.8rem;color:var(--text-dim);letter-spacing:.03em}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--accent);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:16px;height:16px;position:absolute;transition:opacity .3s ease,transform .4s var(--ease-out-expo)}.icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}.icon-sun,[data-theme=light] .icon-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}.main{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.meta{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);margin-bottom:0}.meta-count{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.meta-update{font-size:.75rem;color:var(--text-dim)}.news-list{list-style:none}.news-card{display:block;padding:1.25rem 0;border-bottom:1px solid var(--border);cursor:pointer;position:relative;transition:background-color .3s ease,padding .3s var(--ease-out-expo),margin .3s var(--ease-out-expo),box-shadow .3s ease;animation:card-enter .4s var(--ease-out-expo) both}.news-card:hover{background:linear-gradient(135deg,var(--surface-hover),var(--glow-card-bg));margin:0 -1.5rem;padding:1.25rem 1.5rem;border-color:var(--glow-border-hover);box-shadow:inset 0 0 30px var(--glow-card-shadow-inner),0 0 20px var(--glow-card-shadow-outer)}.news-card:before{content:"";position:absolute;left:-1.5rem;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent),var(--cyan));border-radius:1px;opacity:0;box-shadow:0 0 8px var(--accent),0 0 20px var(--glow-accent-bar);transition:opacity .3s ease}.news-card:hover:before{opacity:1}.news-card:after{content:"";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);width:60px;height:60px;background:radial-gradient(circle,var(--glow-soft-orb),transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.news-card:hover:after{opacity:1}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.news-list>:nth-child(1){animation-delay:0ms}.news-list>:nth-child(2){animation-delay:30ms}.news-list>:nth-child(3){animation-delay:60ms}.news-list>:nth-child(4){animation-delay:90ms}.news-list>:nth-child(5){animation-delay:.12s}.news-list>:nth-child(6){animation-delay:.15s}.news-list>:nth-child(7){animation-delay:.18s}.news-list>:nth-child(8){animation-delay:.21s}.news-list>:nth-child(9){animation-delay:.24s}.news-list>:nth-child(10){animation-delay:.27s}.news-list>:nth-child(n+11){animation-delay:.3s}.news-card-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:.5rem}.news-card-index{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-dim);min-width:1.5rem;padding-top:.15rem;transition:color .2s ease}.news-card:hover .news-card-index{color:var(--accent-bright)}.news-list>:nth-child(-n+3) .news-card-index{color:var(--accent-bright)}.news-list>:nth-child(-n+3){background:linear-gradient(135deg,var(--surface-top3),transparent)}.news-card-body{flex:1;min-width:0}.news-card-title{font-size:.9375rem;line-height:1.6;color:var(--text);font-weight:500;margin-bottom:.375rem;transition:color .2s ease,text-shadow .3s ease}.news-card:hover .news-card-title{color:var(--text-hover);text-shadow:0 0 20px var(--glow-title-shadow)}.news-card-summary{font-size:.8125rem;line-height:1.5;color:var(--text-dim);margin-bottom:.5rem;transition:color .2s ease}.news-card:hover .news-card-summary{color:var(--text-summary-hover)}.news-card-original{font-size:.75rem;color:var(--text-dim);opacity:.5;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-card-footer{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:var(--text-dim)}.source-badge{font-family:var(--font-display);font-size:.6875rem;font-weight:600;letter-spacing:.03em;padding:.125rem .375rem;border-radius:3px;transition:box-shadow .2s ease}.source-badge[data-icon=hn]{color:var(--source-hn);background:rgba(255,102,0,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=hn]{box-shadow:0 0 8px rgba(255,102,0,var(--badge-glow-alpha))}.source-badge[data-icon=reddit]{color:var(--source-reddit);background:rgba(255,69,0,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=reddit]{box-shadow:0 0 8px rgba(255,69,0,var(--badge-glow-alpha))}.source-badge[data-icon=rss]{color:var(--source-rss);background:rgba(34,211,238,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=rss]{box-shadow:0 0 8px rgba(34,211,238,var(--badge-glow-alpha))}.source-badge[data-icon=rundown]{color:var(--source-rundown);background:rgba(245,158,11,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=rundown]{box-shadow:0 0 8px rgba(245,158,11,var(--badge-glow-alpha))}.source-badge[data-icon=tldr]{color:var(--source-tldr);background:rgba(16,185,129,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=tldr]{box-shadow:0 0 8px rgba(16,185,129,var(--badge-glow-alpha))}.source-badge[data-icon=producthunt]{color:var(--source-producthunt);background:rgba(218,85,47,var(--badge-bg-alpha))}.news-card:hover .source-badge[data-icon=producthunt]{box-shadow:0 0 8px rgba(218,85,47,var(--badge-glow-alpha))}.footer{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.03em;position:relative;z-index:1}.footer:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent)}.footer-dot{margin:0 .5rem;opacity:.3}.archive-nav{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem;display:flex;gap:.5rem;flex-wrap:wrap;position:relative;z-index:1}.archive-link{font-size:.75rem;color:var(--text-dim);padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background .2s ease}.archive-link:hover,.archive-link.active{color:var(--accent-bright);background:var(--accent-glow)}@media(max-width:480px){.header{flex-direction:column;align-items:flex-start;gap:.375rem}.header-right{width:100%;justify-content:space-between}.news-card-title{white-space:normal}}