:root{--control-icons-width:13px;--hour-width:28px;--hour-height:40px;--row-gap:4px;--city-info-width:180px;--control-icon-right-margin:8px;--current-time-info-width:200px;--current-time-info-margin-right:20px;--search-bar-width:300px;--select-area-left:calc(var(--control-icons-width) + var(--city-info-width) + var(--control-icon-right-margin) + var(--current-time-info-width) + var(--current-time-info-margin-right))}@media (max-width:768px){:root{--city-info-width:120px;--current-time-info-width:180px;--current-time-info-margin-right:15px;--hour-width:24px;--search-bar-width:250px}}@media (max-width:480px){:root{--city-info-width:100px;--current-time-info-width:160px;--current-time-info-margin-right:10px;--hour-width:22px;--search-bar-width:200px}}.control-icons-container{width:var(--control-icons-width);height:var(--hour-height);margin-right:var(--control-icon-right-margin)}.current-time-info-container{width:var(--current-time-info-width);margin-right:var(--current-time-info-margin-right);flex-shrink:0;text-align:right}.timezone-row-container{height:var(--hour-height)}.row-gap{height:var(--row-gap)}.select-area-positioned{left:var(--select-area-left)}.search-bar-container{width:var(--search-bar-width)}.date-picker-container{margin-left:12px}.date-picker-wrapper{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:8px;background-color:#ffffff;transition:border-color .15s ease;height:36px}.date-picker-wrapper:hover{border-color:#cbd5e1}.date-picker-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.date-picker-icon{width:16px;height:16px;color:#6366f1;flex-shrink:0}.date-picker-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none;border:none;padding:0;margin:0}.date-picker-reset{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer;color:#64748b;flex-shrink:0;transition:all .15s ease}.date-picker-reset:hover{background:#e2e8f0;color:#ef4444}.toolbar-container{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}@media (max-width:768px){.current-time-info-container{margin-right:var(--current-time-info-margin-right);font-size:13px}.control-icons-container{margin-right:4px}}@media (max-width:480px){.current-time-info-container{font-size:12px}.control-icons-container{margin-right:2px}}@media (max-width:768px){.date-picker-container{margin-left:0;margin-top:4px}.date-picker-display{font-size:12px!important}.toolbar-container{flex-direction:row;flex-wrap:wrap}}@media (max-width:480px){.date-picker-wrapper{padding:3px 8px;height:32px}.date-picker-display{font-size:11px!important}}@media (max-width:1024px){.responsive-time-ruler{display:none}}.ruler-unit{width:var(--hour-width);height:var(--hour-height);box-sizing:border-box;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;text-align:center;padding-top:5px;font-size:13px;font-weight:500;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color .15s ease}@media (max-width:1199px){.ruler-unit{width:var(--hour-width)}}@media (max-width:768px){.ruler-unit{font-size:13px;padding-top:3px}}@media (max-width:480px){.ruler-unit{font-size:12px;padding-top:2px}}.drag-source{opacity:.3;transition:opacity .2s ease}.drop-indicator{height:var(--row-gap);transition:height .2s cubic-bezier(.2,0,0,1);position:relative}.drop-indicator-active{height:10px}.drop-indicator-line{position:absolute;left:0;right:0;top:50%;height:2px;background:#4f46e5;border-radius:1px;transform:translateY(-50%) scaleX(0);transition:transform .2s cubic-bezier(.2,0,0,1)}.drop-indicator-active .drop-indicator-line{transform:translateY(-50%) scaleX(1)}.drop-zone-tail{height:32px}.dragging-mobile{opacity:.8;transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .2s ease}@keyframes longPressIndicator{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.long-press-active{animation:longPressIndicator .5s ease-in-out}.timezone-row{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s ease}@media (max-width:768px){.timezone-row{touch-action:none}}