@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:var(--body-font);color:#14324f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#12314d;--muted:#56718d;--line:#12314d1f;--accent-strong:#1d5fa8;--body-font:"Manrope", "Aptos", "Segoe UI", sans-serif;--display-font:"Fraunces", Georgia, serif;--mono-font:"Cascadia Code", "SFMono-Regular", Consolas, monospace;background:radial-gradient(circle at 0 0,#6db1ff2e,#0000 26%),radial-gradient(circle at 100% 0,#3b82f61f,#0000 24%),linear-gradient(#eef6ff 0%,#e6f0fb 40%,#dceaf8 100%);font-weight:500;line-height:1.5}html{box-sizing:border-box;-webkit-text-size-adjust:100%;min-height:100%}*,:before,:after{box-sizing:inherit}body{min-width:320px;margin:0}body,button,input,textarea,select{font-family:var(--body-font)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}#root{min-height:100vh}.app-shell{gap:1.5rem;padding:clamp(1rem,2vw,2rem);display:grid;overflow-x:clip}.hero-panel,.metrics-grid,.stacked-layout,.source-panel,.stream-panel{width:min(1180px,100%);min-width:0;margin:0 auto}.hero-panel>*,.stacked-layout>*,.metric-card,.panel,.story-card{min-width:0}.hero-panel{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#60a5fa3d,#0000 28%),linear-gradient(145deg,#f9fcfffa,#e4f0fcf2);border-radius:32px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:1rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;box-shadow:0 30px 80px #1131541a}.hero-copy{gap:1rem;display:grid}.eyebrow,.panel-kicker,.metric-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:800;line-height:1}.hero-panel h1,.panel h2,.story-card h3{color:var(--ink);margin:0}.hero-panel h1{max-width:12ch;font-family:var(--display-font);letter-spacing:-.06em;font-size:clamp(2.35rem,4.8vw,4rem);line-height:.95}.hero-text{max-width:58ch;color:var(--muted);font-size:1.05rem}.hero-actions{background:#eaf4ffeb;border:1px solid #1d5fa81f;border-radius:24px;align-content:space-between;gap:1rem;padding:1rem;display:grid}.primary-button,.topic-chip{border:0;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.primary-button{color:#f5fbff;cursor:pointer;background:linear-gradient(135deg,#1d5fa8,#2d7dd2);border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.95rem 1.35rem;font-weight:700;display:inline-flex;box-shadow:0 16px 24px #1d5fa838}.primary-button:hover:not(:disabled),.topic-chip:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:progress}.status-copy,.metric-card p,.story-card p,.error-text,.source-list span,.empty-state{color:var(--muted)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.metric-card,.panel{border:1px solid var(--line);background:#f7fbffe6;border-radius:28px;box-shadow:0 20px 60px #12314d12}.metric-card{gap:.5rem;padding:1.2rem;display:grid}.metric-card strong{color:var(--ink);font-size:clamp(1.5rem,2vw,2rem);line-height:1}.metric-card.emphasis{background:linear-gradient(160deg,#60a5fa2e,#f7fbfff5),#f7fbffeb}.stacked-layout{align-items:start;gap:1rem;display:grid}.control-panel,.source-panel{gap:.25rem;display:grid}.panel,.stream-panel{padding:1.35rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel h2{letter-spacing:-.05em;font-size:clamp(1.4rem,2vw,2.1rem);line-height:1}.pill,.topic-tag{border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.pill{color:var(--ink);background:#1d5fa81a;padding:.45rem .8rem}.pill-live{color:var(--accent-strong);background:#3b82f62e}.field{color:var(--ink);gap:.35rem;margin-bottom:0;font-weight:600;display:grid}.field span{letter-spacing:.02em;font-size:.82rem}.feed-form{gap:.7rem;margin-bottom:1.1rem;display:grid}.feed-form-url{width:100%}.feed-form-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto;align-items:end;gap:.65rem;display:grid}.source-actions{align-items:center;gap:.45rem;display:inline-flex}.icon-action-button{width:2.1rem;height:2.1rem;color:var(--ink);cursor:pointer;background:#ffffffdb;border:1px solid #1d5fa81f;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.icon-action-button:hover{background:#dcebfaf2;border-color:#1d5fa833;transform:translateY(-1px)}.icon-action-button svg{width:1rem;height:1rem}.feed-submit{white-space:nowrap;align-self:end;width:auto;min-height:2.65rem;margin-top:0;padding:.75rem 1rem}.field input{min-height:2.65rem;color:var(--ink);background:#ffffffe0;border:1px solid #1d5fa824;border-radius:16px;padding:.7rem .9rem;font-size:.94rem}.field input:focus-visible{outline-offset:2px;outline:2px solid #3b82f659}.topic-list{flex-wrap:wrap;gap:.65rem;display:flex}.topic-chip{color:var(--ink);cursor:pointer;background:#1d5fa81a;border-radius:999px;padding:.75rem 1rem;font-weight:700}.topic-chip.active{color:#f5fbff;background:linear-gradient(135deg,#184f8c,#2d7dd2)}.source-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.source-item{cursor:pointer;background:radial-gradient(circle at 100% 0,#60a5fa38,#0000 42%),linear-gradient(#f4fafff5,#deeeffe6);border:1px solid #1d5fa81a;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:start;gap:.65rem;padding:.9rem;transition:background-color .16s,border-color .16s,transform .16s;display:grid;box-shadow:inset 0 1px #ffffffbf}.source-list li{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.65rem;display:grid}.source-list strong{color:var(--ink);letter-spacing:-.04em;margin-bottom:.2rem;font-size:1rem;line-height:1.25;display:block}.source-list span{font-size:.9rem;line-height:1.45}.source-online{background:radial-gradient(circle at 100% 0,#60a5fa38,#0000 42%),linear-gradient(#f4fafff5,#91d8aa2e)}.source-offline{background:radial-gradient(circle at 100% 0,#60a5fa38,#0000 42%),linear-gradient(#f4fafff5,#ffbf782e)}.source-error{background:radial-gradient(circle at 100% 0,#60a5fa33,#0000 42%),linear-gradient(#f4fafff5,#ff999929)}.delete-feed-button{width:2.2rem;height:2.2rem;color:var(--accent-strong);cursor:pointer;background:#60a5fa29;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.delete-feed-button:hover{background:#60a5fa42}.delete-feed-icon{width:1.1rem;height:1.1rem}.error-text{margin-top:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stream-list{background-color:#0000;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.pagination-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination-button{min-height:2.75rem;color:var(--ink);cursor:pointer;background:#ffffffe0;border:1px solid #1d5fa824;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:700;display:inline-flex}.pagination-button:disabled{opacity:.5;cursor:default}.pagination-status{color:var(--muted);font-weight:700}.story-card{background:radial-gradient(circle at 100% 0,#60a5fa33,#0000 42%),linear-gradient(#f4fafff5,#deeeffe6);border:1px solid #1d5fa81a;border-radius:22px;gap:.65rem;padding:.9rem;display:grid;box-shadow:inset 0 1px #ffffffbf}.story-summary-toggle{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.story-summary-collapsed{display:block;overflow:hidden}.story-summary-expanded{display:block;overflow:visible}.story-meta,.story-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.story-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.story-card h3{letter-spacing:-.04em;font-size:1rem;line-height:1.25}.story-card p,.story-summary-toggle{font-size:.9rem;line-height:1.45}.story-link{min-height:auto;color:var(--accent-strong);background:#60a5fa29;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.story-link:hover{background:#60a5fa42}.topic-tag{color:var(--accent-strong);background:#60a5fa29;padding:.35rem .65rem;font-size:.75rem}@media (width<=1100px){.hero-panel{grid-template-columns:1fr}.stream-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.hero-panel h1{max-width:none;font-size:clamp(2.2rem,8vw,3.2rem)}.hero-actions,.panel,.stream-panel{padding:1rem}.source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{padding:.75rem}.panel,.stream-panel,.hero-panel{border-radius:24px;padding:1rem}.panel-header,.story-meta,.story-footer,.source-list li,.pagination-row{flex-direction:column;align-items:start}.hero-panel h1{max-width:none}.primary-button{width:100%}.stream-list,.feed-form-row{grid-template-columns:1fr}.feed-submit{width:100%}}@media (width<=560px){.app-shell{gap:1rem}.panel h2{font-size:1.25rem}.hero-text,.story-card p,.empty-state{font-size:.96rem}.metric-card,.story-card{padding:.95rem}.source-list{grid-template-columns:1fr}}