.timestamp-page{max-width:960px}.zone-select{display:block;width:100%;height:38px;padding:0 9px;border:1px solid #e8e8ef;border-radius:7px;background:#fff;color:#55576c;font:11px var(--font)}.zone-select:focus{outline:0;border-color:#aaa2fb;box-shadow:0 0 0 3px #6557ed10}.clock-now{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:11px 20px;padding:18px 20px;margin-bottom:17px;border:1px solid #efeff5;border-radius:12px;background:linear-gradient(110deg,#fbfaff,#fff)}.clock-now>div:first-child{font-size:11px;color:#858697}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42bd83;margin-right:6px;box-shadow:0 0 0 3px #42bd831f}.clock-now>strong{grid-column:1;font-size:20px;letter-spacing:.2px;font-variant-numeric:tabular-nums}.clock-timestamps{grid-column:1;display:flex;flex-wrap:wrap;gap:7px}.clock-timestamps span{font-size:10px;color:#9394a2;background:#f4f4f8;padding:5px 8px;border-radius:5px}.clock-timestamps b{font-weight:600;color:#5b5d71;margin-left:4px;font-variant-numeric:tabular-nums}.clock-now>.clock-zone{grid-column:2;grid-row:1;width:245px}.clock-now>.secondary-button{grid-column:3;grid-row:1/4}.timestamp-card>.field-label:not(:first-child){margin-top:11px}.datetime-label{margin-top:11px!important}.timestamp-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.timestamp-card{padding:19px;background:#fff;border:1px solid #ececf3;border-radius:12px;box-shadow:0 5px 18px #29264a06}.timestamp-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.timestamp-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:15px}.timestamp-card-heading h2{font-size:13px;margin:0 0 4px}.timestamp-card-heading p{font-size:10px;color:#999aa9;margin:0}.field-label{display:block;font-size:10px;color:#707286;margin-bottom:7px}.input-with-unit{display:flex;align-items:center;border:1px solid #e8e8ef;border-radius:7px;height:40px;padding:0 10px}.input-with-unit:focus-within{border-color:#aaa2fb;box-shadow:0 0 0 3px #6557ed10}.input-with-unit input{flex:1;min-width:0;border:0;outline:0;color:#44465b;font:12px var(--font);background:transparent}.input-with-unit>span{font-size:9px;color:#a0a1ae}.datetime-input{width:100%;height:40px;border:1px solid #e8e8ef;border-radius:7px;padding:0 9px;color:#44465b;font:12px var(--font);background:#fff}.datetime-input:focus{outline:0;border-color:#aaa2fb;box-shadow:0 0 0 3px #6557ed10}.convert-button{width:100%;margin-top:11px;height:38px;font-size:10px}.conversion-result{min-height:58px;margin-top:12px;padding:9px 10px;background:#f8f8fc;border:1px solid #f0f0f5;border-radius:7px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.conversion-result>span{font-size:9px;color:#999aa9}.conversion-result>strong{font-size:12px;color:#55576c;grid-column:1;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.copy-button{justify-self:end;border:0;background:none;color:#6557ed;font-size:9px;cursor:pointer}.conversion-result .copy-button{grid-column:2;grid-row:1/3}.timestamp-output{margin-top:12px;border:1px solid #f0f0f5;border-radius:7px;overflow:hidden}.timestamp-output>div{min-height:36px;padding:7px 9px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:7px}.timestamp-output>div+div{border-top:1px solid #f0f0f5}.timestamp-output span{font-size:9px;color:#999aa9}.timestamp-output strong{font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#55576c}.field-status{min-height:14px;margin:7px 0 0;font-size:9px;color:#35a975}.field-status.error{color:#df6565}.timestamp-page .json-help{margin-top:25px}@media(max-width:700px){.timestamp-grid{grid-template-columns:1fr}.clock-now{padding:15px;grid-template-columns:1fr auto}.clock-now>.clock-zone{grid-column:2;grid-row:1;width:min(44vw,230px)}.clock-now>.secondary-button{grid-column:2;grid-row:2/4;white-space:normal;max-width:150px}.clock-now>strong{font-size:17px}.timestamp-card{padding:16px}}

.world-clock-card{margin:20px 0 17px;padding:17px;background:#fff;border:1px solid #ececf3;border-radius:12px;box-shadow:0 5px 18px #29264a06}.world-clock-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.world-clock-heading h2{font-size:14px;margin:0 0 5px}.world-clock-heading p{font-size:10px;color:#999aa9;margin:0}.map-legend{display:flex;gap:12px;flex:none}.map-legend>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#858697}.legend-green,.legend-red{display:inline-grid;place-items:center;width:20px;height:22px;font-style:normal;font-size:17px;font-weight:800;line-height:1}.legend-green{color:#28a56b}.legend-red{color:#e25858}.map-mode{display:flex;gap:7px;margin:14px 0 10px}.map-mode-button{display:flex;align-items:center;gap:5px;border:1px solid #ebebf1;background:#fff;border-radius:7px;padding:6px 10px;color:#828394;font-size:10px;cursor:pointer}.map-mode-button.active[data-map-role=source]{color:#21885b;border-color:#bfe4d2;background:#f1fbf6}.map-mode-button.active[data-map-role=target]{color:#cb4545;border-color:#f0c8c8;background:#fff5f5}.map-mode-button .legend-green,.map-mode-button .legend-red{font-size:14px;width:14px;height:16px}.world-map-wrap{border:1px solid #e3ecea;border-radius:9px;overflow:hidden;background:#edf5f5}.world-map{position:relative;width:100%;height:390px;min-height:0;aspect-ratio:auto;overflow:hidden;background:#e9f2f3}.world-map-art{position:absolute;inset:0;width:100%;height:100%}.map-pins{position:absolute;inset:0}.map-pin{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;padding:0;border:2px solid white;border-radius:50%;background:#718e83;box-shadow:0 1px 4px #263a3440;transform:translate(-50%,-50%);cursor:pointer;z-index:1}.map-pin:hover{background:#6557ed;z-index:5;transform:translate(-50%,-50%) scale(1.45)}.map-pin.is-source,.map-pin.is-target{z-index:3;width:26px;height:30px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:translate(-50%,-95%)}.map-pin.is-source{color:#28a56b}.map-pin.is-target{color:#e25858}.map-pin.is-source.is-target{transform:translate(-50%,-95%) translateX(-10px)}.pin-arrow{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:8px 8px 8px 0;color:#fff;font-size:19px;font-weight:900;text-shadow:0 1px 2px #0003;transform:rotate(-45deg)}.map-pin.is-source .pin-arrow,.map-pin.is-target .pin-arrow{display:flex}.map-pin.is-source .pin-arrow{background:#28a56b}.map-pin.is-target .pin-arrow{background:#e25858}.map-pin.is-source.is-target .pin-arrow{box-shadow:0 0 0 2px white,0 0 0 4px #e25858}.pin-label{display:none;position:absolute;top:-24px;left:50%;transform:translateX(-50%);padding:3px 6px;background:#292b3c;color:#fff;border-radius:4px;font-size:9px;white-space:nowrap}.map-pin:hover .pin-label,.map-pin.is-source .pin-label,.map-pin.is-target .pin-label{display:block}.map-selected-zones{display:flex;align-items:center;gap:16px;padding:11px 2px 9px}.selected-zone{display:flex;align-items:center;gap:5px;min-width:0}.selected-zone>span{font-size:9px;color:#999aa9}.selected-zone strong{font-size:10px;color:#585a6e;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-zone .legend-green,.selected-zone .legend-red{font-size:14px;width:15px;height:16px}.map-selection-hint{font-size:9px;color:#a0a1ae;margin-left:auto;text-align:right}.map-time-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:12px 13px;background:#f8f8fc;border:1px solid #f0f0f5;border-radius:8px}.map-time-comparison>div{display:flex;flex-direction:column;gap:5px;min-width:0}.map-time-comparison>div:last-child{text-align:right}.map-time-comparison span{font-size:9px;color:#999aa9}.map-time-comparison strong{font-size:13px;color:#55576c;font-variant-numeric:tabular-nums}.map-time-comparison .time-gap{text-align:center;justify-content:center;align-items:center;padding:0 9px;border-left:1px solid #e9e9f0;border-right:1px solid #e9e9f0}.map-time-comparison .time-gap strong{font-size:11px;color:#6557ed;white-space:nowrap}
@media(max-width:700px){.world-clock-card{padding:12px}.world-clock-heading{display:block}.map-legend{margin-top:9px}.world-map{height:320px;min-height:0}.map-pin{width:10px;height:10px}.map-pin.is-source,.map-pin.is-target{width:22px;height:26px}.map-selected-zones{flex-wrap:wrap;gap:8px 13px}.map-selection-hint{flex-basis:100%;text-align:left;margin-left:0}.selected-zone strong{max-width:130px}.map-time-comparison{gap:6px;padding:10px 8px}.map-time-comparison strong{font-size:11px}.map-time-comparison .time-gap{padding:0 5px}.map-time-comparison .time-gap strong{font-size:9px}}
.map-selected-pins{position:absolute;inset:0;pointer-events:none;z-index:4}.map-coordinate-pin{position:absolute;left:var(--x);top:var(--y);width:29px;height:34px;transform:translate(-50%,-95%)}.map-coordinate-pin.source{color:#28a56b}.map-coordinate-pin.target{color:#e25858}.map-coordinate-pin .pin-arrow{display:flex;inset:2px 3px 5px;border-radius:8px 8px 8px 0;color:#fff;font-size:20px;background:#28a56b;box-shadow:0 2px 5px #263a3450}.map-coordinate-pin.target .pin-arrow{background:#e25858}.map-coordinate-pin .pin-label{display:block;top:-23px;left:50%;padding:3px 6px}.map-coordinate-pin.source .pin-label{background:#21885b}.map-coordinate-pin.target .pin-label{background:#cb4545}.map-pin.is-zone-city{background:#fff;border:2px solid #6557ed;box-shadow:0 0 0 3px #6557ed2a}.map-lookup-status{margin:7px 2px 0;min-height:14px;font-size:9px;color:#999aa9}.map-lookup-status.success{color:#35a975}.map-lookup-status.error{color:#df6565}
@media(max-width:700px){.map-coordinate-pin{width:25px;height:30px}.map-coordinate-pin .pin-arrow{font-size:18px}}
+
.world-map.leaflet-container{width:100%;height:100%;background:#e9f2f3;font:11px var(--font)}.world-map .leaflet-control-attribution{font-size:9px}.world-map .leaflet-control-zoom a{color:#4f5268}.timezone-city-marker{border:0;background:transparent}.timezone-city-marker>span{display:block;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#657c74;box-shadow:0 1px 4px #263a3450}.timezone-arrow-marker{border:0;background:transparent;overflow:visible}.timezone-arrow{position:absolute;left:2px;top:2px;display:grid;place-items:center;width:29px;height:30px;border:2px solid #fff;border-radius:50% 50% 50% 5px;background:#28a56b;color:white;box-shadow:0 2px 6px #263a3450;transform:rotate(-45deg);font-size:20px;font-weight:900}.timezone-arrow-marker.target .timezone-arrow{background:#e25858}.timezone-arrow-marker.source .timezone-arrow{background:#28a56b}.timezone-marker-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:4px;background:#21885b;color:#fff;font-size:9px;white-space:nowrap;box-shadow:0 1px 3px #263a3430}.timezone-arrow-marker.target .timezone-marker-label{background:#cb4545}
@media(max-width:700px){.world-map .leaflet-container{height:100%}.world-map{height:320px}}