:root {
  color-scheme: dark;
  --bg: #07090d;
  --panel: rgba(19, 24, 31, .68);
  --panel-strong: rgba(23, 29, 37, .84);
  --line: rgba(255, 255, 255, .105);
  --line-subtle: rgba(255, 255, 255, .06);
  --text: #f5f7fb;
  --muted: #98a0ad;
  --dim: #65707d;
  --green: #86f5ad;
  --blue: #6ec7ff;
  --orange: #ffc267;
  --radius: 28px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  -webkit-font-smoothing: antialiased;
}
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1240px, calc(100% - 48px)); margin: 0 auto; position: relative; }
.atmosphere {
  position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
  background:
    radial-gradient(ellipse 66% 40% at 18% -12%, rgba(67, 118, 255, .23), transparent 70%),
    radial-gradient(ellipse 50% 33% at 95% 3%, rgba(0, 195, 135, .16), transparent 75%),
    linear-gradient(180deg, #090c13 0%, var(--bg) 42%, #08090c 100%);
}
.atmosphere::after {
  content: ""; position: absolute; inset: 0; opacity: .33;
  background-image: radial-gradient(rgba(255,255,255,.55) .45px, transparent .55px);
  background-size: 6px 6px; mask-image: linear-gradient(to bottom, black, transparent 62%);
}

.topbar {
  min-height: 76px; display: flex; align-items: center; gap: 18px;
  border-bottom: 1px solid var(--line-subtle);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.065em; font-size: 1.05rem; }
.brand-slash { color: var(--green); padding: 0 .12em; }
.brand-mark { position: relative; width: 25px; height: 25px; display: inline-flex; align-items: end; gap: 3px; padding-bottom: 3px; }
.brand-mark i { display: block; width: 5px; border-radius: 99px; background: linear-gradient(180deg, #b6ffd0, #48d9ff); }
.brand-mark i:nth-child(1) { height: 9px; opacity: .65; }.brand-mark i:nth-child(2) { height: 17px; }.brand-mark i:nth-child(3) { height: 12px; opacity: .8; }
.topbar-status { margin-left: auto; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .78rem; font-weight: 600; letter-spacing: .01em; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(134,245,173,.4); animation: breathe 2.2s ease-out infinite; }
.topbar-status.is-stale .live-dot { background: var(--orange); animation: none; }
.language-toggle { display: inline-flex; align-items: center; gap: 3px; padding: 3px 5px; border: 1px solid var(--line); border-radius: 99px; background: rgba(255,255,255,.035); color: #697481; font-size: .64rem; font-weight: 800; letter-spacing: .035em; }.language-option { border: 0; border-radius: 99px; padding: 4px 6px 3px; background: transparent; color: inherit; cursor: pointer; transition: background .2s, color .2s; }.language-option:hover { color: #e9edf4; }.language-option.is-active { background: rgba(255,255,255,.12); color: #fff; }.language-option:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.refresh-button {
  display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 99px; padding: 8px 13px;
  background: rgba(255,255,255,.045); cursor: pointer; font-size: .8rem; font-weight: 700; transition: .22s ease;
}
.refresh-button:hover { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.22); }
.refresh-button:focus-visible, .filter-tab:focus-visible, .event-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.refresh-button svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.refresh-button.is-loading svg { animation: spin .8s linear infinite; }

.hero-stage { position: relative; height: clamp(650px, calc(100svh - 76px), 840px); min-height: 650px; overflow: hidden; border-radius: 0 0 36px 36px; background: #0b1012; box-shadow: 0 34px 90px rgba(0,0,0,.38); isolation: isolate; }
.hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: -3; transform: scale(1.005); }
.hero-veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(3,7,11,.92) 0%, rgba(4,8,12,.75) 29%, rgba(4,8,12,.22) 58%, rgba(4,8,12,.08) 100%), linear-gradient(0deg, rgba(2,5,8,.74) 0%, transparent 32%); }
.hero-grain { position: absolute; inset: 0; z-index: -1; opacity: .17; background-image: radial-gradient(rgba(255,255,255,.7) .42px, transparent .5px); background-size: 5px 5px; mix-blend-mode: soft-light; pointer-events: none; }
.hero-ui { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(52px, 9.2vw, 116px) clamp(29px, 5.2vw, 70px) 29px; }
.hero-copy { width: min(100%, 810px); max-width: 810px; }.hero-eyebrow { margin-bottom: 23px; color: #c1ffce; text-shadow: 0 1px 18px rgba(134,245,173,.5); }.hero-eyebrow b, .hero-live b { font: inherit; }
.eyebrow, .section-label { color: #aeb7c4; text-transform: uppercase; letter-spacing: .115em; font-size: .68rem; line-height: 1; font-weight: 800; }
.eyebrow { display: flex; align-items: center; gap: 8px; color: var(--green); margin-bottom: 20px; }
.eyebrow span { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1 { width: min(100%, 810px); margin-bottom: 22px; font-size: clamp(3rem, 5.2vw, 5.35rem); letter-spacing: -.076em; line-height: .9; font-weight: 750; text-shadow: 0 3px 30px rgba(0,0,0,.36); }
h1 > span, h1 > em { display: block; max-width: 100%; }
h1 em { font-style: normal; color: #ff5858; text-shadow: 0 0 30px rgba(255,50,50,.32); }
.masthead-copy { max-width: 550px; margin-bottom: 26px; color: #c2cad5; font-size: clamp(1rem, 1.7vw, 1.17rem); line-height: 1.52; letter-spacing: -.018em; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.source-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #8894a4; font-size: .78rem; font-weight: 650; }.source-line time { color: #e4eaf1; }.source-line a { color: #d2dae4; transition: color .2s; }.source-line a:hover { color: #fff; }
.hero-calendar { width: min(540px, 100%); margin-top: 29px; padding: 15px 17px 13px; border: 1px solid rgba(158, 208, 255, .23); border-radius: 18px; background: linear-gradient(135deg, rgba(7,13,19,.76), rgba(8,13,18,.48)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 13px 42px rgba(0,0,0,.2); backdrop-filter: blur(18px); }.calendar-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.calendar-heading > div:first-child { display: grid; gap: 7px; }.calendar-heading strong { color: #f5f8fb; font-size: .95rem; letter-spacing: -.025em; }.calendar-legend { display: flex; align-items: center; gap: 10px; padding-top: 1px; }.calendar-legend span { display: inline-flex; align-items: center; gap: 4px; color: #9eaab8; font-size: .55rem; font-weight: 760; letter-spacing: .035em; text-transform: uppercase; }.calendar-legend b { font: inherit; }.calendar-legend i { width: 6px; height: 6px; border-radius: 50%; }.legend-reset { background: var(--green); box-shadow: 0 0 8px rgba(134,245,173,.6); }.legend-banked { border: 1.5px solid var(--blue); }.calendar-weekdays, .calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); }.calendar-weekdays { margin-top: 13px; padding: 0 3px; color: #778493; font-size: .54rem; font-weight: 800; text-align: center; text-transform: uppercase; }.calendar-days { gap: 3px; margin-top: 6px; }.calendar-day { position: relative; display: grid; min-height: 19px; place-items: center; border: 1px solid transparent; border-radius: 5px; color: #c2ccd7; font-size: .61rem; font-weight: 710; line-height: 1; }.calendar-day.is-empty { opacity: 0; }.calendar-day.is-reset { border-color: rgba(134,245,173,.34); background: rgba(134,245,173,.1); color: #d4ffe1; }.calendar-day.is-reset::after { content: ""; position: absolute; right: 2px; bottom: 2px; width: 3px; height: 3px; border-radius: 50%; background: var(--green); box-shadow: 0 0 5px rgba(134,245,173,.8); }.calendar-day.is-banked { border-color: rgba(110,199,255,.38); color: #d3edff; }.calendar-day.is-banked::after { content: ""; position: absolute; right: 2px; bottom: 2px; width: 3px; height: 3px; border: 1px solid var(--blue); border-radius: 50%; }.calendar-day.is-today { box-shadow: inset 0 0 0 1px rgba(255,255,255,.27); }.calendar-forecast { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.09); }.calendar-forecast div { display: grid; gap: 5px; }.calendar-forecast strong { color: #ff8b8b; font-size: .92rem; font-weight: 770; letter-spacing: -.035em; }.calendar-forecast p { max-width: 218px; margin: 0; color: #93a0ad; font-size: .62rem; line-height: 1.35; text-align: right; }
.hero-bottom-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }.hero-telemetry { display: flex; align-items: center; gap: 18px; min-height: 76px; padding: 14px 16px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(5,10,14,.49); box-shadow: 0 10px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(16px); }.hero-telemetry > div:not(.hero-telemetry-divider) { display: grid; gap: 8px; }.hero-telemetry .section-label { color: #bfc9d4; font-size: .56rem; }.hero-telemetry strong { font-size: 1.07rem; letter-spacing: -.045em; line-height: 1; }.hero-telemetry-divider { height: 33px; width: 1px; background: rgba(255,255,255,.17); }.hero-live { display: inline-flex; align-items: center; gap: 6px; margin-left: 2px; color: #a9fbc3; font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }.hero-live i { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 15px rgba(134,245,173,.75); }.enter-radar { display: inline-flex; align-items: center; gap: 11px; padding: 12px 14px 11px 17px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(5,10,14,.38); backdrop-filter: blur(12px); color: #f6f8fb; font-size: .74rem; font-weight: 760; transition: background .2s, transform .2s; }.enter-radar span { color: #ff7373; font-size: 1rem; }.enter-radar:hover { transform: translateY(-2px); background: rgba(255,255,255,.14); }

.overview-grid { display: grid; grid-template-columns: 1.28fr 1fr .78fr; gap: 14px; padding-top: 18px; }
.panel { border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.028), 0 18px 54px rgba(0,0,0,.11); backdrop-filter: blur(18px); border-radius: var(--radius); overflow: hidden; }
.panel-topline { min-height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line-subtle); }
.muted-label { color: var(--dim); font-size: .68rem; font-weight: 700; letter-spacing: .03em; }
.verified-pill { color: #c0ffcf; background: rgba(90, 218, 129, .12); border: 1px solid rgba(134,245,173,.24); padding: 4px 7px 3px; border-radius: 99px; font-size: .58rem; font-weight: 850; letter-spacing: .09em; }
.latest-panel { min-height: 244px; background: linear-gradient(133deg, rgba(52,128,103,.17), rgba(19,24,31,.66) 62%); }
.latest-body { height: 155px; display: flex; justify-content: space-between; align-items: center; padding: 14px 20px 9px 22px; }
.date-display { margin: 0 0 8px; font-size: clamp(1.78rem, 3vw, 2.55rem); font-weight: 740; letter-spacing: -.065em; line-height: .92; }
.latest-subline { margin: 0; max-width: 205px; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.age-orbit { position: relative; width: 117px; height: 117px; flex: 0 0 auto; }
.age-orbit svg { width: 100%; height: 100%; transform: rotate(-90deg); }.orbit-track { fill: none; stroke: rgba(255,255,255,.085); stroke-width: 5; }.orbit-value { fill: none; stroke: var(--green); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 20 100; filter: drop-shadow(0 0 8px rgba(134,245,173,.42)); transition: stroke-dasharray .9s ease; }
.age-number { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }.age-number strong { font-size: 1.22rem; letter-spacing: -.06em; line-height: 1; }.age-number span { margin-top: 4px; color: var(--dim); font-size: .59rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.latest-footer { display: flex; align-items: center; justify-content: space-between; padding: 13px 20px 14px; border-top: 1px solid var(--line-subtle); color: var(--dim); font-size: .7rem; font-weight: 650; }.latest-footer a { color: #cdeeda; transition: color .2s; }.latest-footer a:hover { color: #fff; }

.pulse-panel { min-height: 244px; }.pulse-stats { display: flex; gap: 27px; padding: 21px 20px 0; }.pulse-stats div { display: grid; gap: 3px; }.pulse-stats strong { font-size: 1.72rem; letter-spacing: -.075em; line-height: 1; }.pulse-stats span { color: var(--muted); font-size: .68rem; }.spark-wrap { padding: 11px 14px 13px; }.spark-wrap svg { height: 95px; width: 100%; overflow: visible; }.spark-labels { display: flex; justify-content: space-between; padding: 0 7px; color: var(--dim); font-size: .62rem; font-weight: 700; }
.spark-grid { stroke: rgba(255,255,255,.07); stroke-width: 1; }.spark-area { fill: url(#spark-gradient); opacity: .72; }.spark-line { fill: none; stroke: #82f6ad; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 5px rgba(134,245,173,.32)); }.spark-point { fill: #dffff0; stroke: #71e89c; stroke-width: 2; }.spark-empty { fill: var(--dim); font-size: 12px; text-anchor: middle; }

.signal-panel { min-height: 244px; }.signal-list { padding: 8px 19px 2px; }.signal-list div { min-height: 43px; display: grid; grid-template-columns: 23px 1fr auto; align-items: center; gap: 7px; border-bottom: 1px solid var(--line-subtle); color: #d1d7e0; font-size: .77rem; }.signal-list div:last-child { border-bottom: 0; }.signal-list strong { font-size: 1rem; letter-spacing: -.04em; }.signal-icon { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; font-size: .76rem; font-weight: 900; }.signal-icon.hard { background: rgba(134,245,173,.12); color: var(--green); }.signal-icon.banked { background: rgba(110,199,255,.12); color: var(--blue); }.signal-icon.preview { background: rgba(255,194,103,.12); color: var(--orange); }.signal-footnote { padding: 0 19px; margin: 5px 0 0; color: var(--dim); font-size: .64rem; line-height: 1.35; }

.timeline-section { padding: 104px 0 85px; }.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 23px; }.section-heading-row .section-label { margin-bottom: 11px; }.section-heading-row h2 { margin-bottom: 0; font-size: clamp(1.8rem, 3.2vw, 2.5rem); letter-spacing: -.065em; line-height: .95; }.filter-tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }.filter-tab { border: 0; border-radius: 9px; padding: 8px 10px; background: transparent; color: var(--muted); cursor: pointer; font-size: .72rem; font-weight: 720; transition: .2s ease; }.filter-tab:hover { color: #fff; }.filter-tab.is-active { color: #fafffc; background: rgba(255,255,255,.115); box-shadow: 0 1px 0 rgba(255,255,255,.09) inset; }
.timeline-layout { display: grid; grid-template-columns: minmax(0, 1fr) 245px; align-items: start; gap: 14px; }.event-list { display: grid; gap: 9px; }.loading-state { min-height: 245px; border: 1px solid var(--line); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted); font-size: .85rem; }.loader { width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.14); border-top-color: var(--green); border-radius: 50%; animation: spin .7s linear infinite; }
.event-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(120deg, rgba(255,255,255,.052), rgba(255,255,255,.019)); transition: transform .22s ease, border-color .22s ease, background .22s ease; }.event-card::before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: var(--green); opacity: .75; }.event-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.22); background: linear-gradient(120deg, rgba(255,255,255,.079), rgba(255,255,255,.029)); }.event-card.banked::before { background: var(--blue); }.event-card.signal::before { background: var(--orange); }.event-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 17px 19px 0 21px; }.event-author { display: flex; align-items: center; min-width: 0; gap: 10px; }.event-avatar { width: 38px; height: 38px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; object-fit: cover; object-position: center; box-shadow: 0 3px 13px rgba(0,0,0,.22); }.event-author-meta { min-width: 0; }.event-author-name { display: flex; align-items: center; gap: 5px; min-width: 0; color: #f8fbff; line-height: 1.05; }.event-author-name strong { font-size: .8rem; letter-spacing: -.018em; }.verified-check { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; background: #1d9bf0; color: white; font-size: .6rem; font-weight: 900; }.event-kind { overflow: hidden; max-width: min(34vw, 205px); margin-left: 2px; color: #9eabb8; font-size: .62rem; font-weight: 650; white-space: nowrap; text-overflow: ellipsis; }.event-kind::before { content: "·"; margin-right: 5px; color: #596573; }.event-handle { display: block; margin-top: 3px; color: #778492; font-size: .66rem; font-weight: 580; }.event-confidence { flex: 0 0 auto; padding: 4px 6px 3px; border: 1px solid rgba(134,245,173,.2); border-radius: 999px; color: #bffccc; background: rgba(134,245,173,.07); font-size: .52rem; font-weight: 760; letter-spacing: .055em; text-transform: uppercase; }.event-card.banked .event-confidence { color: #b7e6ff; border-color: rgba(110,199,255,.2); background: rgba(110,199,255,.07); }.event-card.signal .event-confidence { color: #ffe0aa; border-color: rgba(255,194,103,.2); background: rgba(255,194,103,.07); }.event-content { padding: 13px 20px 0 69px; }.event-content p { margin: 0; color: #e6ebf1; font-size: .91rem; font-weight: 490; line-height: 1.46; letter-spacing: -.012em; }.event-tags { display: flex; flex-wrap: wrap; gap: 5px; padding: 11px 20px 0 69px; }.event-tags span { padding: 4px 7px 3px; border: 1px solid var(--line); border-radius: 999px; color: #9ba7b5; background: rgba(255,255,255,.018); font-size: .58rem; font-weight: 680; }.event-timestamp { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 20px 13px 69px; color: #778492; font-size: .64rem; font-weight: 620; }.event-timestamp time::after { content: "·"; margin-left: 6px; color: #56616d; }.event-actions { display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 0 17px 0 21px; border-top: 1px solid var(--line-subtle); color: #84919e; }.event-category, .event-link { display: inline-flex; align-items: center; gap: 6px; font-size: .63rem; font-weight: 700; }.event-category svg, .event-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }.event-link { color: #aab5c4; transition: color .2s ease; }.event-link:hover { color: #fff; }
.side-stack { display: grid; gap: 13px; position: sticky; top: 17px; }.rhythm-panel { min-height: 194px; padding-bottom: 17px; }.cadence-number { padding: 22px 19px 4px; font-size: 2.62rem; font-weight: 730; line-height: 1; letter-spacing: -.09em; }.rhythm-panel p { margin: 0; padding: 0 19px; color: var(--muted); font-size: .72rem; line-height: 1.45; }.cadence-scale { display: flex; gap: 5px; align-items: end; padding: 18px 19px 0; height: 55px; }.cadence-scale i { flex: 1; height: 17%; border-radius: 4px 4px 1px 1px; background: rgba(134,245,173,.24); }.cadence-scale i:nth-child(2) { height: 48%; }.cadence-scale i:nth-child(3) { height: 29%; }.cadence-scale i:nth-child(4) { height: 72%; background: rgba(134,245,173,.72); }.cadence-scale i:nth-child(5) { height: 39%; }.cadence-scale i:nth-child(6) { height: 91%; background: var(--green); }.cadence-scale i:nth-child(7) { height: 55%; }.methodology-panel { padding: 19px; background: rgba(79, 108, 189, .075); }.methodology-panel p { margin: 14px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }.methodology-panel b { color: #dfe6ed; font-weight: 700; }
.empty-state { min-height: 196px; padding: 45px 24px; border: 1px dashed var(--line); border-radius: 20px; color: var(--muted); text-align: center; font-size: .85rem; line-height: 1.5; }.footer { display: flex; justify-content: space-between; gap: 18px; padding: 23px 0 28px; border-top: 1px solid var(--line-subtle); color: #697380; font-size: .67rem; font-weight: 620; }
@keyframes breathe { 65% { box-shadow: 0 0 0 7px rgba(134,245,173,0); } 100% { box-shadow: 0 0 0 0 rgba(134,245,173,0); } } @keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 950px) { .hero-stage { height: clamp(620px, calc(100svh - 76px), 740px); min-height: 620px; }.hero-photo { object-position: 60% center; }.overview-grid { grid-template-columns: 1.1fr .9fr; }.signal-panel { grid-column: 1 / -1; min-height: 155px; }.signal-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; padding-top: 14px; }.signal-list div { border-bottom: 0; }.signal-footnote { margin-top: 0; }.timeline-layout { grid-template-columns: 1fr; }.side-stack { position: static; grid-template-columns: 1fr 1fr; }.rhythm-panel, .methodology-panel { min-height: 0; }.cadence-scale { padding-top: 8px; } }
@media (max-width: 660px) { .shell { width: min(100% - 30px, 1240px); }.topbar { min-height: 65px; }.topbar-status { display: none; }.language-toggle { margin-left: auto; }.refresh-button { margin-left: 0; }.refresh-button span { display: none; }.refresh-button { width: 35px; height: 35px; justify-content: center; padding: 0; }.hero-stage { height: auto; min-height: 810px; border-radius: 0 0 27px 27px; }.hero-photo { object-position: 69% center; }.hero-veil { background: linear-gradient(90deg, rgba(3,7,11,.91), rgba(3,7,11,.48)), linear-gradient(0deg, rgba(2,5,8,.92), rgba(2,5,8,.06) 58%); }.hero-ui { min-height: 810px; padding: 47px 21px 19px; }.hero-eyebrow { margin-bottom: 18px; }.hero-copy { max-width: 330px; } h1 { margin-bottom: 18px; font-size: clamp(3.25rem, 15vw, 4.25rem); line-height: .9; }.masthead-copy { max-width: 310px; margin-bottom: 20px; font-size: .98rem; }.hero-calendar { margin-top: 19px; padding: 12px 13px 11px; border-radius: 15px; }.calendar-weekdays { margin-top: 10px; }.calendar-days { gap: 2px; margin-top: 5px; }.calendar-day { min-height: 17px; font-size: .56rem; }.calendar-forecast { margin-top: 8px; padding-top: 8px; }.calendar-forecast p { max-width: 148px; font-size: .56rem; }.calendar-forecast strong { font-size: .84rem; }.calendar-legend { gap: 7px; }.calendar-legend span { font-size: .5rem; }.hero-bottom-row { align-items: stretch; flex-direction: column; gap: 13px; }.hero-telemetry { width: 100%; min-height: 66px; gap: 13px; padding: 12px 13px; }.hero-telemetry strong { font-size: .97rem; }.hero-live { margin-left: auto; font-size: .56rem; }.enter-radar { align-self: flex-start; padding: 10px 13px 9px 15px; }.overview-grid { grid-template-columns: 1fr; }.signal-panel { grid-column: auto; }.latest-panel { min-height: 234px; }.signal-list { grid-template-columns: 1fr; padding-top: 7px; }.signal-list div { border-bottom: 1px solid var(--line-subtle); }.signal-list div:last-child { border-bottom: 0; }.timeline-section { padding: 75px 0 57px; }.section-heading-row { align-items: start; flex-direction: column; gap: 20px; }.filter-tabs { width: 100%; overflow-x: auto; }.filter-tab { flex: 0 0 auto; }.event-head { padding: 15px 14px 0 17px; }.event-avatar { width: 35px; height: 35px; }.event-kind { max-width: 98px; }.event-confidence { font-size: .48rem; }.event-content { padding: 12px 15px 0 62px; }.event-content p { font-size: .84rem; }.event-tags { padding: 10px 15px 0 62px; }.event-timestamp { padding: 11px 15px 12px 62px; font-size: .6rem; }.event-actions { padding: 0 14px 0 17px; }.side-stack { grid-template-columns: 1fr; }.footer { flex-direction: column; gap: 6px; }.source-separator { display: none; }.source-line { display: grid; grid-template-columns: auto 1fr; }.source-line a { grid-column: 1 / -1; }.pulse-panel { min-height: 226px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }