/* Theme Fluidum: alien-organic, dark globe, floating membranes.
   Header geometry (.hdr / .switches) matches base + Sternwarte + Nüchtern:
   full-width top bar, switches top-right (theme then lang). Themes only restyle color/font/surface. */
.theme-fluidum{--bg:#02060b;--surface:rgba(8,26,34,.72);--surface-2:rgba(60,245,208,.07);--ink:#e3fbf5;--muted:#9fcbc3;--line:rgba(90,255,220,.24);--accent:#3cf5d0;--accent-ink:#022;--danger:#ff6fdc;--gold:#f5d66b;--warn:#ffb86b;
  --font-body:Manrope,system-ui,sans-serif;--font-head:Syne,Manrope,system-ui,sans-serif;--radius:16px;--focus:#ffd166}
.theme-fluidum:lang(ru){--font-head:Manrope,system-ui,sans-serif}
.theme-fluidum body{background:radial-gradient(1px 1px at 12% 22%,#fff8,transparent),radial-gradient(1px 1px at 72% 12%,#fff6,transparent),radial-gradient(1.5px 1.5px at 85% 68%,#bff8,transparent),radial-gradient(1px 1px at 33% 80%,#fff5,transparent),radial-gradient(1px 1px at 92% 32%,#fff6,transparent),radial-gradient(ellipse at 50% 55%,#062a2c 0%,#031017 38%,#02060b 70%)}
.theme-fluidum .app{display:block;position:relative}
.theme-fluidum .mapwrap{position:fixed;inset:0;top:62px}
.theme-fluidum .panel-surface{background:var(--surface);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 40px rgba(60,245,208,.05)}
/* Shared header chrome: same box as other themes (62px, pad 16, switches ml:auto). Only surface differs. */
.theme-fluidum .hdr{position:fixed;z-index:12;top:0;left:0;right:0;height:62px;padding:0 16px;box-sizing:border-box;
  background:rgba(8,26,34,.88);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.45)}
.theme-fluidum .brand .logo{color:#3cf5d0;filter:drop-shadow(0 0 8px rgba(60,245,208,.6));animation:argus-breathe 6s ease-in-out infinite}.theme-fluidum .brand .pupil{fill:#02060b}
.theme-fluidum .brand b{letter-spacing:.2em;text-transform:uppercase;font-weight:800;font-size:16px}
@keyframes argus-breathe{0%,100%{transform:scale(.93)}50%{transform:scale(1.05)}}
.theme-fluidum .search input{border-radius:999px;background:rgba(4,20,26,.75);border-color:rgba(60,245,208,.4);padding-left:18px;box-shadow:0 0 28px rgba(60,245,208,.16)}
.theme-fluidum .search .go{border-radius:999px;background:linear-gradient(120deg,#3cf5d0,#8f6bff);border:0;color:#021;font-weight:700}
/* Switches: inherit base row + margin-left:auto — do not re-layout */
.theme-fluidum .switches .seg{border-radius:999px;border-color:rgba(90,255,220,.35)}
.theme-fluidum .switches .seg button{color:var(--ink)}
.theme-fluidum .switches .seg button+button{border-color:rgba(90,255,220,.28)}
.theme-fluidum .switches .seg button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 14px rgba(60,245,208,.45)}
.theme-fluidum .panel.left{position:fixed;z-index:10;left:14px;top:76px;width:300px;max-height:calc(100dvh - 76px - 176px);border-radius:26px 32px 24px 30px/28px 24px 32px 26px;animation:argus-morph 24s ease-in-out infinite alternate}
.theme-fluidum .panel.right{position:fixed;z-index:10;right:14px;top:76px;bottom:176px;width:368px}
.theme-fluidum .tabwrap{border-radius:26px;overflow:hidden}
.theme-fluidum .tabs [role=tab]{border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink)}
.theme-fluidum .tabs{gap:4px;padding:10px 8px 6px}.theme-fluidum .tabs [role=tab]{padding:7px 7px;font-size:12px}.theme-fluidum .tabs [role=tab][aria-selected=true]{background:rgba(143,107,255,.3);border-color:#8f6bff;box-shadow:0 0 14px rgba(143,107,255,.35)}
.theme-fluidum .panes{border-top:0}
@keyframes argus-morph{0%{border-radius:26px 32px 24px 30px/28px 24px 32px 26px}100%{border-radius:32px 24px 30px 26px/24px 32px 26px 30px}}
.theme-fluidum .ph h2{color:#3cf5d0;letter-spacing:.14em}
.theme-fluidum .chip{background:rgba(60,245,208,.04)}.theme-fluidum .chip.on{background:rgba(60,245,208,.22);color:#fff;border-color:#3cf5d0;box-shadow:0 0 12px rgba(60,245,208,.35)}
.theme-fluidum .item:hover,.theme-fluidum .item.sel{background:rgba(60,245,208,.08)}
.theme-fluidum .timeline{position:fixed;z-index:10;left:14px;right:14px;bottom:30px;height:132px;grid-template-columns:290px 1fr;border-radius:40px 40px 36px 36px/36px 36px 40px 40px}
.theme-fluidum .play{background:radial-gradient(circle at 40% 35%,rgba(60,245,208,.65),rgba(17,181,164,.15));border-color:#3cf5d0;color:#fff;box-shadow:0 0 18px rgba(60,245,208,.35);width:46px;height:46px}
.theme-fluidum .trk .w1{stop-color:#ff4fd8;stop-opacity:.5}.theme-fluidum .trk .w2{stop-color:#11b5a4;stop-opacity:.05}
.theme-fluidum .trk .area-all{fill:rgba(127,179,171,.07)}.theme-fluidum .trk .line-all{fill:none;stroke:rgba(127,179,171,.3)}.theme-fluidum .trk .line-past{fill:none;stroke:#c9fff3;stroke-width:1.5;filter:drop-shadow(0 0 4px #3cf5d0)}
.theme-fluidum .trk #cur line{stroke:#fff}.theme-fluidum .trk #cur circle{fill:#fff;stroke:#3cf5d0;filter:drop-shadow(0 0 6px #fff)}
.theme-fluidum .trk .ev{stroke:#fff}
.theme-fluidum .detail{left:330px;top:80px;bottom:174px;max-height:none;width:min(430px,calc(100vw - 740px));border-radius:26px}
.theme-fluidum .pop{border-radius:20px;background:rgba(4,20,26,.92)}
.theme-fluidum .foot{position:fixed;left:0;right:0;bottom:6px;z-index:9;pointer-events:none}
.theme-fluidum .loading{color:#9fcbc3}
.theme-fluidum .maplibregl-ctrl-group{background:rgba(8,26,34,.7)}.theme-fluidum .maplibregl-ctrl-group button span{filter:invert(1) hue-rotate(140deg)}
.theme-fluidum .maplibregl-ctrl-bottom-right{bottom:166px;right:388px}
.theme-fluidum .maplibregl-ctrl-attrib{background:rgba(2,10,14,.6)!important;color:#9fcbc3}.theme-fluidum .maplibregl-ctrl-attrib a{color:#9fcbc3!important}
.theme-fluidum .tw-rule input,.theme-fluidum .tw-rule select,.theme-fluidum .tw-name{background:rgba(2,10,14,.7);color:var(--ink)}
.theme-fluidum .tw-rule select option{background:#06141a}
@media (max-width:900px){
  .theme-fluidum .app{display:flex}
  .theme-fluidum .hdr{position:static;height:auto;padding:8px 10px;flex-wrap:wrap;box-shadow:none}
  .theme-fluidum .brand b{letter-spacing:.08em;font-size:15px}
  .theme-fluidum .mapwrap{position:relative;inset:auto;top:auto;height:56vh}
  .theme-fluidum .panel.left,.theme-fluidum .panel.right,.theme-fluidum .timeline{position:static;width:auto;max-height:none;margin:8px;animation:none}
  .theme-fluidum .timeline{height:auto;grid-template-columns:1fr}.theme-fluidum .track{height:90px}
  .theme-fluidum .maplibregl-ctrl-bottom-right{bottom:0;right:0}
  .theme-fluidum .foot{position:static}
}
