:root {
  --ink:#102a43;
  --ink-2:#243b53;
  --paper:#f5f3ec;
  --white:#fffefa;
  --line:#d9dedb;
  --muted:#66788a;
  --blue:#2878ff;
  --blue-soft:#e9f1ff;
  --cyan:#04b9c8;
  --orange:#ff6846;
  --yellow:#f3bf31;
  --green:#29a87c;
  --violet:#8b6bde;
  --shadow:0 18px 55px rgba(31,52,73,.11);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing:antialiased;
}
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; }
button { color:inherit; }

.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; transform:translateY(-150%); background:#fff; color:#102a43; padding:10px 16px; border-radius:8px; }
.skip-link:focus { transform:none; }

.site-header {
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:0 clamp(22px,5vw,76px);
  color:white;
  background:var(--ink);
  border-bottom:1px solid rgba(255,255,255,.13);
  position:relative;
  z-index:20;
}
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; min-width:220px; }
.brand-mark { width:42px; height:42px; border:1px solid rgba(255,255,255,.24); border-radius:50%; display:grid; place-items:center; }
.brand-mark svg { width:27px; fill:none; stroke:#61e7ef; stroke-width:1.7; }
.brand-mark svg circle { fill:#f3bf31; stroke:none; }
.brand > span:last-child { display:flex; flex-direction:column; gap:2px; }
.brand strong { font-size:15px; letter-spacing:.01em; }
.brand small { color:#aab9c6; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.top-nav { display:flex; align-items:center; gap:34px; margin-left:auto; }
.top-nav a { text-decoration:none; color:#dbe5eb; font-size:13px; font-weight:600; position:relative; }
.top-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:#61e7ef; transition:.2s ease; }
.top-nav a:hover::after { right:0; }
.nav-dropdown { position:relative; }
.nav-dropdown-button { border:0; background:transparent; color:#dbe5eb; padding:8px 0; font-size:13px; font-weight:600; cursor:pointer; }
.nav-dropdown-button span { display:inline-block; margin-left:4px; color:#71e2e9; transition:.2s ease; }
.nav-dropdown-button[aria-expanded="true"] span { transform:rotate(180deg); }
.nav-menu { position:absolute; z-index:50; top:calc(100% + 15px); left:50%; transform:translateX(-50%); width:225px; padding:8px; border:1px solid rgba(255,255,255,.13); border-radius:9px; background:#16364f; box-shadow:0 20px 50px rgba(0,0,0,.3); }
.nav-menu::before { content:""; position:absolute; top:-6px; left:50%; width:11px; height:11px; background:#16364f; border-left:1px solid rgba(255,255,255,.13); border-top:1px solid rgba(255,255,255,.13); transform:translateX(-50%) rotate(45deg); }
.nav-menu button { position:relative; z-index:1; width:100%; border:0; border-radius:5px; background:transparent; color:#c8d7df; padding:9px 11px; text-align:left; font-size:11px; font-weight:650; cursor:pointer; }
.nav-menu button:hover,.nav-menu button.active { background:rgba(107,225,233,.12); color:#72e6ef; }
.mobile-header-actions { display:none; align-items:center; gap:7px; }
.mobile-only-action { display:none!important; }

.hero {
  position:relative;
  overflow:hidden;
  min-height:570px;
  color:#fff;
  background:
    radial-gradient(circle at 77% 15%, rgba(46,158,184,.24), transparent 33%),
    radial-gradient(circle at 15% 90%, rgba(42,105,160,.24), transparent 34%),
    var(--ink);
  padding:70px clamp(22px,7.2vw,110px) 82px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(350px,.8fr);
  align-items:center;
  gap:clamp(42px,7vw,110px);
}
.hero::before {
  content:"";
  position:absolute; inset:0;
  opacity:.25;
  background-image:radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 1px);
  background-size:57px 57px;
  mask-image:linear-gradient(100deg, transparent, #000 65%, transparent);
}
.hero-content,.today-card { position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 18px; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.22em; color:#72e6ef; }
.eyebrow span { width:25px; height:1px; background:currentColor; }
.eyebrow.dark { color:#3975ad; }
.eyebrow.light { color:#79e6ee; }
.hero h1 { margin:0; max-width:none; white-space:nowrap; font-size:clamp(36px,4vw,54px); line-height:1; letter-spacing:-.045em; font-weight:760; }
.hero-quote { max-width:640px; min-height:104px; margin:26px 0 0; padding:3px 0 3px 20px; border-left:2px solid rgba(116,227,233,.72); transition:opacity .35s ease, transform .35s ease; }
.hero-quote.is-changing { opacity:0; transform:translateY(5px); }
.hero-quote p { margin:0; color:#ecf6f8; font-family:Georgia, "Times New Roman", serif; font-size:clamp(17px,1.4vw,21px); line-height:1.48; font-style:italic; }
.hero-quote footer { margin-top:4px; color:#86a9bb; font-size:10.5px; line-height:1.2; font-weight:700; letter-spacing:.03em; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:34px; }
.primary-button,.ghost-button,.text-button,.icon-button { border:0; cursor:pointer; }
.primary-button { display:inline-flex; align-items:center; gap:10px; padding:15px 20px; border-radius:9px; background:#58dfe7; color:#0f2e45; font-size:13px; font-weight:800; box-shadow:0 8px 25px rgba(60,211,222,.18); transition:.2s ease; }
.primary-button:hover { transform:translateY(-2px); background:#72e9ef; }
.primary-button svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.text-button { background:transparent; padding:8px 0; font-size:13px; font-weight:700; color:inherit; }
.text-button span { margin-left:5px; transition:.2s ease; }
.text-button:hover span { margin-left:9px; }

.hero-orbit { position:absolute; border:1px solid rgba(114,230,239,.12); border-radius:50%; pointer-events:none; }
.orbit-one { width:520px; height:520px; right:-135px; top:-210px; }
.orbit-two { width:310px; height:310px; left:-170px; bottom:-150px; }

.today-card { width:min(100%,420px); justify-self:end; border:1px solid rgba(255,255,255,.17); border-radius:4px; background:rgba(255,255,255,.075); box-shadow:0 28px 70px rgba(0,0,0,.23); backdrop-filter:blur(12px); overflow:hidden; }
.today-card-top { min-height:44px; padding:0 18px; display:flex; align-items:center; gap:8px; border-bottom:1px solid rgba(255,255,255,.12); color:#c8d4dd; text-transform:uppercase; letter-spacing:.12em; font-size:9px; font-weight:700; }
.today-card-top time { margin-left:auto; color:#fff; letter-spacing:.02em; text-transform:none; }
.live-dot { width:6px; height:6px; border-radius:50%; background:#5de8a8; box-shadow:0 0 0 4px rgba(93,232,168,.12); }
.today-visual { height:155px; position:relative; overflow:hidden; background:linear-gradient(140deg, rgba(43,119,161,.17), rgba(12,37,57,.1)); }
.planet-main { position:absolute; width:76px; height:76px; border-radius:50%; left:calc(50% - 38px); top:37px; background:radial-gradient(circle at 33% 31%, #8ff2ee, #258ca2 47%, #0f526b 72%); box-shadow:inset -11px -8px 22px rgba(8,31,49,.6),0 0 45px rgba(73,215,223,.2); }
.planet-main::after { content:""; position:absolute; width:126px; height:24px; border:6px solid rgba(242,191,49,.84); border-top-color:rgba(255,222,115,.94); border-radius:50%; left:-32px; top:27px; transform:rotate(-14deg); clip-path:polygon(0 0,100% 0,100% 48%,0 78%); }
.planet-small { position:absolute; width:12px; height:12px; background:#ff7657; border-radius:50%; top:25px; right:64px; box-shadow:0 0 15px rgba(255,118,87,.65); }
.orbit-line { position:absolute; width:238px; height:92px; border:1px solid rgba(128,230,237,.2); border-radius:50%; left:calc(50% - 119px); top:29px; transform:rotate(-14deg); }
.star { position:absolute; color:#cbf8f5; }
.star-a { left:48px; top:28px; font-size:12px; }
.star-b { right:36px; bottom:27px; font-size:25px; }
.star-c { left:76px; bottom:22px; font-size:7px; }
.today-card-body { padding:23px 25px 25px; background:rgba(8,31,49,.26); }
.event-kicker { color:#72e6ef; font-size:9px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.today-card h2 { margin:8px 0 10px; font-size:23px; line-height:1.17; letter-spacing:-.025em; }
.today-card p { color:#b8c8d3; font-size:12px; line-height:1.58; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.today-link { border:0; border-top:1px solid rgba(255,255,255,.11); background:transparent; color:#fff; padding:16px 0 0; width:100%; margin-top:18px; display:flex; justify-content:space-between; cursor:pointer; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.today-link span { color:#72e6ef; font-size:16px; }

.calendar-section,.explore-section { padding:82px clamp(18px,5vw,76px); max-width:1520px; margin:0 auto; }
.section-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:28px; }
.section-intro h2 { margin:0; font-size:clamp(31px,4vw,48px); line-height:1; letter-spacing:-.045em; }
.section-intro .eyebrow { margin-bottom:12px; }
.search-wrap { position:relative; width:min(100%,420px); height:48px; display:flex; align-items:center; border:1px solid #cdd6d6; background:rgba(255,255,255,.56); border-radius:8px; padding:0 14px; transition:.2s ease; }
.search-wrap:focus-within { border-color:#5d91c1; background:#fff; box-shadow:0 0 0 3px rgba(40,120,255,.08); }
.search-wrap > svg { width:18px; min-width:18px; fill:none; stroke:#597082; stroke-width:1.8; margin-right:10px; }
.search-wrap input { flex:1; border:0; outline:0; background:transparent; min-width:0; color:var(--ink); font-size:13px; }
.search-wrap input::placeholder { color:#8796a2; }
.search-wrap kbd { border:1px solid #d6dcdd; background:#ecefed; border-radius:4px; color:#6b7982; font:10px ui-monospace,monospace; padding:3px 6px; }
.search-results { position:absolute; z-index:40; top:calc(100% + 8px); left:0; right:0; padding:8px; border:1px solid #d8dfdf; border-radius:10px; background:#fff; box-shadow:0 18px 55px rgba(20,43,62,.19); max-height:430px; overflow:auto; }
.search-results-label { padding:8px 10px 7px; color:#7b8a95; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.search-result { border:0; background:transparent; width:100%; display:grid; grid-template-columns:42px 1fr 18px; align-items:center; gap:11px; padding:9px 8px; border-radius:7px; text-align:left; cursor:pointer; }
.search-result:hover,.search-result:focus-visible { background:#f0f5f7; outline:0; }
.search-date { width:39px; height:39px; border-radius:6px; display:grid; place-items:center; align-content:center; background:#eaf2fa; color:#245d8d; font-weight:800; line-height:1; }
.search-date small { font-size:8px; margin-top:3px; text-transform:uppercase; }
.search-result > span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:3px; }
.search-result strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-result small { font-size:9px; color:#7d8d98; }
.search-result mark { background:#fff0a8; color:inherit; }
.result-arrow { font-style:normal; color:#6690aa; }
.no-results { padding:28px 12px; text-align:center; display:flex; flex-direction:column; gap:5px; color:#687985; }
.no-results span { font-size:24px; }
.no-results b { font-size:13px; color:#334e61; }
.no-results small { font-size:11px; }

.filters { display:flex; align-items:center; gap:8px; margin-bottom:18px; overflow-x:auto; scrollbar-width:none; padding:2px; }
.filters::-webkit-scrollbar { display:none; }
.filter-chip { white-space:nowrap; border:1px solid #d3dada; border-radius:999px; background:transparent; padding:9px 14px; color:#566a78; display:flex; align-items:center; gap:7px; font-size:11px; font-weight:700; cursor:pointer; transition:.18s ease; }
.filter-chip:hover { background:rgba(255,255,255,.7); }
.filter-chip.active { color:#fff; background:var(--ink); border-color:var(--ink); }
.filter-icon { font-size:10px; color:#66e3e9; }
.filter-dot,.legend-dot { width:7px; height:7px; border-radius:50%; display:inline-block; }
.filter-dot.person,.legend-dot.person { background:var(--violet); }
.filter-dot.discovery,.legend-dot.discovery { background:var(--orange); }
.filter-dot.technology,.legend-dot.technology { background:var(--blue); }
.filter-dot.space,.legend-dot.space { background:var(--cyan); }
.filter-dot.observance,.legend-dot.observance { background:var(--green); }
.language-switcher { position:relative; min-height:35px; display:flex; align-items:center; gap:6px; padding:0 10px 0 12px; border:1px solid #d3dada; border-radius:999px; color:#566a78; background:transparent; cursor:pointer; transition:.18s ease; }
.language-switcher:hover { background:rgba(255,255,255,.7); }
.language-flag { width:25px; height:20px; flex:0 0 25px; display:grid; place-items:center; border:1px solid rgba(16,42,67,.12); border-radius:4px; background:#fff; box-shadow:0 1px 3px rgba(16,42,67,.1); font-size:17px; line-height:1; }
.language-switcher select { max-width:112px; border:0; outline:0; appearance:none; padding:0 15px 0 0; color:inherit; background:transparent; font-size:11px; font-weight:750; cursor:pointer; }
.language-caret { position:absolute; right:9px; top:50%; transform:translateY(-55%); color:#577382; font-size:12px; pointer-events:none; }

.direction-bar { margin:12px 0 24px; border:1px solid #d2dada; background:#fffefa; box-shadow:0 9px 25px rgba(31,52,73,.055); }
.direction-bar-head { min-height:67px; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:13px 18px; border-bottom:1px solid #e0e5e2; background:linear-gradient(100deg,#f8f8f3,#eef5f4); }
.direction-bar-head > div { display:flex; flex-direction:column; gap:3px; }
.direction-label { color:#3e7c89; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.15em; }
.direction-bar-head strong { font-size:15px; letter-spacing:-.015em; }
.direction-bar-head p { margin:0; color:#647987; font-size:10px; font-weight:700; }
.direction-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.direction-chip { min-width:0; min-height:58px; border:0; border-right:1px solid #e1e5e3; border-bottom:1px solid #e1e5e3; background:#fffefa; padding:10px 12px; display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:8px; text-align:left; cursor:pointer; transition:.16s ease; }
.direction-chip:nth-child(5n) { border-right:0; }
.direction-chip:nth-last-child(-n+5) { border-bottom:0; }
.direction-chip:hover { background:#f0f7f6; }
.direction-chip.active { background:#102a43; color:#fff; }
.direction-chip i { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#edf3f2; color:#2c7180; }
.direction-chip i svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.direction-chip.active i { background:#2b4a61; color:#72e6ef; }
.direction-chip span { min-width:0; line-height:1.18; white-space:normal; font-size:10px; font-weight:760; }
.direction-chip b { min-width:20px; height:20px; display:grid; place-items:center; border-radius:99px; background:#edf1ef; color:#778791; font-size:8px; }
.direction-chip.active b { background:#5cdce4; color:#102a43; }

.calendar-layout { display:grid; grid-template-columns:minmax(0,1fr) 410px; border:1px solid #d5dcdc; background:var(--white); box-shadow:var(--shadow); min-height:700px; }
.calendar-sync { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; margin-bottom:18px; padding:18px 20px; border:1px solid #cbdcdd; border-radius:9px; background:linear-gradient(110deg,#f8ffff 0%,#f6faf7 62%,#f3f7ff 100%); box-shadow:0 8px 24px rgba(34,73,91,.06); }
.calendar-sync-icon { width:47px; height:47px; display:grid; place-items:center; border-radius:12px; color:#0d6570; background:#dff7f7; }
.calendar-sync-icon svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
.calendar-sync-copy p { margin:0 0 3px; color:#23808a; font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.calendar-sync-copy h3 { margin:0; color:#193b4e; font-family:Georgia,serif; font-size:19px; font-weight:600; }
.calendar-sync-copy > span { display:block; max-width:700px; margin-top:5px; color:#627985; font-size:10.5px; line-height:1.45; }
.calendar-sync-actions { display:flex; align-items:center; gap:7px; }
.sync-button,.sync-download { min-height:37px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid #cbd8da; border-radius:7px; padding:0 12px; background:#fff; color:#315568; font-size:10px; font-weight:800; text-decoration:none; white-space:nowrap; transition:.18s ease; }
.sync-button:hover,.sync-download:hover { transform:translateY(-1px); border-color:#91babc; box-shadow:0 5px 12px rgba(42,89,106,.1); }
.sync-button.google { color:#254e86; }
.google-mark,.google-event > span { color:#4285f4; font-weight:900; }
.sync-button.apple > span { color:#152d3a; font-size:13px; }
.sync-download { padding-inline:9px; color:#6a7e89; font-family:ui-monospace,monospace; }
.calendar-panel { min-width:0; border-right:1px solid #d9dfdf; }
.calendar-toolbar { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid #dfe4e2; }
.month-controls { display:flex; align-items:center; gap:15px; }
.month-controls h3 { margin:0; min-width:210px; text-align:center; font-size:21px; letter-spacing:-.025em; }
.month-controls h3 span { color:#81909b; font-weight:400; }
.icon-button { width:36px; height:36px; border:1px solid #d7dede; border-radius:7px; background:transparent; display:grid; place-items:center; transition:.18s ease; }
.icon-button:hover { background:#edf3f4; border-color:#bdc9ca; }
.icon-button svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.ghost-button { border:1px solid #cfd8d8; border-radius:7px; padding:9px 14px; background:transparent; font-size:11px; font-weight:750; }
.ghost-button:hover { background:#edf3f4; }
.weekday-row { height:38px; display:grid; grid-template-columns:repeat(7,1fr); border-bottom:1px solid #dfe4e2; color:#85939c; background:#f8f8f4; }
.weekday-row span { display:grid; place-items:center; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; border-right:1px solid #e2e6e4; }
.weekday-row span:last-child { border-right:0; }
.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:repeat(6,minmax(90px,1fr)); min-height:550px; }
.day-cell { position:relative; min-width:0; border:0; border-right:1px solid #e0e4e2; border-bottom:1px solid #e0e4e2; background:#fffefa; padding:9px; text-align:left; cursor:pointer; overflow:hidden; transition:.15s ease; }
.day-cell:nth-child(7n) { border-right:0; }
.day-cell:nth-last-child(-n+7) { border-bottom:0; }
.day-cell:hover { background:#f2f7f6; box-shadow:inset 0 0 0 1px #8fbfc4; z-index:1; }
.day-cell:focus-visible { outline:2px solid var(--blue); outline-offset:-2px; z-index:2; }
.day-cell.selected { background:#eaf5f6; box-shadow:inset 0 0 0 2px #36aabb; z-index:1; }
.day-cell.today .day-number { background:var(--ink); color:#fff; border-radius:50%; }
.day-cell.outside { background:#f6f5ef; color:#a8b1b4; }
.day-cell.outside .cell-events,.day-cell.outside .mobile-dots { opacity:.45; }
.day-number { width:27px; height:27px; display:grid; place-items:center; font-size:12.5px; font-weight:760; }
.today-label { position:absolute; right:8px; top:10px; color:#3d7c88; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.cell-events { display:flex; flex-direction:column; gap:4px; margin-top:5px; }
.mini-event { display:flex; align-items:center; gap:5px; border-radius:3px; padding:5px 6px; color:#526875; background:#f0f3f2; min-width:0; }
.mini-event i { width:6px; height:6px; border-radius:50%; min-width:6px; }
.mini-event b { font-size:9.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:760; }
.mini-event.person { background:#f0ecfb; color:#5a458e; }.mini-event.person i { background:var(--violet); }
.mini-event.discovery { background:#fff0eb; color:#91452e; }.mini-event.discovery i { background:var(--orange); }
.mini-event.technology { background:#eaf1ff; color:#2e5d9c; }.mini-event.technology i { background:var(--blue); }
.mini-event.space { background:#e4f7f7; color:#146f77; }.mini-event.space i { background:var(--cyan); }
.mini-event.observance { background:#e9f6f0; color:#237359; }.mini-event.observance i { background:var(--green); }
.more-events { padding-left:5px; color:#71828d; font-size:9px; font-weight:700; }
.mobile-dots { display:none; }
.calendar-legend { display:flex; flex-wrap:wrap; gap:17px; padding:14px 18px; border-top:1px solid #dfe4e2; color:#75848e; font-size:9px; }
.calendar-legend span { display:flex; align-items:center; gap:6px; }

.day-panel { padding:26px; background:#f8f8f4; min-width:0; }
.day-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid #d9dfdc; }
.day-panel-head p { margin:0 0 4px; color:#83919b; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; }
.day-panel-head h3 { margin:0; font-family:Georgia,serif; font-size:23px; font-weight:500; }
.share-button { width:34px; height:34px; color:#466273; }
.day-events { padding-top:18px; display:flex; flex-direction:column; gap:14px; }
.event-card { --event-color:#657; background:#fff; border:1px solid #dde2e0; border-top:3px solid var(--event-color); border-radius:5px; padding:20px; box-shadow:0 7px 20px rgba(30,52,68,.055); animation:cardIn .35s ease both; animation-delay:var(--delay); }
.event-card.person { --event-color:var(--violet); }.event-card.discovery { --event-color:var(--orange); }.event-card.technology { --event-color:var(--blue); }.event-card.space { --event-color:var(--cyan); }.event-card.observance { --event-color:var(--green); }
@keyframes cardIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.event-card-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.category-pill { display:flex; align-items:center; gap:5px; color:var(--event-color); font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.12em; }
.category-pill i { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#eef3f4; font-style:normal; font-size:10px; }
.event-year { padding:5px 8px; border-radius:999px; background:#f0f4f3; color:#526b79; font:750 10px ui-monospace,monospace; }
.event-history-date { display:flex; flex-direction:column; gap:3px; margin-top:15px; padding:10px 12px; border-left:3px solid var(--event-color); background:#f7f9f8; }
.event-history-date span { color:#7a8a94; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.event-history-date strong { color:#294a5f; font-family:Georgia,serif; font-size:14px; font-weight:600; }
.event-card h4 { margin:16px 0 10px; font-size:20px; line-height:1.2; letter-spacing:-.023em; }
.event-summary { margin:0; color:#4f6574; font-size:12.5px; line-height:1.68; }
.tag-list { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.tag-list span { border:1px solid #e0e5e3; border-radius:999px; padding:4px 7px; color:#6e7e88; background:#fafbf9; font-size:8px; font-weight:650; }
.event-actions { margin-top:14px; padding-top:12px; border-top:1px solid #edf0ee; display:flex; align-items:center; gap:8px; }
.event-actions > a { min-width:0; flex:1; color:#315f83; font-size:9px; font-weight:750; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.event-actions a:hover { text-decoration:underline; }
.event-calendar-button { height:29px; display:inline-flex; align-items:center; justify-content:center; gap:4px; border:1px solid #dce2df; border-radius:5px; padding:0 7px; background:#fff; color:#536d7f; font-size:8px; font-weight:800; cursor:pointer; white-space:nowrap; }
.event-calendar-button:hover { background:#edf4f4; }
.event-calendar-button svg { width:13px; fill:none; stroke:currentColor; stroke-width:1.7; }
.panel-empty { text-align:center; padding:58px 16px 25px; color:#788892; }
.empty-icon { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 13px; border:1px solid #ccd8d7; border-radius:50%; font-size:27px; color:#72a4a6; }
.panel-empty h4 { margin:0 0 7px; color:#334e61; font-size:16px; }
.panel-empty p { font-size:11px; line-height:1.55; margin:0 auto 11px; max-width:230px; }
.panel-empty .text-button { color:#2e6f93; }

.explore-section { padding-top:45px; padding-bottom:96px; }
.section-intro.compact { align-items:flex-end; }
.section-intro.compact > p { max-width:470px; margin:0; color:#677985; font-size:13px; line-height:1.65; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #d7dedd; background:#fffefa; }
.stats-grid article { min-height:150px; padding:27px; border-right:1px solid #d7dedd; display:flex; flex-direction:column; justify-content:flex-end; }
.stats-grid article:last-child { border-right:0; }
.stats-grid strong { font-family:Georgia,serif; font-size:46px; font-weight:400; letter-spacing:-.04em; line-height:1; }
.stats-grid span { margin-top:8px; color:#6f808b; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.11em; }
.stats-grid .accent-stat { background:var(--ink); color:#fff; }
.stats-grid .accent-stat strong { color:#6fe1e8; }
.stats-grid .accent-stat span { color:#b6c7d2; }
.month-strip { display:grid; grid-template-columns:repeat(12,1fr); border:1px solid #d7dedd; border-top:0; background:#f8f8f3; }
.month-pill { border:0; border-right:1px solid #dde3e1; background:transparent; min-width:0; padding:13px 4px; display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; color:#70808a; }
.month-pill:last-child { border-right:0; }
.month-pill b { font-size:9px; text-transform:uppercase; letter-spacing:.09em; }
.month-pill span { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; color:#7a8b94; font-size:9px; }
.month-pill:hover,.month-pill.active { background:#e9f2f1; color:#1d6470; }
.month-pill.active span { background:#2a8996; color:#fff; }

.about-section { max-width:none; min-height:320px; padding:68px clamp(22px,8vw,120px); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; color:#fff; background:linear-gradient(135deg,#183b55,#0e2a42); }
.about-section h2 { margin:0; white-space:nowrap; font-size:clamp(28px,3.2vw,46px); line-height:1; letter-spacing:-.045em; }
.about-copy { max-width:600px; }
.about-copy > p:first-child { margin:0; color:#c0ced7; font-size:15px; line-height:1.75; }
.source-note { display:flex; gap:10px; align-items:flex-start; margin:22px 0 0; border-top:1px solid rgba(255,255,255,.14); padding-top:19px; color:#9fb5c2; font-size:11px; line-height:1.5; }
.source-note span { width:19px; height:19px; border-radius:50%; display:grid; place-items:center; background:#52d5af; color:#12384b; font-weight:900; flex:0 0 auto; }

footer { min-height:104px; padding:0 clamp(22px,5vw,76px); display:flex; align-items:center; gap:25px; color:#c8d5dc; background:#0a2235; border-top:1px solid rgba(255,255,255,.09); }
.footer-brand { min-width:0; }
footer > p { margin-left:auto; color:#7f98a7; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }
.to-top { width:36px; height:36px; margin-left:12px; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; background:transparent; cursor:pointer; }
.to-top:hover { background:rgba(255,255,255,.08); }

.toast { position:fixed; z-index:80; left:50%; bottom:24px; transform:translate(-50%,20px); padding:11px 17px; border-radius:7px; background:#102a43; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.25); font-size:12px; font-weight:700; opacity:0; pointer-events:none; transition:.25s ease; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width:1100px) {
  .hero { grid-template-columns:1fr 370px; padding-inline:45px; gap:45px; }
  .hero h1 { font-size:44px; }
  .calendar-layout { grid-template-columns:minmax(0,1fr) 350px; }
  .month-controls h3 { min-width:175px; }
  .direction-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .direction-chip:nth-child(5n) { border-right:1px solid #e1e5e3; }
  .direction-chip:nth-child(3n) { border-right:0; }
  .direction-chip:nth-last-child(-n+5) { border-bottom:1px solid #e1e5e3; }
  .direction-chip:nth-last-child(-n+1) { border-bottom:0; }
  .calendar-sync { grid-template-columns:auto minmax(0,1fr); }
  .calendar-sync-actions { grid-column:1/-1; padding-left:65px; }
}

@media (max-width:900px) {
  .site-header { height:68px; padding-inline:22px; }
  .top-nav { display:none; }
  .mobile-header-actions { display:flex; }
  .mobile-only-action { display:grid!important; color:#fff; border-color:rgba(255,255,255,.2); }
  .hero { grid-template-columns:1fr; padding:60px 28px; }
  .hero h1 { font-size:clamp(30px,6vw,48px); }
  .today-card { width:100%; justify-self:stretch; display:grid; grid-template-columns:220px 1fr; }
  .today-card-top { grid-column:1/-1; }
  .today-visual { height:auto; min-height:180px; }
  .calendar-section,.explore-section { padding-inline:18px; }
  .section-intro { align-items:stretch; flex-direction:column; gap:22px; }
  .search-wrap { width:100%; }
  .calendar-layout { grid-template-columns:1fr; }
  .calendar-panel { border-right:0; }
  .day-panel { border-top:1px solid #d5dcdc; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .stats-grid article:nth-child(2) { border-right:0; }
  .stats-grid article:nth-child(-n+2) { border-bottom:1px solid #d7dedd; }
  .month-strip { grid-template-columns:repeat(6,1fr); }
  .month-pill:nth-child(6) { border-right:0; }
  .month-pill:nth-child(-n+6) { border-bottom:1px solid #dde3e1; }
  .about-section { grid-template-columns:1fr; gap:35px; }
}

@media (max-width:600px) {
  .brand { min-width:0; }
  .brand small { display:none; }
  .brand-mark { width:37px; height:37px; }
  .hero { min-height:auto; padding:48px 20px 55px; }
  .hero h1 { font-size:clamp(21px,5.8vw,34px); line-height:1.04; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:10px; }
  .today-card { display:block; }
  .today-visual { height:145px; min-height:0; }
  .calendar-section { padding-top:58px; }
  .section-intro h2 { font-size:36px; }
  .search-wrap kbd { display:none; }
  .direction-bar { margin-inline:-18px; border-left:0; border-right:0; }
  .direction-bar-head { align-items:flex-start; flex-direction:column; gap:8px; padding:14px 18px; }
  .direction-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .direction-chip { min-height:55px; padding-inline:10px; }
  .direction-chip:nth-child(3n) { border-right:1px solid #e1e5e3; }
  .direction-chip:nth-child(2n) { border-right:0; }
  .direction-chip:nth-last-child(-n+2) { border-bottom:0; }
  .direction-chip span { font-size:9px; }
  .calendar-sync { grid-template-columns:auto minmax(0,1fr); margin-inline:-18px; padding:16px 18px; border-left:0; border-right:0; border-radius:0; }
  .calendar-sync-icon { width:42px; height:42px; }
  .calendar-sync-copy h3 { font-size:16px; }
  .calendar-sync-copy > span { font-size:9.5px; }
  .calendar-sync-actions { grid-column:1/-1; padding-left:0; display:grid; grid-template-columns:1fr 1fr auto; width:100%; }
  .sync-button { padding-inline:8px; }
  .calendar-layout { margin-inline:-18px; border-left:0; border-right:0; }
  .calendar-toolbar { height:68px; padding-inline:12px; }
  .month-controls { gap:6px; }
  .month-controls h3 { min-width:145px; font-size:18px; }
  .icon-button { width:33px; height:33px; }
  .weekday-row { height:34px; }
  .calendar-grid { grid-template-rows:repeat(6,62px); min-height:372px; }
  .day-cell { padding:6px 4px; text-align:center; }
  .day-number { width:24px; height:24px; margin:0 auto; }
  .today-label,.cell-events { display:none; }
  .mobile-dots { display:flex; justify-content:center; gap:2px; margin-top:5px; min-height:4px; }
  .mobile-dots i { width:4px; height:4px; border-radius:50%; }
  .mobile-dots i.person { background:var(--violet); }.mobile-dots i.discovery { background:var(--orange); }.mobile-dots i.technology { background:var(--blue); }.mobile-dots i.space { background:var(--cyan); }.mobile-dots i.observance { background:var(--green); }
  .calendar-legend { gap:11px; padding-inline:12px; }
  .day-panel { padding:20px 18px; }
  .event-actions { flex-wrap:wrap; }
  .event-actions > a { flex-basis:100%; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .stats-grid article { min-height:125px; padding:19px; }
  .stats-grid strong { font-size:38px; }
  .month-strip { grid-template-columns:repeat(4,1fr); }
  .month-pill { border-bottom:1px solid #dde3e1; }
  .month-pill:nth-child(4n) { border-right:0; }
  .month-pill:nth-last-child(-n+4) { border-bottom:0; }
  .month-pill:nth-child(6) { border-right:1px solid #dde3e1; }
  .about-section { padding:54px 22px; }
  .about-section h2 { font-size:clamp(16.5px,5vw,24px); }
  footer { padding:24px 22px; }
  footer > p { display:none; }
  .to-top { margin-left:auto; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}