:root{--surface: rgba(10, 10, 18, .92);--text: #d8d8de;--text-muted: #909097;--accent: #5b8def;--ok: #4ecb71;--warn: #ffcc33;--error: #ef4444;--space-half: .25rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--radius: 6px;--t-xs: .8rem;--t-sm: 2rem;--t-base: 1rem;--t-md: 1.133rem;--t-lg: 1.333rem;--t-xl: 1.6rem;--t-2xl: 5rem;--font-mono: "SF Mono", "Menlo", "Consolas", monospace}html{font-size:93.75%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{font-family:Geist,system-ui,-apple-system,sans-serif;background:#06060c;color:var(--text);overflow:hidden}#map{position:absolute;inset:0;touch-action:manipulation}.intro-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#06060ce0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.intro-overlay.is-hidden{pointer-events:none}.instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:#fff;color:#111;padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;gap:var(--space-half);pointer-events:none;opacity:0;transition:opacity .4s ease}.instructions.is-visible{opacity:1}.instructions p{font-size:.933rem;font-weight:400;line-height:1.5;margin:0}.intro__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.intro__logo{width:clamp(200px,30vw,320px);height:auto;margin-bottom:24px;opacity:0;transform:translateY(16px)}.intro__desc{font-size:clamp(1.2rem,2.5vw,1.867rem);color:#fff;font-weight:200;text-align:center;line-height:1.4;opacity:0;transform:translateY(12px)}.intro__start{margin-block-start:var(--space-2);background:#fff;border:none;color:#000;font-family:inherit;font-size:var(--t-base);font-weight:400;padding:var(--space-2) var(--space-4);border-radius:9999px;cursor:pointer;opacity:0;transform:translateY(8px);transition:background .15s ease,transform .15s ease}.intro__start:hover{background:#ffffffd9}.intro__start:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.location-panel{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:10;color:var(--text);pointer-events:none}.location-panel__logo{display:block;font-size:var(--t-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-block-end:var(--space-2)}.location-panel__date{display:block;font-size:var(--t-xs);margin-bottom:8px;opacity:.6;line-height:1.4}.location-panel__time{display:block;font-size:var(--t-xl);font-weight:400;line-height:1.2;margin-block-end:var(--space-1);font-variant-numeric:tabular-nums}.location-panel__location{display:block;overflow:hidden;position:relative;margin-block-end:var(--space-half)}.location-panel__city,.location-panel__country{display:inline-block;will-change:transform,opacity;transition:transform .3s ease,opacity .25s ease}.location-panel__city{font-size:var(--t-2xl);font-weight:200;line-height:1.2}.location-panel__country{font-size:var(--t-sm);font-weight:400;opacity:.7;margin-inline-start:var(--space-1);vertical-align:baseline}.location-panel__country:empty{display:none}.location-panel__city.is-exiting,.location-panel__country.is-exiting{transform:translateY(-40px);opacity:0}.location-panel__city.is-entering,.location-panel__country.is-entering{transform:translateY(40px);opacity:0}.location-panel__lat,.location-panel__lng{display:block;font-family:var(--font-mono);font-size:var(--t-xs);opacity:.6;line-height:1.6;font-variant-numeric:tabular-nums}.control-strip{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;display:flex;flex-direction:column;gap:0;opacity:.4;transition:opacity .25s ease}.control-strip:hover{opacity:1}.control-strip__fps{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:right;padding-block-start:var(--space-1)}.control-strip__filters{display:flex;flex-direction:column;gap:0}.cat-btn{display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;border-inline-start:2px solid transparent;color:var(--text-muted);font-family:inherit;font-size:12px;padding:6px var(--space-2) 6px var(--space-1);cursor:pointer;min-width:192px;transition:color .15s ease,border-color .15s ease}.cat-btn:hover{color:var(--text)}.cat-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cat-btn.is-active{color:var(--text);border-inline-start-color:var(--text)}.cat-btn__label{pointer-events:none}.cat-btn__count{font-family:var(--font-mono);font-size:12px;opacity:.7;pointer-events:none;font-variant-numeric:tabular-nums}.time-controls{position:absolute;inset-block-end:var(--space-4);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:var(--space-half);translate:0 calc(-1 * var(--space-4) - var(--space-1))}.time-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.time-btn:hover{color:#fff;background:#ffffff14}.time-btn.is-active{color:#fff}.time-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-btn__label{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:var(--t-xs);color:#fff;background:var(--surface);padding:2px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.time-btn:hover .time-btn__label{opacity:1}.bottom-sliders{position:absolute;inset-block-end:var(--space-4);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:var(--space-3)}.playback-controls{display:flex;gap:4px}.playback-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.playback-btn:hover{color:#fff;background:#ffffff1f}.playback-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.playback-btn.is-paused{color:var(--accent)}.playback-btn svg[hidden]{display:none}.bottom-slider{display:flex;align-items:center;gap:var(--space-1)}.bottom-slider__label{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;min-width:2.5rem}.bottom-slider__val{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text);min-width:3rem;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:160px;height:24px;background:transparent;cursor:pointer;--fill: 50%}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,rgba(255,255,255,.9) 0%,rgba(255,255,255,.9) var(--fill),rgba(255,255,255,.15) var(--fill),rgba(255,255,255,.15) 100%);transition:height .15s ease,border-radius .15s ease}input[type=range]:hover::-webkit-slider-runnable-track{height:24px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:8px;background:#fff;border:none;margin-top:0;transition:height .15s ease}input[type=range]:hover::-webkit-slider-thumb{height:24px}input[type=range]::-moz-range-track{height:8px;background:#ffffff26;border:none}input[type=range]:hover::-moz-range-track{height:24px}input[type=range]::-moz-range-progress{height:8px;background:#ffffffe6}input[type=range]:hover::-moz-range-progress{height:24px}input[type=range]::-moz-range-thumb{width:4px;height:8px;background:#fff;border:none;transition:height .15s ease}input[type=range]:hover::-moz-range-thumb{height:24px}.location-panel__about{display:inline-flex;align-items:center;gap:.25em;margin-block-start:var(--space-4);color:#fff;font-size:.933rem;text-decoration:none;cursor:pointer;pointer-events:auto;transition:color .15s ease}.location-panel__about:hover{color:#fff}.location-panel__about:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.location-panel__about-arrow{display:inline-block;opacity:0;transform:translate(-4px);transition:opacity .15s ease,transform .15s ease}.location-panel__about:hover .location-panel__about-arrow{opacity:1;transform:translate(0)}.about-modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.about-modal[hidden]{display:none}.about-modal__backdrop{position:absolute;inset:0;background:#06060ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.about-modal__panel{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:64px;max-width:600px;width:calc(100% - var(--space-4));max-height:80vh;overflow-y:auto;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.about-modal.is-open .about-modal__panel{opacity:1;transform:translateY(0)}.about-modal__title{display:none}.about-modal__body{font-size:1.067rem;color:var(--text-muted);line-height:1.6;font-weight:400}.about-modal__body p+p{margin-block-start:var(--space-3)}.about-modal__body a{color:var(--text);text-underline-offset:3px;transition:color .15s ease}.about-modal__body a:hover{color:#fff}.about-modal__close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);background:none;border:none;color:var(--text-muted);font-size:0;width:40px;height:40px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.about-modal__close:before{content:"×";font-size:1.6rem;line-height:1}.about-modal__close:hover{color:var(--text)}.about-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-toggle,.mobile-drawer{display:none}@media(max-width:767px){.location-panel{inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.location-panel__city{font-size:clamp(1.5rem,8vw,var(--t-2xl))}.location-panel__time{font-size:var(--t-lg)}.location-panel__country{font-size:var(--t-xs)}.control-strip,.bottom-sliders{display:none}.drawer-toggle{display:flex;align-items:center;justify-content:center;position:fixed;inset-block-end:var(--space-2);left:50%;transform:translate(-50%);z-index:15;width:48px;height:32px;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:var(--text-muted);cursor:pointer;transition:transform .2s ease,color .15s ease,background .15s ease}.drawer-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-toggle.is-open{color:var(--text);background:#ffffff14}.drawer-toggle svg{transition:transform .2s ease}.drawer-toggle.is-open svg{transform:rotate(180deg)}.mobile-drawer{display:block;position:fixed;inset-inline:0;inset-block-end:0;z-index:14;background:var(--surface);border-block-start:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-2) var(--space-3);transform:translateY(100%);transition:transform .25s ease;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer.is-open{transform:translateY(0)}.mobile-drawer .control-strip__filters{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.mobile-drawer .cat-btn{min-width:0;padding:10px var(--space-1);font-size:var(--t-xs);justify-content:center;flex-direction:column;gap:2px;border-inline-start:none;border-block-end:2px solid transparent;text-align:center}.mobile-drawer .cat-btn.is-active{border-inline-start-color:transparent;border-block-end-color:var(--text)}.mobile-drawer .cat-btn__count{font-size:9px}.mobile-drawer .drawer-sliders{display:flex;flex-direction:column;gap:var(--space-2);padding-block-start:var(--space-2);border-block-start:1px solid rgba(255,255,255,.06);margin-block-start:var(--space-2)}.mobile-drawer .bottom-slider{display:flex;align-items:center;gap:var(--space-1)}.mobile-drawer .bottom-slider__label{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;min-width:2.5rem}.mobile-drawer .bottom-slider__val{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text);min-width:3rem;text-align:right;font-variant-numeric:tabular-nums}.mobile-drawer input[type=range]{flex:1;width:auto}input[type=range]::-webkit-slider-thumb{width:20px;height:24px}input[type=range]::-moz-range-thumb{width:20px;height:24px}.about-modal__panel{padding:var(--space-4);border-radius:16px}}.tuner{position:fixed;top:50%;left:24px;transform:translateY(-50%);z-index:100;width:320px;background:#0a0a12f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:inherit;font-size:11px;color:#aaa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.tuner__header{padding:12px 16px;font-size:12px;color:#ddd;cursor:grab;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.tuner__body{padding:8px 12px 12px;max-height:70vh;overflow-y:auto}.tuner__group{margin-bottom:16px}.tuner__group:last-of-type{margin-bottom:32px}.tuner__group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin:8px 0 4px}.tuner__row{display:flex;align-items:center;gap:6px;margin:8px 0}.tuner__label{flex:0 0 90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuner .tuner__input{flex:1;height:16px}.tuner .tuner__input::-webkit-slider-thumb{background:#a855f7}.tuner .tuner__input::-moz-range-thumb{background:#a855f7}.tuner__val{flex:0 0 52px;text-align:right;font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#888;overflow:visible}.tuner__reset{display:block;width:100%;margin-top:8px;background:#ffffff0f;border:none;border-radius:4px;padding:12px;color:#8b8b8b;font-family:inherit;font-size:11px;cursor:pointer;transition:background .15 ease-in}.tuner__reset:hover{background:#ffffff1a;color:#ddd}