.forside-hero{--cool: var(--accent);--card-bg: rgba(9, 14, 30, .72);position:relative;height:calc(100svh - 58px);overflow:hidden}.fh-fallback,.fh-orb-shade{position:absolute;left:50%;top:50%;width:min(56vh,70vw);height:min(56vh,70vw);transform:translate(-50%,-54%);border-radius:50%;transition:opacity .5s ease}.fh-fallback{z-index:0;object-fit:cover;border:1px solid var(--line);filter:saturate(.86) brightness(.82) contrast(1.04)}.fh-orb-shade{z-index:1;pointer-events:none;border:1px solid rgba(127,168,255,.22);background:radial-gradient(circle at 34% 26%,#ffffff38,#fff0 20%),radial-gradient(circle at 50% 50%,#02040c00 44%,#02040c7a,#000000e0),linear-gradient(118deg,#050a1a00 28%,#03071438 54%,#00000094);box-shadow:inset 0 0 58px 12px #02040a9e,0 0 68px #7fa8ff2e;animation:fh-orb-breathe 2.8s ease-in-out infinite}.forside-hero[data-globe-live] .fh-fallback,.forside-hero[data-globe-live] .fh-orb-shade{opacity:0!important;animation:none}@keyframes fh-orb-breathe{50%{opacity:.86}}.fh-stage,.fh-stage canvas{position:absolute;inset:0;width:100%;height:100%}.fh-stage{z-index:2;opacity:0;transition:opacity .7s ease}.forside-hero.is-ready .fh-stage{opacity:1!important}.fh-stage canvas{cursor:grab}.fh-stage canvas:active{cursor:grabbing}.forside-hero .fh-ui{position:absolute;z-index:5;opacity:0;transform:translateY(10px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.forside-hero .fh-copy{opacity:1;transform:none}.forside-hero .fh-console{opacity:1;transform:translate(-50%)}.forside-hero.is-ready .fh-ui{opacity:1;transform:none}.forside-hero.is-ready .fh-console{transform:translate(-50%)}.forside-hero.is-ready .fh-zones{transition-delay:.6s}.fh-copy{top:clamp(14px,3vh,34px);left:clamp(18px,3.4vw,44px);max-width:34rem}.fh-eyebrow{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.fh-copy h1{margin-top:6px;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem);line-height:1.12}.fh-sub{margin-top:10px;color:var(--muted);max-width:44ch;line-height:1.5;font-size:var(--step-0)}.fh-zones{top:clamp(190px,30vh,250px);left:clamp(18px,3.4vw,44px);z-index:8;max-width:300px}.fh-zones-row{display:flex;flex-wrap:wrap;gap:8px}#fh-zones-toggle,#fh-sun-toggle,#fh-moon-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font:500 .82rem var(--font-sans);color:var(--ink);background:var(--card-bg);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:border-color .2s}#fh-zones-toggle:hover,#fh-sun-toggle:hover,#fh-moon-toggle:hover{border-color:#94aadc73}#fh-zones-toggle span{color:var(--cool)}#fh-sun-toggle span{color:var(--warm)}#fh-moon-toggle span{color:#cfd8ea}#fh-sun-toggle[aria-pressed=true]{border-color:#ffb45e80;color:#ffd9a8}#fh-moon-toggle[aria-pressed=true]{border-color:#cfd8ea73;color:#eaf0fb}#fh-zones-list{margin-top:8px;padding:10px 6px 10px 12px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}#fh-zones-hint{font-size:.68rem;color:var(--muted);margin:0 0 6px 2px}#fh-zones-items{list-style:none;margin:0;padding:0;max-height:38svh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,170,220,.35) transparent}#fh-zones-items label{display:grid;grid-template-columns:auto 62px 46px 1fr;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-size:.78rem;cursor:pointer}#fh-zones-items label:hover{background:#94aadc14}#fh-zones-items input{appearance:none;width:26px;height:15px;border-radius:999px;background:#94aadc38;border:0;position:relative;cursor:pointer;transition:background .2s}#fh-zones-items input:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}#fh-zones-items input:checked{background:#7fa8ff80}#fh-zones-items input:checked:after{transform:translate(11px);background:#dcecff}#fh-zones-items .z-off{color:var(--cool);font-family:var(--font-mono);font-size:.72rem}#fh-zones-items .z-time{color:var(--ink);font-family:var(--font-mono);font-size:.72rem}#fh-zones-items .z-names{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forside-hero .zone-chip{position:absolute;top:0;left:0;z-index:6;padding:3px 10px;font:500 .72rem var(--font-mono);letter-spacing:.08em;color:#cfe4ff;background:#080e1e99;border:1px solid rgba(127,168,255,.35);border-radius:999px;pointer-events:none;transition:opacity .3s ease;will-change:transform}.forside-hero .zone-chip.is-occluded{opacity:0}.fh-console{left:50%;bottom:clamp(8px,1.8svh,30px);transform:translate(-50%);width:min(820px,calc(100vw - 28px));text-align:center;z-index:9}.fh-planner{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:clamp(8px,1.4vw,14px);padding:clamp(8px,1.7svh,14px) clamp(10px,1.8vw,18px);border:1px solid var(--line);border-radius:16px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.fh-planner .field{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;align-items:baseline}.fh-planner .field label{grid-row:1;font-size:clamp(.56rem,1.2svh,.68rem);text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.fh-planner .field-from label{color:var(--cool)}.fh-planner .field-to label{color:var(--warm)}.fh-planner .chip-time{grid-row:1;justify-self:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(.62rem,1.4svh,.78rem);color:var(--muted)}.fh-planner .combo{grid-row:2;grid-column:1 / -1;position:relative;margin-top:4px}.fh-planner .combo input{width:100%;padding:clamp(4px,1svh,7px) 10px;font:500 clamp(.85rem,1.9svh,.95rem) var(--font-sans);color:var(--ink);background:#ffffff0b;border:1px solid var(--line);border-radius:9px}.fh-planner .combo input:hover,.fh-planner .combo input:focus{border-color:#94aadc73;outline:none}.forside-hero .combo-list{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:20;list-style:none;margin:0;padding:6px;max-height:42svh;overflow-y:auto;background:#0b1226;border:1px solid rgba(148,170,220,.3);border-radius:12px;box-shadow:0 -14px 44px #0009;scrollbar-width:thin;scrollbar-color:rgba(148,170,220,.35) transparent;text-align:left}.forside-hero .combo-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer}.forside-hero .combo-list li:hover,.forside-hero .combo-list li.is-active{background:#7fa8ff24}.forside-hero .combo-list li b{font-weight:600;color:var(--ink);font-size:.9rem}.forside-hero .combo-list li span{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forside-hero .combo-list li em{font-style:normal;color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.forside-hero .combo-list li[aria-selected=true] b{color:var(--cool)}.forside-hero .combo-empty{color:var(--muted);font-size:.8rem;cursor:default}#fh-swap{align-self:end;margin-bottom:3px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font-size:1rem;cursor:pointer;transition:transform .45s cubic-bezier(.34,1.56,.64,1),border-color .2s}#fh-swap:hover{border-color:#94aadc80;transform:rotate(180deg)}.fh-diff{text-align:right;min-width:130px}#fh-diff-big{font:550 min(clamp(1.5rem,1.2rem + 1.4vw,2.1rem),3.4svh) var(--font-mono);line-height:1;background:linear-gradient(100deg,var(--cool),var(--warm));-webkit-background-clip:text;background-clip:text;color:transparent}#fh-diff-text{margin-top:5px;font-size:clamp(.66rem,1.4svh,.78rem);color:var(--muted);line-height:1.35}.fh-hints{margin-top:clamp(4px,1svh,10px);font-size:clamp(.62rem,1.4svh,.75rem);color:var(--muted);letter-spacing:.02em}.fh-hints .hint-touch{display:none}@media(pointer:coarse){.fh-hints .hint-mouse{display:none}.fh-hints .hint-touch{display:inline}}#fh-solar{margin-top:clamp(2px,.7svh,6px);font:500 clamp(.56rem,1.3svh,.68rem) var(--font-mono);letter-spacing:.08em;color:#8d9ab5bf}.fh-cue{display:inline-block;margin-top:clamp(2px,.9svh,8px);font-size:clamp(.6rem,1.4svh,.72rem);color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .2s}.fh-cue:hover{color:var(--ink)}.fh-cue span{display:inline-block;animation:fh-cuebob 2.4s ease-in-out infinite}@keyframes fh-cuebob{50%{transform:translateY(3px)}}#fh-tip{position:absolute;top:0;left:0;z-index:6;padding:5px 10px;font:400 .78rem var(--font-mono);color:var(--ink);background:var(--card-bg);border:1px solid var(--line);border-radius:8px;pointer-events:none;white-space:nowrap}#fh-card{position:absolute;top:0;left:0;z-index:7;width:230px;padding:16px 18px 14px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md);opacity:0;transition:opacity .35s ease;will-change:transform}#fh-card.is-open{opacity:1}#fh-card.is-occluded{opacity:0;pointer-events:none}#fh-card-close{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--muted);font-size:1.05rem;cursor:pointer}#fh-card-city{font-size:1.15rem;font-weight:650;letter-spacing:-.01em}#fh-card-country{font-size:.8rem;color:var(--muted)}#fh-card-time{margin-top:10px;font:450 2rem var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1}#fh-card-sec{font-size:1.1rem;color:var(--muted);animation:fh-secfade 1s steps(2,jump-none) infinite}@keyframes fh-secfade{50%{opacity:.45}}#fh-card-zone{margin-top:8px;font:400 .72rem var(--font-mono);color:var(--muted);letter-spacing:.04em}#fh-card-diff{margin-top:4px;font-size:.85rem;color:var(--warm)}#fh-card-set{margin-top:12px;width:100%;padding:7px 0;font:500 .82rem var(--font-sans);color:var(--ink);background:linear-gradient(100deg,#7fa8ff29,#ffb45e29);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .2s}#fh-card-set:hover{border-color:#ffb45e80}#fh-arc-label{position:absolute;top:0;left:0;z-index:6;padding:4px 12px;font:500 .8rem var(--font-mono);letter-spacing:.12em;color:#ffd9a8;background:#140e068c;border:1px solid rgba(255,180,94,.35);border-radius:999px;pointer-events:none;transition:opacity .3s ease;will-change:transform}#fh-arc-label.is-occluded{opacity:0}@media(max-width:760px){.fh-sub{display:none}.fh-zones{top:clamp(150px,24vh,210px);max-width:min(300px,calc(100vw - 36px))}.fh-planner{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:10px;padding:12px 14px}.fh-diff{grid-column:1 / -1;text-align:center;min-width:0}#fh-card{width:200px}#fh-solar{display:none}}@media(max-height:500px){.fh-hints,#fh-solar,.fh-sub{display:none}}@media(prefers-reduced-motion:reduce){.forside-hero .fh-ui,#fh-card{transition:none}.fh-orb-shade,#fh-card-sec,.fh-cue span{animation:none}}