@keyframes tz-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tz-pop-in{0%{opacity:0;transform:translate(var(--tz-tt-dx-from,26px), var(--tz-tt-dy-from,26px)) scale(.82)}to{opacity:1;transform:translate(var(--tz-tt-dx,14px), var(--tz-tt-dy,14px)) scale(1)}}@keyframes tz-pulse{0%,to{opacity:.35}50%{opacity:1}}.tz-page{color:#eef1f8;background:radial-gradient(circle at 30% 20%,#0b1225 0%,#05060a 55%,#030308 100%);font-family:Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.tz-canvas{touch-action:none;position:absolute;inset:0}.tz-canvas-fallback{color:#7fd8ea;letter-spacing:.14em;text-transform:uppercase;place-items:center;font-family:Space Grotesk,system-ui,sans-serif;font-size:.85rem;font-weight:600;animation:1.4s ease-in-out infinite tz-pulse;display:grid;position:absolute;inset:0}.tz-header{z-index:2;pointer-events:none;max-width:min(60vw,480px);padding:28px 32px;animation:.7s cubic-bezier(.16,1,.3,1) both tz-fade-up;position:absolute;top:0;left:0}.tz-title{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.05}.tz-subtitle{color:#97a3c2;max-width:34ch;margin:8px 0 0;font-size:.85rem;font-weight:500}.tz-local-clock{align-items:baseline;gap:10px;margin-top:16px;animation:.5s cubic-bezier(.16,1,.3,1) both tz-fade-up;display:flex}.tz-local-time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#f5f8ff;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.tz-local-zone{color:#7fd8ea;font-size:.72rem;font-weight:500}.tz-bottom-bar{display:contents}.tz-hint{color:#4d5771;z-index:2;pointer-events:none;max-width:46ch;font-size:.68rem;font-weight:500;animation:.7s cubic-bezier(.16,1,.3,1) .15s both tz-fade-up;position:absolute;bottom:18px;left:20px}.tz-hint a{color:#7686a8;pointer-events:auto}.tz-zoom{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d18b8;border:1px solid #7fd8ea40;border-radius:999px;gap:1px;padding:4px;animation:.7s cubic-bezier(.16,1,.3,1) .2s both tz-fade-up;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0006}.tz-zoom-btn{appearance:none;color:#cdd7ee;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,transform .1s;display:flex}.tz-zoom-btn:hover{color:#7fd8ea;background:#22e5ff29}.tz-zoom-btn:active{transform:scale(.9)}.tz-tooltip{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#090d18d9;border:1px solid #7fd8ea59;border-radius:14px;min-width:200px;padding:14px 16px;animation:.32s cubic-bezier(.34,1.56,.64,1) both tz-pop-in;position:fixed;box-shadow:0 12px 44px #00000080,0 0 0 1px #7fd8ea0f}.tz-tooltip-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tz-tooltip-place{color:#f5f8ff;letter-spacing:-.01em;font-size:.92rem;font-weight:700}.tz-tooltip-pin{appearance:none;color:#7fd8ea;cursor:pointer;pointer-events:auto;background:#7fd8ea1f;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.tz-tooltip-pin:hover{background:#7fd8ea40}.tz-tooltip-pin[aria-pressed=true]{color:#eef1f8;background:#22e5ff59}.tz-tooltip-hint{color:#4d5771;margin-top:8px;font-size:.64rem;font-weight:500}.tz-tooltip-flag{vertical-align:-1px;margin-right:6px;font-size:1.05rem}.tz-tooltip-zone{color:#7fd8ea;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.72rem;font-weight:500}.tz-tooltip-time{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:10px;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.tz-tooltip-meta{color:#7b88a6;margin-top:2px;font-size:.72rem;font-weight:500}.tz-tooltip-coords{color:#5f6a85;font-variant-numeric:tabular-nums;border-top:1px solid #7fd8ea26;margin-top:10px;padding-top:10px;font-size:.68rem;font-weight:500}.tz-right-panel{z-index:4;flex-direction:column;gap:10px;width:min(300px,100vw - 48px);max-height:calc(100vh - 48px);display:flex;position:absolute;top:24px;right:24px}.tz-panel-toggle,.tz-panel-backdrop{display:none}@keyframes tz-backdrop-fade{0%{opacity:0}to{opacity:1}}.tz-search{animation:.7s cubic-bezier(.16,1,.3,1) .1s both tz-fade-up}.tz-search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d18b8;border:1px solid #7fd8ea40;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;display:flex;box-shadow:0 8px 28px #0006}.tz-search-icon{color:#7fd8ea;flex-shrink:0}.tz-search-input{color:#eef1f8;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Inter,system-ui,sans-serif;font-size:.85rem}.tz-search-input::placeholder{color:#5f6a85}.tz-search-clear{appearance:none;color:#5f6a85;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;display:flex}.tz-search-clear:hover{color:#7fd8ea}.tz-search-results{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d18d9;border:1px solid #7fd8ea33;border-radius:14px;max-height:min(60vh,420px);margin-top:8px;animation:.25s cubic-bezier(.16,1,.3,1) both tz-fade-up;overflow-y:auto;box-shadow:0 12px 40px #00000073}.tz-search-empty{color:#7b88a6;padding:14px 16px;font-size:.78rem;font-weight:500}.tz-search-result{appearance:none;color:#eef1f8;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #7fd8ea14;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.tz-search-result:last-child{border-bottom:none}.tz-search-result:hover{background:#22e5ff1f}.tz-search-result-flag{font-size:1.2rem;line-height:1}.tz-search-result-main{flex-direction:column;flex:1;min-width:0;display:flex}.tz-search-result-city{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.tz-search-result-country{color:#8fa6d4;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.tz-search-result-time{font-variant-numeric:tabular-nums;color:#7fd8ea;flex-shrink:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem;font-weight:700}.tz-watchlist{flex-direction:column;gap:8px;animation:.7s cubic-bezier(.16,1,.3,1) .15s both tz-fade-up;display:flex;overflow-y:auto}.tz-watchlist-empty{color:#5f6a85;background:#090d188c;border:1px solid #7fd8ea1f;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-size:.7rem;font-weight:500;line-height:1.4;display:flex}.tz-watchlist-empty svg{color:#4d5771;flex-shrink:0}.tz-watch-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d18c7;border:1px solid #7fd8ea33;border-radius:14px;align-items:stretch;transition:opacity .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000059}.tz-watch-card-dragging{opacity:.45}.tz-watch-card-drag-over{box-shadow:inset 0 0 0 2px #22e5ff99}.tz-watch-card-grip{color:#4d5771;cursor:grab;flex-shrink:0;align-items:center;padding-left:8px;display:flex}.tz-watch-card:active .tz-watch-card-grip{cursor:grabbing}.tz-watch-card-main{appearance:none;color:#eef1f8;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.tz-watch-card-main:hover{background:#22e5ff1a}.tz-watch-card-flag{flex-shrink:0;font-size:1.2rem}.tz-watch-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tz-watch-card-top,.tz-watch-card-bottom{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tz-watch-card-city{white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:700;overflow:hidden}.tz-watch-card-time{font-variant-numeric:tabular-nums;color:#f5f8ff;flex-shrink:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.83rem;font-weight:700}.tz-watch-card-country{color:#8fa6d4;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:500;overflow:hidden}.tz-watch-card-delta{color:#7fd8ea;flex-shrink:0;font-size:.66rem;font-weight:600}.tz-watch-card-remove{appearance:none;color:#5f6a85;cursor:pointer;background:0 0;border:none;border-left:1px solid #7fd8ea1f;flex-shrink:0;justify-content:center;align-items:center;width:32px;transition:background .15s,color .15s;display:flex}.tz-watch-card-remove:hover{color:#ff8a8a;background:#ff5a5a1f}.tz-watch-card-reorder{border-left:1px solid #7fd8ea1f;flex-direction:column;flex-shrink:0;display:flex}.tz-watch-card-reorder button{appearance:none;color:#7b88a6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:26px;height:50%;transition:background .15s,color .15s;display:flex}.tz-watch-card-reorder button:hover:not(:disabled){color:#7fd8ea;background:#22e5ff1f}.tz-watch-card-reorder button:disabled{color:#333c52;cursor:default}@media (width<=640px){.tz-header{max-width:calc(100vw - 76px);padding:16px 18px}.tz-bottom-bar{z-index:3;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:14px;left:16px;right:16px}.tz-zoom{position:static;transform:none}.tz-hint{text-align:center;width:100%;max-width:none;position:static}.tz-local-clock{margin-top:10px}.tz-local-time{font-size:1.3rem}.tz-panel-toggle{z-index:6;appearance:none;color:#7fd8ea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#090d18c7;border:1px solid #7fd8ea4d;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.tz-right-panel{z-index:5;pointer-events:none;width:calc(100vw - 32px);max-height:calc(100vh - 90px);transition:transform .28s cubic-bezier(.16,1,.3,1);top:66px;right:16px;transform:translate(120%)}.tz-right-panel.tz-right-panel-open{pointer-events:auto;transform:translate(0)}.tz-panel-backdrop{z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03050a99;animation:.2s both tz-backdrop-fade;display:block;position:fixed;inset:0}.tz-zoom-btn{width:44px;height:44px}.tz-watch-card-remove{width:40px}.tz-watch-card-reorder button{width:32px}}