html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}
#universe{position:relative;inset:auto;height:68svh;max-height:740px;overflow:hidden;isolation:isolate;container-type:size}
#space{pointer-events:none}
#orbit-input{position:absolute;left:50%;top:50%;width:min(88vw,82cqh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:grab;outline:none}
#orbit-input:active{cursor:grabbing}
#orbit-input:focus-visible{outline:1px solid #fecb00;outline-offset:8px}
header{position:absolute;top:calc(24px + env(safe-area-inset-top));left:calc(32px + env(safe-area-inset-left))}
.brand{width:clamp(160px,16vw,210px);min-height:44px}
#future-content{min-height:100svh;background:#fff;color:#111;color-scheme:light}
.outlets{max-width:1184px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 0}
.outlet-navigation{border-bottom:1px solid #e5e5e5}
.outlet-tabs{display:flex;align-items:stretch;gap:clamp(24px,4vw,48px)}
.outlet-tabs button{appearance:none;border:0;border-radius:0;background:transparent;color:#666;font:500 1rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;padding:20px 0 24px;min-height:64px;cursor:pointer;transition:color .18s}
.outlet-tabs button span{display:inline-block;position:relative}
.outlet-tabs button span::after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:#fecb00;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.outlet-tabs button[aria-selected="true"]{color:#111}
.outlet-tabs button[aria-selected="true"] span::after{transform:scaleX(1)}
.outlet-tabs button:hover{color:#111}
.outlet-action{display:flex;justify-content:flex-end;padding-top:8px}
.outlet-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#333;font-size:.875rem;text-decoration:underline;text-decoration-color:#b8b8b8;text-underline-offset:4px}
.outlet-link:hover{color:#111;text-decoration-color:#111}
.outlet-link svg{flex-shrink:0}
.outlet-tabs button:focus-visible,.outlet-link:focus-visible,.outlet-panel:focus-visible{outline:2px solid #111;outline-offset:4px}
.outlet-panel{min-height:70svh}
@media(max-width:600px){.outlets{padding-top:12px}.outlet-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.outlet-tabs button{font-size:.875rem;padding:16px 0 24px;min-height:64px;display:flex;align-items:flex-end}.outlet-tabs button span{max-width:100%}}
@media(prefers-reduced-motion:reduce){.outlet-tabs button,.outlet-tabs button span::after{transition:none}}
@media(max-width:600px){#universe{height:min(68svh,calc(88vw + 140px))}header{top:calc(20px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left))}.brand{width:160px}}

header{right:calc(32px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px}
.bosnia-clock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#fff;white-space:nowrap;line-height:1.2}
.clock-label{font-size:.75rem;color:#adb6c4}
#bosnia-time{font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.035em}
@media(max-width:600px){header{right:calc(24px + env(safe-area-inset-right))}}
@media(max-width:360px){.brand{width:140px}}