:root {
  color-scheme: dark;
  --bg:#06040d;
  --ink:#fffaf4;
  --muted:#b9afc4;
  --orange:#ff8c32;
  --gold:#ffc76d;
  --violet:#9a50ff;
  --panel:rgba(17,10,28,.9);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 82% 4%,rgba(129,39,213,.2),transparent 28rem),radial-gradient(circle at 7% 30%,rgba(255,106,34,.11),transparent 24rem),linear-gradient(180deg,#090514,#05030a 46%,#080410)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 70% 12%,#ad7cff 0 1px,transparent 1.3px),radial-gradient(circle at 82% 64%,#ff9b58 0 1px,transparent 1.3px);background-size:210px 250px,280px 310px,330px 360px;z-index:-1}
button,input{font:inherit}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:max(10px,env(safe-area-inset-top)) max(14px,4vw) 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:rgba(6,4,13,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.25)}
.brand{display:flex;align-items:center;gap:7px;color:white;text-decoration:none}.brand strong{font-size:1.05rem;letter-spacing:.3em}.brand span{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(240,189,255,.75);border-radius:50%;background:radial-gradient(circle,#b34cff,#481378 70%);box-shadow:0 0 18px rgba(194,67,255,.55);font:1.55rem Georgia,serif}
.sync-state{justify-self:center;display:flex;align-items:center;gap:8px;color:#c6bdcf;font-size:.78rem}.sync-state i{width:8px;height:8px;border-radius:50%;background:#64e6a4;box-shadow:0 0 11px #48e699}
.refresh{min-height:40px;padding:0 13px;border:1px solid rgba(255,169,91,.35);border-radius:13px;color:white;background:rgba(113,45,5,.25);font-weight:760}
.shell{width:min(1040px,calc(100% - 22px));margin:0 auto;padding-bottom:70px}
.feed-head{padding:clamp(36px,8vw,88px) 4px 30px}.eyebrow{margin:0;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.23em;text-transform:uppercase}.feed-head h1{max-width:900px;margin:12px 0 17px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,10vw,7rem);font-weight:400;line-height:.88;letter-spacing:-.045em}.feed-head h1 em{color:#c68aff;font-weight:400}.intro{max-width:680px;margin:0;color:#c8bfce;font-size:clamp(1rem,2.6vw,1.18rem);line-height:1.7}
.feed-tools{position:sticky;top:72px;z-index:10;margin:0 0 18px;padding:10px 0;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(6,4,13,.98),rgba(6,4,13,.82) 80%,transparent)}
.feed-search{min-height:54px;flex:1;padding:0 16px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;border:1px solid rgba(197,127,255,.32);border-radius:18px;background:rgba(17,10,31,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.feed-search svg{width:23px;color:#d6bcff}.feed-search input{min-width:0;border:0;outline:0;color:white;background:transparent;font-size:1rem}.feed-search input::placeholder{color:#948b9f}.card-count{white-space:nowrap;color:#b9afc3;font-size:.82rem}
.feed{display:grid;gap:18px}.news-card{overflow:hidden;border:1px solid rgba(255,145,52,.5);border-radius:27px;background:linear-gradient(145deg,rgba(71,27,5,.84),rgba(18,11,31,.95) 58%);box-shadow:0 24px 65px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,219,171,.08);transition:opacity .18s ease,border-color .18s ease}.news-card.is-enriching{opacity:.78;border-color:rgba(198,138,255,.58)}.news-card.is-enriching .card-body::after{content:"Building source-backed context…";display:block;margin-top:14px;color:#cdb7dc;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.card-grid{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr)}.card-image{width:100%;height:100%;min-height:320px;object-fit:cover;background:#100a19}.card-image.fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(221,78,255,.45),transparent 23%),linear-gradient(145deg,#210b37,#07182e)}.card-image.fallback span{font:6rem Georgia,serif;text-shadow:0 0 35px #c14cff}
.card-body{padding:clamp(22px,4vw,38px)}.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#ffbb7b;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card-meta span+span::before{content:"•";margin-right:8px;color:#866e7e}.card-body h2{margin:9px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,4.8vw,3.3rem);font-weight:400;line-height:1.02}.card-excerpt{margin:0;color:#eee4df;font-size:clamp(1rem,2.4vw,1.14rem);line-height:1.72}.card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.card-actions button,.card-actions a{min-height:44px;padding:11px 15px;border:1px solid rgba(255,169,88,.45);border-radius:14px;color:white;background:rgba(116,51,8,.28);text-decoration:none;font-weight:800}.card-actions .full{background:linear-gradient(135deg,#ce6217,#92320b)}
.empty-feed,.loading-card{min-height:340px;padding:40px 24px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(181,129,255,.24);border-radius:26px;background:rgba(18,11,34,.72);color:#bfb5c8}.empty-feed h2{margin:0 0 7px;color:white}.empty-feed p{max-width:540px;line-height:1.65}.empty-feed a{margin-top:10px;padding:12px 16px;border-radius:14px;color:white;background:#7932be;text-decoration:none;font-weight:800}
.story-dialog{width:min(850px,calc(100% - 18px));max-height:calc(100svh - 18px);padding:0;overflow:auto;border:1px solid rgba(234,169,255,.5);border-radius:28px;color:white;background:#090512;box-shadow:0 30px 100px rgba(0,0,0,.72)}.story-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(7px)}.dialog-close{position:sticky;top:12px;float:right;z-index:3;width:46px;height:46px;margin:12px 12px -58px 0;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:white;background:rgba(7,4,16,.8);font-size:1.7rem}.story-hero{width:100%;height:clamp(250px,52vw,470px);object-fit:cover;background:#120920}.story-full{padding:clamp(24px,6vw,55px)}.story-full h2{margin:9px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,7vw,4.8rem);font-weight:400;line-height:.96}.story-full p{color:#eee7f0;font-size:clamp(1.06rem,2.6vw,1.22rem);line-height:1.82}.story-full .lead{margin-top:0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);color:white;font-size:clamp(1.2rem,3.3vw,1.5rem);font-family:Georgia,"Times New Roman",serif;line-height:1.6}.story-sources{margin:34px 0 8px;padding:20px;border:1px solid rgba(198,138,255,.22);border-radius:18px;background:rgba(43,20,65,.34)}.story-sources h3{margin:0 0 12px;color:#e6d2ff;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}.story-sources ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.story-sources li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.story-sources li:first-child{padding-top:0;border-top:0}.story-sources a{color:#fff2dc;text-decoration:none;font-weight:750}.story-sources span{color:#a99ab7;font-size:.75rem;text-transform:uppercase}
@media(max-width:720px){.topbar{grid-template-columns:auto 1fr auto}.sync-state span{display:none}.shell{width:calc(100% - 14px)}.feed-head{padding-top:42px}.feed-head h1{font-size:clamp(3rem,15vw,5rem)}.feed-tools{align-items:stretch;flex-direction:column}.feed-search{width:100%;grid-template-columns:1fr}.card-count{align-self:flex-end;font-size:.74rem}.card-grid{grid-template-columns:1fr}.card-image{height:230px;min-height:230px}.card-body{padding:22px 17px 25px}.card-body h2{font-size:clamp(2rem,10vw,3rem)}.card-excerpt{font-size:1.03rem}.story-dialog{border-radius:22px}.refresh{padding:0 10px}.story-sources li{grid-template-columns:1fr}.story-sources span{justify-self:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.card-actions .share-card{border-color:rgba(255,211,104,.75);background:linear-gradient(135deg,rgba(155,73,11,.72),rgba(91,39,8,.72));cursor:pointer}
.card-actions .share-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.feed-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 16px}
.feed-controls button,.feed-controls select,.card-actions .hide-story{font:inherit;padding:8px 12px;border-radius:10px;border:1px solid rgba(198,138,255,.5);background:rgba(40,20,60,.7);color:inherit;cursor:pointer}