:root{--bg: #04060a;--fg: #e8ecf2;--fg-dim: #8a93a3;--fg-faint: #4a5160;--line: rgba(255, 255, 255, .08);--panel-bg: rgba(8, 11, 16, .72);--accent: #9fc6ff;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#scene canvas{display:block}.hud{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,3vw,32px);pointer-events:none;z-index:10;user-select:none}.hud--top{top:0}.hud--bottom{bottom:0;justify-content:center}.brand{display:flex;align-items:center;gap:10px}.brand__mark{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 1px var(--accent)}.brand__name{font-weight:400;letter-spacing:.42em;font-size:13px;padding-left:2px;color:var(--fg)}.clock{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.clock__time{font-weight:300;font-size:14px;letter-spacing:.12em;color:var(--fg-dim)}.clock__label{font-size:10px;letter-spacing:.3em;color:var(--fg-faint)}.hint{font-size:12px;letter-spacing:.04em;color:var(--fg-faint);display:flex;gap:12px;align-items:center;transition:opacity .6s var(--ease)}.hint__dot{opacity:.5}@media (max-width: 640px){.hint__item:nth-child(3),.hint__dot:nth-child(2){display:none}}.country-label{font-size:11px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:#e8ecf2d1;text-shadow:0 1px 8px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);will-change:opacity}.city-label{font-size:10px;font-weight:300;letter-spacing:.05em;color:#e8ecf2b3;text-shadow:0 1px 6px rgba(0,0,0,.95);white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);will-change:opacity}.city-label:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex:0 0 auto}.panel{position:absolute;top:0;right:0;height:100%;width:min(380px,86vw);background:var(--panel-bg);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border-left:1px solid var(--line);z-index:20;padding:clamp(28px,5vw,48px);display:flex;flex-direction:column;justify-content:center;transform:translate(102%);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease);pointer-events:none}.panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.panel__close{position:absolute;top:22px;right:24px;background:none;border:none;color:var(--fg-faint);font-size:26px;font-weight:200;line-height:1;cursor:pointer;transition:color .3s var(--ease),transform .3s var(--ease)}.panel__close:hover{color:var(--fg);transform:rotate(90deg)}.panel__eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:14px}.panel__country{font-size:clamp(28px,5vw,38px);font-weight:200;letter-spacing:-.01em;line-height:1.05;margin-bottom:34px}.panel__time{margin-bottom:40px}.panel__clock{font-size:clamp(44px,9vw,60px);font-weight:200;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--fg);line-height:1}.panel__meta{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--line);padding-top:26px}.meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.meta-row dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint)}.meta-row dd{font-size:13px;font-weight:300;color:var(--fg-dim);text-align:right;font-variant-numeric:tabular-nums}.loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg);z-index:50;transition:opacity .9s var(--ease)}.loader.is-hidden{opacity:0;pointer-events:none}.loader__ring{width:34px;height:34px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loader__text{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-faint)}@keyframes spin{to{transform:rotate(360deg)}}.brand__name{font-size:11px;color:var(--fg-dim);letter-spacing:.4em}.brand__mark{width:6px;height:6px}.controls{display:flex;align-items:center;gap:12px;pointer-events:auto}.icon-btn{width:30px;height:30px;display:grid;place-items:center;background:none;border:none;border-radius:7px;color:var(--fg-faint);opacity:.5;cursor:pointer;transition:color .3s var(--ease),opacity .3s var(--ease),background .3s var(--ease)}.icon-btn:hover{color:var(--fg);opacity:1;background:#ffffff0a}.icon-btn.is-active{color:var(--accent);opacity:1}.search{position:absolute;top:66px;left:50%;transform:translate(-50%,-10px);width:min(520px,90vw);z-index:30;opacity:0;pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}.search.is-open{opacity:1;transform:translate(-50%);pointer-events:auto}.search__input{width:100%;background:#080b10b8;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--line);color:var(--fg);font-family:inherit;font-weight:300;font-size:17px;letter-spacing:.01em;padding:14px 18px;outline:none;border-radius:12px}.search__input::placeholder{color:var(--fg-faint)}.search.has-results .search__input{border-radius:12px 12px 0 0;border-bottom-color:transparent}.search__results{list-style:none;background:#080b10c7;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;max-height:44vh;overflow-y:auto}.search__results:empty{display:none}.search__item{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 18px;cursor:pointer;transition:background .15s var(--ease)}.search__item.is-active,.search__item:hover{background:#ffffff0d}.search__name{font-size:14px;font-weight:300;color:var(--fg)}.search__meta{font-size:11px;color:var(--fg-faint);letter-spacing:.04em;white-space:nowrap}.menu{position:absolute;top:58px;right:clamp(16px,3vw,32px);width:232px;background:var(--panel-bg);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border:1px solid var(--line);border-radius:14px;padding:10px 14px;z-index:30;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}.menu.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 4px;cursor:pointer}.toggle__label{font-size:13px;font-weight:300;color:var(--fg-dim)}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{position:relative;flex:0 0 auto;width:34px;height:18px;border-radius:9px;background:#ffffff12;border:1px solid var(--line);transition:background .3s var(--ease)}.toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--fg-faint);transition:transform .3s var(--ease),background .3s var(--ease)}.toggle input:checked+.toggle__track{background:#9fc6ff38}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(16px);background:var(--accent)}.menu__note{font-size:11px;color:var(--fg-faint);line-height:1.5;padding:4px 4px 8px}.pins{position:absolute;top:0;left:0;height:100%;width:min(330px,86vw);background:var(--panel-bg);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border-right:1px solid var(--line);z-index:20;padding:clamp(22px,4vw,36px) clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:16px;overflow-y:auto;transform:translate(-102%);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease);pointer-events:none}.pins.is-open{transform:translate(0);opacity:1;pointer-events:auto}.pins__head{display:flex;align-items:center;justify-content:space-between;padding-top:26px}.pins__title{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--fg-faint)}.pins__plan{background:none;border:1px solid var(--line);color:var(--fg-dim);font:inherit;font-size:11px;letter-spacing:.08em;padding:5px 12px;border-radius:20px;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease)}.pins__plan:hover,.pins__plan[aria-pressed=true]{color:var(--fg);border-color:#9fc6ff66}.pins__list{list-style:none;display:flex;flex-direction:column}.pin{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.pin__info{display:flex;flex-direction:column;gap:3px;min-width:0}.pin__name{font-size:15px;font-weight:300;color:var(--fg);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin__name:hover{color:var(--accent)}.pin__tz{font-size:10px;letter-spacing:.06em;color:var(--fg-faint)}.pin__right{display:flex;align-items:baseline;gap:10px;flex:0 0 auto}.pin__clock{font-size:18px;font-weight:200;color:var(--fg);font-variant-numeric:tabular-nums}.pin__remove{background:none;border:none;color:var(--fg-faint);font-size:16px;line-height:1;cursor:pointer;transition:color .2s var(--ease)}.pin__remove:hover{color:var(--fg)}.pins__empty{font-size:12px;line-height:1.6;color:var(--fg-faint)}.pins__empty.is-hidden{display:none}.planner{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:16px}.planner__hint{font-size:11px;letter-spacing:.04em;color:var(--fg-faint)}.planner__rows{display:flex;flex-direction:column;gap:9px}.plan-row{display:flex;align-items:center;gap:10px}.plan-row__name{font-size:11px;color:var(--fg-dim);width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-row__bar{position:relative;flex:1;height:6px;border-radius:3px;background:#ffffff0d;overflow:hidden}.plan-row__ok{position:absolute;top:0;height:100%;background:#9fc6ff38}.plan-row__ok+.plan-row__ok{background:#9fc6ff38}.planner__result{font-size:13px;font-weight:300;color:var(--fg);letter-spacing:.02em}.planner__overlap{position:relative;height:8px;border-radius:4px;background:#ffffff0d;overflow:hidden}.planner__overlap span{position:absolute;top:0;height:100%;background:#9fc6ff80}.panel{overflow-y:auto}.panel__inner{width:100%;margin:auto 0}.panel__sun{margin-top:18px}.panel__pin{margin-top:26px;align-self:flex-start;background:none;border:1px solid var(--line);color:var(--fg-dim);font:inherit;font-size:12px;letter-spacing:.08em;padding:9px 16px;border-radius:24px;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease)}.panel__pin:hover{color:var(--fg);border-color:#9fc6ff66}.panel__pin.is-pinned{color:var(--accent);border-color:#9fc6ff66}.tscrub{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(540px,82vw);z-index:15;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.3;pointer-events:auto;transition:opacity .45s var(--ease)}.tscrub:hover,.tscrub.is-active{opacity:1}.tscrub__meta{display:flex;align-items:center;gap:12px;min-height:14px}.tscrub__readout{font-size:11px;letter-spacing:.1em;color:var(--fg-dim);font-variant-numeric:tabular-nums}.tscrub__now{background:none;border:none;color:var(--accent);font:inherit;font-size:11px;letter-spacing:.12em;cursor:pointer}.tscrub__now:hover{color:var(--fg)}.tscrub__range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--line);border-radius:2px;outline:none;cursor:pointer}.tscrub.is-active .tscrub__range{background:#9fc6ff38}.tscrub__range::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--fg);box-shadow:0 0 8px #9fc6ff99;cursor:grab}.tscrub__range::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--fg);box-shadow:0 0 8px #9fc6ff99;cursor:grab}@media (max-width: 640px){.controls{gap:8px}.clock__time{font-size:12px}}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}