body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--background:#f8fafc;--card-bg:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--accent:#3b82f6;--shadow:#00000014;--border:#eaeaea;--header-bg:#f5f5f5fa;--header-border:#0000001a;--icon-color:#666}[data-theme=dark]{--background:#111827;--card-bg:#1f2937;--text-primary:#fff;--text-secondary:#9ca3af;--border:#374151;--shadow:#0003;--header-bg:#111827fa;--header-border:#ffffff1a;--icon-color:#9ca3af;--hover-bg:#37415180}body,html{background-color:#f8fafc;background-color:var(--background)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{background-color:#f8fafc;background-color:var(--background);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .setting-header{flex-direction:row-reverse}[dir=rtl] .setting-title{text-align:right}[dir=rtl] .ant-drawer-header-title{flex-direction:row-reverse}[dir=rtl] .ant-drawer-close{margin-left:0;margin-right:auto}[dir=rtl] .clock-header{flex-direction:row-reverse}.world-clock{padding:0}.header{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.header-content{padding:12px 24px}.header-left{align-items:center;display:flex;gap:16px}.header h1{color:var(--text-primary)}.header-actions{gap:16px}.settings-group{gap:16px;padding:4px}.setting-item,.settings-group{align-items:center;display:flex}.setting-item{color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.setting-item input[type=checkbox]{accent-color:var(--accent);border-radius:4px;cursor:pointer;height:16px;width:16px}.clock-container{margin:0 auto;max-width:1200px;padding:16px 24px}.clock-item{background-color:var(--card-bg);border-radius:10px;box-shadow:0 2px 5px var(--shadow);padding:20px;position:relative;-webkit-user-select:none;user-select:none}.clock-item.dragging{background-color:var(--card-bg);box-shadow:0 8px 16px var(--shadow);opacity:.8;z-index:1}.city-header{gap:8px;margin-bottom:12px}.city-header,.drag-handle-wrapper{align-items:center;display:flex;height:20px}.drag-handle-wrapper{cursor:grab;padding:0;touch-action:none}.drag-handle{color:var(--icon-color);display:block;height:16px;opacity:.5;transition:opacity .2s;width:16px}.drag-handle:hover{opacity:1}.clock-item h2{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;line-height:20px;margin:0}.time{margin:0}.date{font-size:.85rem;font-weight:400;margin-top:4px}.theme-selector{align-items:center;display:flex;gap:8px}.theme-selector,.theme-selector select{color:var(--text-primary);font-size:.9rem;font-weight:500}.theme-selector select{background-color:var(--card-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;outline:none;padding:4px 8px;transition:border-color .2s ease}.theme-selector select:hover{border-color:var(--accent)}.theme-selector select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}.menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;padding:8px}.settings-menu{display:none}@media (max-width:600px){.settings-desktop{display:none}.menu-button{display:block}.settings-menu{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px var(--shadow);display:block;margin-top:8px;padding:16px;position:absolute;right:0;top:100%;z-index:1000}.settings-menu .settings-group{align-items:flex-start;flex-direction:column;gap:12px}.settings-menu .setting-item,.settings-menu .theme-selector,.settings-menu .theme-selector select{width:100%}.header-content{padding:8px 16px}.header h1{font-size:1.25rem}.header-content{flex-direction:row;justify-content:space-between}.settings-group{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;padding:0;width:100%}.setting-item,.theme-selector{font-size:.875rem}.theme-selector{flex:1 1;min-width:140px}.world-clock{padding:8px}.clock-grid{gap:10px;grid-template-columns:1fr}.settings-group{margin:0 10px 20px}.clock-container{padding:16px 8px}}.language-selector{align-items:center;display:flex;gap:8px}.language-selector,.language-selector select{color:var(--text-primary);font-size:.9rem;font-weight:500}.language-selector select{background-color:var(--card-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;outline:none;padding:4px 8px;transition:border-color .2s ease}[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .drag-handle-wrapper{left:auto;right:10px}.add-city{position:relative}.add-city-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.add-city-button:hover{background-color:var(--border)}.city-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 -24px;max-height:60vh;overflow-y:auto;padding:12px}.city-option{align-items:flex-start;background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;display:flex!important;flex-direction:column;gap:4px;height:auto;padding:16px;transition:all .2s ease}.city-option:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.city-option-name{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0}.city-option-country{color:var(--text-secondary);font-size:.75rem;opacity:.8}@media (max-width:600px){.city-list{grid-template-columns:1fr;max-height:70vh}}.remove-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease,color .2s ease;width:28px}.clock-item:hover .remove-button{opacity:1}.remove-button:hover{background-color:#ef44441a;color:#ef4444}@media (max-width:600px){.header-left{align-items:flex-start;flex-direction:column;gap:8px}.add-city select{width:100%}}.dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px var(--shadow);max-width:400px;padding:24px;width:90%}.dialog h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 16px}.dialog p{color:var(--text-secondary);margin:0 0 24px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-button{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.dialog-button:hover{background-color:var(--border)}.dialog-button-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.dialog-button-danger:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width:600px){.dialog{margin:16px}}.city-info,.city-name{overflow:hidden}.city-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.country-name{color:var(--text-secondary);font-size:.75rem;line-height:1;opacity:.8}.time-diff{font-size:.85rem;margin-top:4px}.add-city-modal{max-width:800px!important;width:90%!important}.add-city-modal .ant-modal-body{padding:24px 24px 12px}.ant-card.clock-card{height:100%}.ant-card.clock-card .ant-card-head{border-bottom:1px solid var(--border);min-height:auto;padding:10px 14px}.ant-card.clock-card .ant-card-extra,.ant-card.clock-card .ant-card-head-title{padding:0}.ant-card.clock-card .ant-card-body{display:flex;flex-direction:column;gap:3px;padding:14px}.time{letter-spacing:-.5px;margin:2px 0}.date,.time{text-align:center}.date{line-height:1.3;margin:1px 0}.clock-header{align-items:center}.city-info{flex:1 1;min-width:0;padding:1px 0}.city-name{line-height:1.2}.country-name{line-height:1.1;margin-top:2px}.time-diff{line-height:1.1;margin-top:3px}.remove-city-modal .ant-modal-content{border-radius:8px}.remove-city-modal .ant-modal-body{padding:24px;text-align:center}.clock-card-delete{transition:opacity .3s}.settings-modal{max-width:500px}.settings-modal .ant-modal-content{border-radius:8px}.settings-content{padding:0 8px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.settings-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:4px 8px}.settings-item:last-child{margin-bottom:0}.settings-label{color:var(--text-secondary);font-size:14px}.settings-divider{margin:24px 0}.settings-modal .ant-modal-content{border-radius:12px;overflow:hidden}.clock-card-wrapper{transition:transform .2s ease,opacity .2s ease}.clock-card-wrapper.dragging{opacity:.8;transform:scale(1.02)}.clock-card{transition:all .3s ease}.clock-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.clock-card-delete{opacity:0;transition:opacity .2s ease}.clock-card:hover .clock-card-delete{opacity:1}.App{min-height:100vh;padding:0;text-align:center}.App>:not(.header){padding:0 20px}.clock-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:20px}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;border-bottom:1px solid #0000000f;padding:12px 24px;position:sticky;top:0;transition:all .3s ease;z-index:100}[data-theme=dark] .header{background-color:#000000d9}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.header-actions{align-items:center;display:flex;gap:8px}.clock-card{cursor:default;height:100%}.clock-card .ant-card-body{padding:16px}.clock-header{gap:8px}.city-info,.clock-header{align-items:flex-start;display:flex}.city-info{flex-direction:column;gap:2px}.city-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.time-diff{color:var(--text-secondary);font-size:.8rem;font-weight:400}.time{color:var(--text-primary);font-size:2rem;font-weight:600;line-height:1.2;margin:8px 0}.date{color:var(--text-secondary);font-size:.9rem}@media (max-width:600px){.clock-grid{gap:12px;grid-template-columns:1fr;padding:12px}.header{padding:10px 16px}.header h1{font-size:1.25rem}.header-actions{gap:6px}.header-actions .ant-select{width:80px!important}.header-actions .ant-switch{height:22px;min-width:46px}.header-actions .ant-switch .ant-switch-inner-checked,.header-actions .ant-switch .ant-switch-inner-unchecked{font-size:12px}}@media (min-width:601px) and (max-width:900px){.clock-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .header{border-bottom-color:#ffffff0f}.floating-add-button{align-items:center;bottom:32px;box-shadow:0 2px 8px #00000026;display:flex;height:56px!important;justify-content:center;padding:0!important;position:fixed;right:32px;transition:all .3s;width:56px!important;z-index:90}.floating-add-button .anticon{font-size:24px}.floating-add-button:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}@media (max-width:600px){.floating-add-button{bottom:20px;height:48px!important;right:20px;width:48px!important}.floating-add-button .anticon{font-size:22px}}.settings-content{display:flex;flex-direction:column;gap:24px}.setting-item{padding:4px 0}.setting-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.setting-title{flex:1 1}.setting-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:4px}.setting-description{color:var(--text-secondary);display:block;font-size:.85rem}.ant-drawer .ant-drawer-content,.ant-drawer .ant-drawer-header{background-color:var(--card-bg)}.ant-drawer .ant-drawer-header{border-bottom:1px solid var(--border);padding:16px 24px}.ant-drawer .ant-drawer-title{font-size:1rem;font-weight:600}.ant-drawer .ant-drawer-body{padding:20px}.setting-item .ant-switch{height:24px;min-width:52px}@media (max-width:600px){.ant-drawer{max-width:100%}.settings-content{gap:20px}.setting-header{gap:12px}.setting-label{font-size:.9rem}.setting-description{font-size:.8rem}}
/*# sourceMappingURL=main.225110d2.css.map*/