:root{--bg: #050608;--bg-inset: #090b0f;--fg: #e8e4d8;--fg-muted: #8e8678;--fg-faint: #4a4640;--line: rgba(232, 228, 216, .1);--line-strong: rgba(232, 228, 216, .22);--sun: #ff9d4a;--sun-soft: rgba(255, 157, 74, .18);--night: #5ac8d4;--night-soft: rgba(90, 200, 212, .18);--live: #9aef8e;--label-day: #ffd888;--label-night: #a8c4ff;--label-name: #f6ecd9;--label-shadow-a: rgba(0, 0, 0, .95);--label-shadow-b: rgba(0, 0, 0, .9);--f-display: "Fraunces", "Times New Roman", serif;--f-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--gutter: clamp(20px, 2.8vw, 40px);--hud-gap: 18px;--radius: 2px}body.theme-almanac{--bg: #ede2c8;--bg-inset: #e3d7b8;--fg: #2a231a;--fg-muted: #6b5f4a;--fg-faint: #b0a38a;--line: rgba(42, 35, 26, .15);--line-strong: rgba(42, 35, 26, .35);--sun: #b65f1b;--sun-soft: rgba(182, 95, 27, .18);--night: #2f5d88;--night-soft: rgba(47, 93, 136, .14);--live: #3a7a42;--label-day: #ffd888;--label-night: #a8c4ff;--label-name: #f6ecd9;--label-shadow-a: rgba(0, 0, 0, .95);--label-shadow-b: rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--f-mono);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}body{position:relative;cursor:grab}body:active{cursor:grabbing}button{font:inherit;color:inherit;background:transparent;border:0}#globe-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 95%)}body.theme-almanac .vignette{background:radial-gradient(ellipse at center,transparent 55%,rgba(140,115,70,.18) 100%)}body.theme-almanac .grain{opacity:.14;mix-blend-mode:multiply}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.overlay{position:fixed;inset:0;pointer-events:none;z-index:10;padding:var(--gutter);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:var(--hud-gap);grid-template-areas:"tl tr" ".  . " "bl br"}.hud{pointer-events:auto;position:relative;min-width:0;display:flex;flex-direction:column;animation:fade-in .9s cubic-bezier(.16,1,.3,1) both}.hud--tl{grid-area:tl;gap:24px}.hud--tr{grid-area:tr;align-items:flex-end;gap:18px}.hud--bl{grid-area:bl;justify-content:flex-end;gap:14px}.hud--br{grid-area:br;justify-content:flex-end;align-items:flex-end;gap:14px}.hud--tl{animation-delay:.1s}.hud--tr{animation-delay:.18s}.hud--bl{animation-delay:.26s}.hud--br{animation-delay:.34s}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;align-items:flex-start;gap:14px}.brand__mark{display:inline-block;color:var(--sun);font-size:26px;line-height:1;margin-top:6px;filter:drop-shadow(0 0 10px rgba(255,157,74,.5));animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.brand__text{display:flex;flex-direction:column;gap:4px}.brand__title{font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.015em;line-height:1;color:var(--fg);font-variation-settings:"opsz" 144,"SOFT" 40}.brand__slash{color:var(--fg-muted);font-style:italic;font-weight:200;margin:0 2px}.brand__sub{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.ephemeris{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--line);max-width:280px}.ephemeris__row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;gap:10px;padding:3px 0;font-size:11px}.ephemeris dt{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:12px;color:var(--fg-muted);letter-spacing:.01em}.ephemeris dd{font-family:var(--f-mono);font-weight:400;font-size:11.5px;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.02em}.clock{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:240px;padding:14px 18px;background:linear-gradient(180deg,#e8e4d806,#e8e4d802);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);position:relative;overflow:hidden}.clock:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.clock__header{display:flex;align-items:baseline;gap:10px;width:100%;justify-content:space-between}.clock__label{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:11px;color:var(--fg-muted)}.clock__code{font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;color:var(--sun);padding:3px 7px;border:1px solid var(--sun-soft);border-radius:var(--radius);background:var(--sun-soft)}.clock--secondary .clock__code{color:var(--night);border-color:var(--night-soft);background:var(--night-soft)}.clock__time{font-family:var(--f-mono);font-weight:300;font-size:44px;line-height:1;letter-spacing:-.01em;color:var(--fg);font-variant-numeric:tabular-nums;font-feature-settings:"zero" on;text-shadow:0 0 22px rgba(255,157,74,.12)}.clock--secondary .clock__time{font-size:30px;color:var(--fg);text-shadow:0 0 18px rgba(90,200,212,.12)}.clock__date{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--fg-muted);text-transform:uppercase}.observer{display:flex;align-items:baseline;gap:10px}.tag{font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);padding:3px 7px;border:1px solid var(--line-strong);border-radius:var(--radius)}.observer__coord{font-family:var(--f-mono);font-size:12px;color:var(--fg);font-variant-numeric:tabular-nums}.credit{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:11.5px;line-height:1.5;color:var(--fg-muted);max-width:260px}.status{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.22em;color:var(--live)}.status__pulse{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 10px var(--live);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.btn{display:inline-flex;align-items:center;gap:12px;padding:9px 14px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--fg);font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s cubic-bezier(.2,.9,.3,1)}.btn:hover{background:#e8e4d80a;border-color:var(--fg-muted)}.btn:active{transform:translateY(1px)}.btn__label{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:13px}.btn__key{font-family:var(--f-mono);font-size:10px;color:var(--fg-muted);padding:2px 6px;border:1px solid var(--line-strong);border-radius:2px;line-height:1}.btn--toggle[aria-pressed=true]{background:#ffcc881f;border-color:#ffcc8880}.btn--toggle[aria-pressed=true] .btn__label{color:var(--sun)}.layers{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:transparent}.layers__legend{font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);padding:0 4px;margin-bottom:3px}.layers__opt{display:flex;align-items:center;gap:8px;padding:3px 2px;font-family:var(--f-display);font-style:italic;font-weight:300;font-size:13px;color:var(--fg);cursor:pointer;transition:color .16s ease}.layers__opt input[type=radio]{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;margin:0;position:relative;transition:border-color .16s ease,background .16s ease}.layers__opt input[type=radio]:checked{border-color:var(--sun);background:radial-gradient(circle,var(--sun) 0 45%,transparent 50%)}.layers__opt:hover{color:var(--sun)}.city-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.city{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .26s ease;will-change:transform,opacity;line-height:1;text-align:center;text-shadow:1px 1px 0 var(--label-shadow-a),-1px 1px 0 var(--label-shadow-a),1px -1px 0 var(--label-shadow-a),-1px -1px 0 var(--label-shadow-a),0 0 6px var(--label-shadow-b)}.city--visible{opacity:1}.city__name{font-family:var(--f-display);font-style:italic;font-weight:400;font-size:11px;letter-spacing:.005em;color:var(--label-name)}.city__time{font-family:var(--f-mono);font-weight:500;font-size:10.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.city--day .city__time{color:var(--label-day)}.city--night .city__time{color:var(--label-night)}.regmarks{position:fixed;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);pointer-events:none;z-index:3;overflow:visible}.regmarks line{stroke:var(--line-strong);stroke-width:.5;vector-effect:non-scaling-stroke}@media (max-width: 800px){.overlay{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"tl" "tr" ". " "br" "bl"}.hud--tr,.hud--br{align-items:flex-start}.clock__time{font-size:34px}.clock--secondary .clock__time,.brand__title{font-size:24px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}