.live-clock{background:#f4f3ee;border:1.5px solid #dcdad5;border-radius:12px;padding:12px 14px;transition:all .15s}.live-clock:hover{background:#fff;border-color:#f04b0b}.live-clock__zone{text-transform:uppercase;letter-spacing:.06em;color:#555;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:11px;font-weight:700;overflow:hidden}.live-clock__time{color:#050505;letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:26px;font-weight:700}.live-clock__meta{color:#777;margin-top:2px;font-size:12px;font-weight:500}
.globe-page{background:radial-gradient(1px 1px at 25px 35px,#ffffffe6,#0000) 0 0/350px 350px,radial-gradient(1px 1px at 85px 120px,#ffffffb3,#0000) 0 0/400px 400px,radial-gradient(1.5px 1.5px at 160px 70px,#ffffffe6,#0000) 0 0/300px 300px,radial-gradient(1px 1px at 240px 190px,#fff9,#0000) 0 0/450px 450px,radial-gradient(1.5px 1.5px at 320px 110px,#fffc,#0000) 0 0/500px 500px,radial-gradient(#0a0e1a 0%,#020408 100%) 0 0/100% 100%;position:fixed;inset:64px 0 0;overflow:hidden}@property --iris{syntax:"<percentage>";inherits:false;initial-value:-15%}.globe-loading-overlay{-webkit-backdrop-filter:blur(20px);z-index:50;pointer-events:auto;--iris:-15%;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 14%));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 14%));mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 14%));will-change:opacity, backdrop-filter, mask-image;background:radial-gradient(circle,#10182ef0 0%,#060a16e0 55%,#020409cc 100%);justify-content:center;align-items:center;transition:--iris 1.5s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter 1.5s cubic-bezier(.16,1,.3,1),backdrop-filter 1.5s cubic-bezier(.16,1,.3,1),opacity 1.5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.globe-loading-overlay--reveal{--iris:125%;-webkit-backdrop-filter:blur();opacity:0;pointer-events:none}.globe-loading-card{will-change:transform, opacity;background:#fff;border:1.5px solid #dcdad5;border-radius:28px;flex-direction:column;align-items:center;gap:18px;width:90%;max-width:360px;padding:38px 46px;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);animation:3.2s ease-in-out infinite globeCardFloat;display:flex;box-shadow:0 24px 48px -12px #05050529,0 8px 18px -4px #05050514}.globe-loading-overlay--card .globe-loading-card,.globe-loading-overlay--reveal .globe-loading-card{opacity:0;transform:scale(.94)}.globe-loading-overlay--finish .globe-loading-bar-thumb,.globe-loading-overlay--card .globe-loading-bar-thumb,.globe-loading-overlay--reveal .globe-loading-bar-thumb{width:100%;animation:none;left:0}.globe-loading-badge{letter-spacing:.08em;text-transform:uppercase;color:#f04b0b;background:#f4f3ee;border:1px solid #dcdad5;border-radius:9999px;align-items:center;gap:7px;padding:4px 12px;font-size:11px;font-weight:800;display:flex}.globe-loading-badge-dot{background-color:#f04b0b;border-radius:9999px;width:7px;height:7px;animation:1.8s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.globe-hourglass-wrapper{background:#f4f3ee;border:1.5px solid #dcdad5;border-radius:9999px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000000a}.globe-hourglass-icon{transform-origin:50%;width:38px;height:38px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite hourglassFlip}.hourglass-stream{animation:.55s linear infinite sandFlow}@keyframes hourglassFlip{0%{transform:rotate(0)}40%{transform:rotate(0)}55%{transform:rotate(180deg)}90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sandFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:4px}}@keyframes globeCardFloat{0%,to{translate:0}50%{translate:0 -4px}}.globe-loading-text{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.globe-loading-title{letter-spacing:-.02em;color:#050505;font-size:18px;font-weight:900}.globe-loading-subtitle{color:#555;letter-spacing:.01em;font-size:12px;font-weight:500}.globe-loading-bar-track{background:#ecebe6;border-radius:9999px;width:160px;height:5px;margin-top:4px;position:relative;overflow:hidden}.globe-loading-bar-thumb{transform-origin:0;will-change:transform;background:#f04b0b;border-radius:9999px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}@keyframes loadingBarSlide{0%{left:-45%}50%{left:40%}to{left:100%}}.globe-page .globe-panel{z-index:20;max-height:calc(100vh - 104px);padding:20px;font-size:14px;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1),visibility .7s;position:absolute;top:20px;overflow-y:auto}.globe-page--intro .globe-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}.globe-page .globe-panel--left{width:320px;left:20px}.globe-page .globe-panel--right{width:330px;right:20px}.globe-panel__title{letter-spacing:.08em;text-transform:uppercase;color:#555;margin-bottom:10px;font-size:11px;font-weight:800}.globe-select{color:#050505;background:#f4f3ee;border:1.5px solid #dcdad5;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.globe-select:focus{border-color:#f04b0b;box-shadow:0 0 0 3px #f04b0b26}.globe-select option{color:#050505;background:#fff}.globe-btn{color:#fff;cursor:pointer;background:#f04b0b;border:none;border-radius:9999px;width:100%;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:block;box-shadow:0 4px 12px #f04b0b40}.globe-btn:hover{opacity:.92}.globe-btn:active{transform:scale(.98)}.globe-btn--ghost{color:#555;box-shadow:none;background:0 0;border:1.5px solid #dcdad5;margin-top:10px;font-weight:600}.globe-btn--ghost:hover{color:#050505;background:#f4f3ee;border-color:#050505}.globe-pins{border-top:1px solid #dcdad5;margin-top:20px;padding-top:16px}.globe-pins__list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.globe-pin-row{color:#050505;background:#f4f3ee;border:1px solid #dcdad5;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.globe-pin-row span{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;overflow:hidden}.globe-x{cursor:pointer;color:#555;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1;transition:all .15s}.globe-x:hover{color:#f04b0b;background:#f04b0b1f}.globe-popup__head{border-bottom:1px solid #dcdad5;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:12px;display:flex}.globe-popup__head strong{color:#050505;font-size:16px;font-weight:800}.globe-clocks-scroll{flex-direction:column;gap:10px;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.globe-canvas{opacity:0;filter:brightness(.55)saturate(.7);will-change:transform, opacity, filter;transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1),filter 1.8s ease-out;position:absolute;inset:0;transform:scale(1.08)}.globe-canvas--shown{opacity:1;filter:brightness()saturate();transform:scale(1)}.globe-canvas--settled{filter:none;will-change:auto;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.globe-loading-overlay,.globe-loading-card,.globe-canvas{transition-duration:10ms!important;transition-delay:0s!important}}