:root{--bg: #120f12;--bg-2: #181316;--surface: rgba(25, 22, 24, .88);--surface-2: rgba(33, 28, 30, .94);--surface-3: rgba(44, 36, 32, .74);--text: #f7efe6;--muted: #b8ada3;--line: rgba(255, 240, 225, .08);--brand: #f0c48e;--brand-2: #ff8f57;--brand-soft: rgba(240, 196, 142, .14);--left: #7ab0ff;--left-soft: rgba(122, 176, 255, .16);--right: #ff9a57;--right-soft: rgba(255, 154, 87, .16);--balanced: #d0c2b8;--balanced-soft: rgba(208, 194, 184, .13);--danger: #ff7d7d;--shadow: 0 24px 70px rgba(0, 0, 0, .35);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:Sora,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 2%,rgba(255,143,87,.12),transparent 22%),radial-gradient(circle at 84% 22%,rgba(122,176,255,.12),transparent 18%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle,rgba(255,239,222,.12) 1px,transparent 1.3px);background-size:92px 92px,92px 92px,14px 14px;opacity:.45}a{color:inherit}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar,.section-head,.panel-header,.story-top,.story-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.topbar{margin-bottom:18px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#131113e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.brand-lockup,.topbar-pills,.hero-metrics,.feature-topline,.hero-panel-head,.trending-indicators{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-2) 55%,#365dff);color:#181316;font-family:"Instrument Serif",serif;font-size:1.5rem;font-weight:700;box-shadow:0 14px 32px #ff8f5747}.brand-name,.brand-tag,.feature-meta{margin:0}.brand-name{font-size:1rem;font-weight:700}.brand-tag,.feature-meta,.hero-text,.panel-note,.meta,.summary,.hero-panel li,.status-message{color:var(--muted)}.brand-tag,.feature-meta{font-size:.9rem}.mini-pill,.metric-tile,.chip,.tabs,.select-control,.ghost-btn,.feature-panel,.story-card,.hero-copy,.hero-panel,.card{border:1px solid var(--line)}.mini-pill,.metric-tile{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mini-pill{padding:9px 12px;border-radius:999px;font-size:.84rem;font-weight:700}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:24px}.hero-copy,.hero-panel,.card,.feature-panel,.story-card{border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-copy{position:relative;overflow:hidden;padding:36px;background:radial-gradient(circle at 78% 18%,rgba(120,198,255,.9),transparent 22%),radial-gradient(circle at 58% 44%,rgba(227,181,46,.82),transparent 24%),radial-gradient(circle at 18% 20%,rgba(44,96,39,.92),transparent 26%),radial-gradient(circle at 16% 84%,rgba(210,220,224,.86),transparent 24%),radial-gradient(circle at 80% 84%,rgba(24,74,48,.9),transparent 26%),linear-gradient(135deg,#566d36db,#e0c361bd 44%,#6aa2c2d1 70%,#1b4930eb)}.hero-copy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,10,10,.32) .7px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.75}.hero-copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e101238,#0e10126b)}.hero-panel{padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#251f1df2,#1a1618fa),linear-gradient(135deg,#f0c48e0f,#7ab0ff0f)}.hero-panel-head{justify-content:space-between;align-items:flex-start}.eyebrow,.section-kicker,.panel-label{margin:0 0 10px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:700}h1,h2,h3,h4{margin:0;line-height:1.02}h1,h2,h3,.story-card h4{font-family:"Instrument Serif",serif}h1{max-width:10ch;font-size:clamp(3rem,6vw,5.2rem);letter-spacing:-.04em}h2,h3{font-size:clamp(1.7rem,3vw,2.35rem)}.hero-text{margin:18px 0 0;max-width:60ch;font-size:1.03rem;line-height:1.75;color:#fff4e9e6}.hero-copy>*{position:relative;z-index:1}.hero-metrics{margin-top:24px;flex-wrap:wrap}.metric-tile{min-width:140px;padding:14px 16px;border-radius:18px;display:grid;gap:6px}.metric-tile strong{font-size:1.2rem;text-transform:capitalize}.metric-tile span{color:var(--muted);font-size:.86rem}.trending-board{margin-top:20px;display:grid;gap:14px}.trending-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;margin-top:20px}.trending-board-animated{animation:carouselSlide .55s ease}.trending-story{position:relative;overflow:hidden;display:grid;grid-template-columns:44px 1fr;gap:14px;width:100%;min-height:132px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(90deg,#0b0c0ee0,#0b0c0e9e),linear-gradient(135deg,#30261fdb,#161a22eb);background-size:cover;background-position:center;text-align:left;color:var(--text);cursor:pointer;transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.trending-story:hover{transform:translateY(-3px) scale(1.01);border-color:#f0c48e47;box-shadow:0 18px 34px #00000047}.trending-rank{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f0c48e2e,#ff8f571f);color:var(--brand);font-weight:700}.trending-copy{position:relative;z-index:1;min-width:0}.trending-source{display:inline-block;margin-bottom:8px;color:var(--brand);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trending-copy h3{font-size:1.3rem;line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.32)}.trending-copy p{margin:10px 0 0;color:var(--muted);line-height:1.55;font-size:.93rem}.trending-indicators{margin-top:18px;justify-content:center}.trending-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--text);font-size:1.7rem;line-height:1;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.trending-arrow:hover{transform:translateY(-1px);border-color:#f0c48e47;background:#ffffff12}.trending-dot{width:34px;height:6px;border:0;border-radius:999px;background:#ffffff1f;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.trending-dot.active{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.spotlight-grid,.control-grid,.card-grid{display:grid}.dashboard{display:grid;gap:24px}.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px}.feature-panel{position:relative;overflow:hidden;padding:26px;background:radial-gradient(circle at 80% 18%,rgba(122,176,255,.1),transparent 18%),linear-gradient(180deg,#251f22f5,#181517fa)}.feature-panel:before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,154,87,.14),transparent 70%)}.feature-panel h3{margin-top:14px;font-size:clamp(1.6rem,2.4vw,2.2rem)}.feature-meta{margin-top:12px;margin-bottom:22px}.card{padding:26px;background:#161416eb}.control-grid{grid-template-columns:1.8fr 1fr 1fr;gap:20px;margin-top:22px}.control-title{display:inline-block;margin-bottom:12px;font-size:.92rem;font-weight:700}.chip-group{display:flex;flex-wrap:wrap;gap:10px}.chip,.tab,.ghost-btn,.watch-btn{cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.chip{padding:10px 14px;border-radius:999px;background:#ffffff09;color:var(--balanced);font-weight:500}.chip.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#181316}.select-control{width:100%;padding:13px 14px;border-radius:var(--radius-md);background:var(--surface-2);font:inherit;color:var(--text)}.ghost-btn{padding:12px 16px;border-radius:999px;background:#ffffff08;color:var(--text);font:inherit}.tabs{display:inline-flex;gap:8px;padding:8px;border-radius:999px;background:#ffffff09}.tab{padding:13px 18px;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700}.tab.active,.watch-btn{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#181316}.status-message{margin:20px 0 0;font-weight:500}.status-message.error{color:var(--danger)}.tab-panels{margin-top:24px}.tab-panel{display:none}.tab-panel.active{display:block;animation:rise .32s ease}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.story-card{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:20px;border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 12%,rgba(122,176,255,.08),transparent 16%),linear-gradient(180deg,#1d1b1df0,#141214fa)}.story-card:hover,.feature-panel:hover{transform:translateY(-4px);box-shadow:0 30px 70px #0006;border-color:#f0c48e40}.story-type,.leaning-badge,.score-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700}.story-type,.score-badge{background:var(--brand-soft);color:var(--brand)}.leaning-badge.left{background:var(--left-soft);color:var(--left)}.leaning-badge.right{background:var(--right-soft);color:var(--right)}.leaning-badge.balanced{background:var(--balanced-soft);color:var(--balanced)}.story-card h4{font-size:1.48rem;line-height:1.12}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:.88rem}.summary{margin:0;line-height:1.65}.watch-btn{padding:11px 16px;border:none;border-radius:999px;text-decoration:none;font-weight:700}.article-shell{padding-top:32px}.article-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.article-detail{padding:34px;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 84% 12%,rgba(122,176,255,.08),transparent 18%),radial-gradient(circle at 12% 88%,rgba(255,143,87,.08),transparent 18%),linear-gradient(180deg,#181517fa,#121012);box-shadow:var(--shadow)}.video-detail{display:grid;gap:28px}.article-detail-header h1{max-width:16ch;margin-top:10px;font-size:clamp(2.6rem,5vw,4.8rem)}.article-meta{margin-top:18px}.article-intro{max-width:72ch;margin:24px 0 0;color:#fff4e9e0;font-size:1.15rem;line-height:1.8}.article-section{margin-top:28px}.video-frame-wrap{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border:1px solid var(--line);border-radius:var(--radius-lg);background:#000}.video-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.article-section h3{margin-bottom:14px}.article-highlights{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff08}.article-highlights ul{margin:0;padding-left:20px;display:grid;gap:12px;color:var(--muted)}.article-body{display:grid;gap:18px}.article-body p{max-width:76ch;margin:0;color:#fff4e9e0;line-height:1.85;font-size:1.02rem}.watch-btn:hover,.ghost-btn:hover,.tab:hover,.chip:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000029}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes carouselSlide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (max-width: 980px){.hero,.spotlight-grid,.control-grid,.card-grid{grid-template-columns:1fr}h1{max-width:100%}}@media (max-width: 640px){.page-shell{width:min(100% - 20px,100%);padding-top:16px}.topbar,.topbar-pills,.hero-metrics,.feature-topline,.hero-panel-head,.section-head,.panel-header,.story-footer,.story-top{flex-direction:column;align-items:stretch}.hero-copy,.hero-panel,.feature-panel,.card{padding:20px}.tabs{display:grid;grid-template-columns:1fr;border-radius:20px}.trending-carousel{grid-template-columns:1fr}.trending-arrow{display:none}.article-topbar{align-items:stretch;flex-direction:column}.article-detail{padding:22px}.tab{width:100%;text-align:left}}