:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08111f;color:#eef2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(96,165,250,.16),transparent 30%),radial-gradient(circle at top right,rgba(167,139,250,.14),transparent 28%),linear-gradient(180deg,#09111f,#050914)}a{color:inherit}#app{min-height:100vh}.shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px}.hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:28px}.eyebrow{margin:0 0 12px;color:#7dd3fc;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.02;max-width:12ch}.hero-copy{max-width:66ch;margin-top:16px;color:#e2e8f0c2;line-height:1.7}.hero-card,.metric-card,.panel,.alert{background:#0f172ab8;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 80px #02061747;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{display:flex;gap:14px;align-items:center;border-radius:20px;padding:18px 20px;min-width:240px}.hero-card strong{display:block;margin-bottom:4px}.hero-card p,.panel-note,.item-card p,.source-row span,.signal span{color:#e2e8f0b8}.status-dot{width:12px;height:12px;border-radius:999px;background:#94a3b873;box-shadow:0 0 0 6px #94a3b81f;flex:none}.status-dot--ok{background:#34d399;box-shadow:0 0 0 6px #34d39924}.alert{border-radius:16px;padding:14px 18px;color:#fda4af;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{border-radius:18px;padding:18px}.metric-card span{display:block;margin-bottom:12px;color:#e2e8f0b8;font-size:.92rem}.metric-card strong{font-size:2rem}.panel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.panel{border-radius:24px;padding:20px}.panel--wide{min-height:100%}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-head span{color:#94a3b8cc;font-size:.9rem}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#3b82f624;color:#dbeafe;border:1px solid rgba(96,165,250,.16);font-size:.92rem}.tag--soft{background:#94a3b81a;color:#e2e8f0;border-color:#94a3b81f}.list-stack{display:grid;gap:12px}.list-stack.compact{gap:10px}.item-card,.source-row,.signal{padding:14px 16px;border-radius:16px;background:#0f172a8a;border:1px solid rgba(148,163,184,.12)}.item-card--detailed{padding:16px 18px}.item-topline,.item-meta,.source-row,.signal{display:flex;justify-content:space-between;gap:12px}.item-topline strong{flex:1}.item-card p{margin-top:8px;line-height:1.6}.item-meta{margin-top:12px;flex-wrap:wrap;font-size:.88rem;color:#e2e8f0a8}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 10px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.badge--unread{background:#3b82f624;color:#bfdbfe}.badge--read{background:#94a3b824;color:#e2e8f0}.badge--saved{background:#10b98129;color:#a7f3d0}.badge--archived{background:#f472b624;color:#fbcfe8}.separator{height:1px;background:#94a3b81f;margin:18px 0}.empty{color:#e2e8f099}@media(max-width:960px){.hero,.panel-grid,.metrics{grid-template-columns:1fr}.hero-card{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#0f172a;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:8px;padding:2rem;position:relative}.modal-content>.panel{margin:0;box-shadow:0 4px 20px #0003}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:9999;animation:fadeIn .2s ease-out forwards}.drawer-content{background:#0f172a;width:100%;max-width:600px;height:100vh;overflow-y:auto;box-shadow:-10px 0 30px #00000080;animation:slideInRight .2s ease-out forwards}
