.app{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.content{display:flex;gap:2rem;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;width:100%;height:100%;padding-bottom:3rem}.logo{display:flex;justify-content:center}.logo svg{width:120px;height:120px;transition:transform .3s ease}.logo svg:hover{transform:scale(1.05)}h1{color:#fff;font-size:3.25rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}p{color:#ccc;font-size:1rem;line-height:1.4;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-wrap:balance;text-align:center}@media (max-width: 768px){.app{padding:1rem}h1{font-size:2.5rem}p{font-size:1rem}.logo svg{width:100px;height:100px}}.footer{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;font-size:14px;gap:.25rem!important}.footer p{margin:0;color:#fff6}.footer a{text-decoration:none;color:#fff6}.example-page{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#333;overflow:hidden;background-image:url(/grid.png);background-size:32px 32px;background-position:0 0;background-repeat:repeat}.content{text-align:center;z-index:1;padding:0}.content p{color:#fff;font-size:1rem;font-weight:400;margin:0 0 .5rem;max-width:80vw}.arrow{position:absolute;color:#fff;z-index:0;opacity:1!important;cursor:default}.arrow>span{color:#fff!important;opacity:1!important;font-size:48px}.arrow-top{top:-16px;left:50%;transform:translate(-50%)}.arrow-bottom{bottom:-22px;left:50%;transform:translate(-50%)}.arrow-left{left:-16px;top:50%;transform:translateY(-50%)}.arrow-right{right:-16px;top:50%;transform:translateY(-50%)}.privacy-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.privacy-content{max-width:600px;width:100%;border-radius:20px;padding:3rem}.privacy-content h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.privacy-text{line-height:1.8;font-size:1.1rem;margin-bottom:2rem}.privacy-text p{margin-bottom:1.5rem}.privacy-text strong{color:#fff;font-weight:600}.privacy-footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;gap:.25rem!important}.privacy-footer p{margin:0;color:#fff6}.privacy-footer a{text-decoration:none;color:#fff6}a{color:#fff;text-decoration:none;font-size:1rem}._flapClock_1y2f1_2{display:flex;gap:.125rem;align-items:center;position:relative}._flapDigit_1y2f1_9{position:relative}._flapBox_1y2f1_13{width:1rem;height:2.5rem;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}._flapBox_1y2f1_13:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;pointer-events:none}._flapBox_1y2f1_13:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none}._leadingHour_1y2f1_43{color:#ffffff1a!important}._digit_1y2f1_47{color:#d82;font-size:2rem;font-weight:400;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;position:relative;z-index:1}._digit_1y2f1_47._currentTime_1y2f1_55{color:#fff}._colon_1y2f1_59{display:flex;align-items:center;justify-content:center;width:12px;margin-top:-.125rem}._colonText_1y2f1_67{color:#d82;font-size:1.5rem;font-weight:100;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}._colonText_1y2f1_67._blinking_1y2f1_73{animation:_blink_1y2f1_73 1s infinite}._colonText_1y2f1_67._currentTime_1y2f1_55{color:#fff}@keyframes _blink_1y2f1_73{0%,50%{opacity:1}51%,to{opacity:0}}._amPm_1y2f1_88{position:absolute;top:4px;right:-24px;color:#ffffff4d;font-size:12px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.05em}._clockRow_1dmw0_2{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}._clockRow_1dmw0_2:last-child{border-bottom:none}._clockHeader_1dmw0_11{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;width:100%}._cityInfo_1dmw0_19{display:flex;flex-direction:column;align-items:flex-start}._cityName_1dmw0_25{color:#fff;font-weight:600;font-size:1.5rem;line-height:1.5rem;text-align:left}._gmtOffset_1dmw0_33{color:#fff3;font-weight:400;font-size:.8rem;line-height:.1rem;margin-left:.5rem;margin-top:-.5rem}._date_1dmw0_42{color:#fff6;font-size:.9rem;text-align:left}._timelineContainer_6lzsn_2{position:relative;width:fit-content;overflow:visible;margin:0;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-end}._timeline_6lzsn_2{height:100%;display:flex;width:fit-content;padding-top:72px;padding-left:calc(50vw - 20px);padding-right:calc(50vw - 20px);margin-bottom:5vh}._timelineSegment_6lzsn_22{position:relative;width:40px;height:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;flex-shrink:0}._timelineSegment_6lzsn_22:hover,._timelineSegment_6lzsn_22._highlighted_6lzsn_32{cursor:pointer}._timelineSegment_6lzsn_22:hover ._segmentMarker_6lzsn_35,._timelineSegment_6lzsn_22._highlighted_6lzsn_32 ._segmentMarker_6lzsn_35{background:#fff}._timelineSegment_6lzsn_22:hover ._segmentMarker_6lzsn_35:has(~._segmentLabel_6lzsn_38._currentTime_6lzsn_38),._timelineSegment_6lzsn_22._highlighted_6lzsn_32 ._segmentMarker_6lzsn_35:has(~._segmentLabel_6lzsn_38._currentTime_6lzsn_38){background:#d82}._timelineSegment_6lzsn_22:hover ._segmentLabel_6lzsn_38,._timelineSegment_6lzsn_22._highlighted_6lzsn_32 ._segmentLabel_6lzsn_38{outline:1px solid white!important;color:#fff}._timelineSegment_6lzsn_22:hover ._segmentLabel_6lzsn_38._currentTime_6lzsn_38,._timelineSegment_6lzsn_22._highlighted_6lzsn_32 ._segmentLabel_6lzsn_38._currentTime_6lzsn_38{outline:none!important;color:#000;background-color:#d82}._timelineSegment_6lzsn_22:hover ._segmentLabel_6lzsn_38:after,._timelineSegment_6lzsn_22._highlighted_6lzsn_32 ._segmentLabel_6lzsn_38:after{color:#fff}._segmentMarker_6lzsn_35,._segmentMarker15_6lzsn_55,._segmentMarker30_6lzsn_56,._segmentMarker45_6lzsn_57{width:1px;background:#ffffff1a;margin-bottom:2.5rem}._segmentMarker_6lzsn_35._businessHours_6lzsn_62,._segmentMarker15_6lzsn_55._businessHours_6lzsn_62,._segmentMarker30_6lzsn_56._businessHours_6lzsn_62,._segmentMarker45_6lzsn_57._businessHours_6lzsn_62{background:#ffffff26}._segmentMarker_6lzsn_35{position:absolute;left:50%}._segmentMarker15_6lzsn_55{position:absolute;opacity:.5;left:75%}._segmentMarker30_6lzsn_56{position:absolute;opacity:.5;left:100%}._segmentMarker45_6lzsn_57{position:absolute;opacity:.5;left:125%}._segmentLabel_6lzsn_38{position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#ffffff80;font-size:1rem;line-height:1.75rem;text-align:center;width:2rem;height:2.5rem;border-radius:2px}._segmentLabel_6lzsn_38._businessHours_6lzsn_62{background-color:#222;color:#ffffff80}._segmentLabel_6lzsn_38._currentTime_6lzsn_38{background-color:#d82;color:#000}._segmentLabel_6lzsn_38._currentTime_6lzsn_38._amMarker_6lzsn_113:after,._segmentLabel_6lzsn_38._currentTime_6lzsn_38._pmMarker_6lzsn_113:after{color:#000}._segmentLabel_6lzsn_38:after{color:#ffffff80;font-weight:700;position:absolute;bottom:0;margin-bottom:-16px;font-size:9px;left:0;width:100%;height:100%}._segmentLabel_6lzsn_38._amMarker_6lzsn_113:after{content:"AM"}._segmentLabel_6lzsn_38._pmMarker_6lzsn_113:after{content:"PM"}._dateLabel_6lzsn_134{position:absolute;left:50%;transform:translate(-50%);background-color:#000;z-index:220;top:5vh;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._monthSpan_6lzsn_147{background:none;color:#666;font-size:10px;font-weight:700;text-align:center;padding:0;height:12px;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._daySpan_6lzsn_161{background:transparent;font-weight:400;color:#fff;font-size:20px;line-height:20px;font-weight:700;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.world-clock-app{min-height:100%;width:100%;display:flex;flex-direction:row;position:relative}.search-container{position:fixed;top:calc(2rem + env(safe-area-inset-top));left:2rem;z-index:1000}@media (max-width: 768px){.search-container{left:1rem}}.settings-container{position:fixed;top:calc(2rem + env(safe-area-inset-top));right:2rem;z-index:1000}@media (max-width: 768px){.settings-container{right:1rem}}.settings-icon{cursor:pointer;display:inline-block;transition:opacity .3s ease;transform:rotate(90deg)}.settings-icon:hover{opacity:.7}.settings-dropdown{position:absolute;top:2rem;right:0;background:#44444480;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:.5rem;min-width:256px;z-index:1001}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;border-radius:4px;transition:all .3s ease;color:#fffc}.settings-option:hover{color:#fff;background:#ffffff1a}.option-text{font-size:14px}.check-icon{font-size:1.2rem;color:#fff}.search-icon{cursor:pointer;display:inline-block;transition:opacity .3s ease}.search-icon:hover{opacity:.7}.search-dropdown{position:absolute;top:2rem;left:0;background:#44444480;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:.5rem;min-width:300px;z-index:1000}.search-input-container{display:flex;align-items:center;gap:1rem;height:48px}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none;padding:.75rem}.search-input::placeholder{color:#ffffff80}.clear-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;transition:opacity .3s ease}.clear-button:hover{opacity:.7}.clear-button .material-symbols-outlined{font-size:20px;margin-right:.825rem}.suggestions{max-height:200px;overflow-y:auto}.suggestion-item{display:flex;width:100%;flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:all .3s ease;font-size:14px;height:48px}.suggestion-item .city-name{flex:1}.suggestion-item.hovered,.suggestion-item:hover{color:#fff;background:#ffffff1a}.add-icon{font-size:24px;opacity:.2;transition:opacity .3s ease;margin-right:.25rem;margin-top:-.25rem;font-variation-settings:"wght" 300}.suggestion-item.hovered .add-icon,.suggestion-item:hover .add-icon{opacity:1}.selected-cities{max-height:200px;overflow-y:auto}.selected-city-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:4px;transition:all .3s ease;color:#fffc}.selected-city-item:hover{color:#fff;background:#ffffff1a}.city-name{font-size:14px;font-weight:500}.remove-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:all .3s ease;color:#ffffff80}.remove-icon:hover{color:#ff6b6b;background:#ff6b6b1a}.remove-icon .material-symbols-outlined{font-size:1rem}.no-cities-message{padding:1rem;text-align:center;color:#ffffff80;font-size:14px;font-style:italic}.clocks-column{display:flex;flex-direction:column;position:fixed;top:calc(4rem + env(safe-area-inset-top));gap:0;width:100%;padding:2rem 2rem 0;flex-shrink:0;left:0;z-index:100;pointer-events:none}@media (max-width: 768px){.clocks-column{padding:2rem 2rem 0 .75rem}}.timeline-area{display:flex;flex-direction:column;gap:0;flex:1;top:0;padding-top:calc(5rem + env(safe-area-inset-top));min-width:0;overflow:visible;z-index:99}.current-time-indicator{position:fixed;top:calc(2rem + env(safe-area-inset-top));left:50%;width:1px;border-radius:2px;height:calc(100% - 3rem - env(safe-area-inset-bottom));background:#d82;z-index:-200;pointer-events:all}.reset-time-button{position:fixed;top:calc(1.5rem + env(safe-area-inset-top));left:calc(50% - 20px);width:40px;height:40px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:210;transition:all .3s ease;border:none}.reset-time-button:hover,.reset-time-button:active,.reset-time-button:focus{outline:none;border:none;background:#d823;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reset-time-button .material-symbols-outlined{color:#d82;font-size:32px;font-variation-settings:"wght" 200}.footer{position:absolute;display:flex;gap:1rem;left:50%;bottom:2rem;transform:translate(-50%);font-size:14px}.footer a{text-decoration:none;color:#fff6;transition:color .3s ease}.footer a:hover{color:#ffffffb3}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#000;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{height:100%}body{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}body>div#root{width:100%;height:100%}