:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-pill:50rem;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--z-dropdown:1000;--z-sticky:1020;--z-modal:1050;--z-toast:1060;--z-tooltip:1070;--clock-font-size:clamp(2.5rem,2rem + 4vw,7rem);--clock-font-weight:700;--clock-letter-spacing:-0.02em;--transition-speed:0.2s;--ad-sidebar-width:minmax(160px,300px);--ad-sidebar-gap:24px;--primary-oklch:oklch(60% 0.2 250);--bg-light:oklch(98% 0.01 250);--bg-dark:oklch(18% 0.02 270);--text-light:oklch(95% 0.01 250);--text-dark:oklch(25% 0.02 250);--glass-bg:rgba(255,255,255,0.08);--glass-bg-strong:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--glass-blur:blur(12px) saturate(180%);--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--gradient-dawn:linear-gradient(180deg,#1a2a6c 0%,#b21f1f 50%,#fdbb2d 100%);--gradient-day:linear-gradient(180deg,#56CCF2 0%,#2F80ED 100%);--gradient-dusk:linear-gradient(180deg,#2c3e50 0%,#fd746c 50%,#ff9068 100%);--gradient-night:linear-gradient(180deg,#0f0c29 0%,#302b63 50%,#24243e 100%)}html[data-theme="dark"],html[data-theme="ocean"],html[data-theme="forest"],html[data-theme="vintage"]{--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.5);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.6);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.7)}.tooltip.hide{opacity:0 !important;transition:opacity 0.15s ease}[data-bs-toggle="tooltip"]:active + .tooltip,[data-bs-toggle="tooltip"]:focus:not(:hover) + .tooltip{opacity:0 !important}.dragging [title],.dragging [data-bs-toggle="tooltip"]{pointer-events:none !important}.dragging{cursor:grabbing !important}.dragging *{pointer-events:none !important}.tooltip{--bs-tooltip-font-size:0.875rem;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.75rem;--bs-tooltip-padding-y:0.5rem;--bs-tooltip-margin:0;--bs-tooltip-opacity:1;font-family:inherit}.tooltip-inner{background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--bs-border-color,#dee2e6);border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);font-weight:500;padding:0.5rem 0.75rem;text-align:center;max-width:200px;word-wrap:break-word}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{border-top-color:var(--bs-border-color,#dee2e6)}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{border-bottom-color:var(--bs-border-color,#dee2e6)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{border-left-color:var(--bs-border-color,#dee2e6)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{border-right-color:var(--bs-border-color,#dee2e6)}[data-theme="dark"] .tooltip-inner{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}[data-theme="dark"] .bs-tooltip-top .tooltip-arrow::before,[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{border-top-color:var(--border-color)}[data-theme="dark"] .bs-tooltip-bottom .tooltip-arrow::before,[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{border-bottom-color:var(--border-color)}[data-theme="dark"] .bs-tooltip-start .tooltip-arrow::before,[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{border-left-color:var(--border-color)}[data-theme="dark"] .bs-tooltip-end .tooltip-arrow::before,[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{border-right-color:var(--border-color)}html,body{min-height:100vh;width:100%;max-width:100%}html{overflow-x:visible}body{overflow-x:hidden}main#main-content{padding-top:0.5rem}#local-clock-card{position:relative;border-color:var(--border-color);background:var(--bg-card);box-shadow:var(--card-shadow);transform:translateY(0);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}#local-clock-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),0.15),0 4px 12px rgba(0,0,0,0.15)}[data-theme="dark"] #local-clock-card{border-color:var(--border-color);background:var(--bg-card);box-shadow:0 0 0 1px rgba(var(--primary-rgb),0.1),0 4px 12px rgba(0,0,0,0.3)}[data-theme="dark"] #local-clock-card:hover{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),0.2),0 6px 16px rgba(0,0,0,0.4)}[data-theme="dark"] #local-clock-card::before{background:var(--bg-hover);border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05)}#local-clock-card .btn-favorite{position:static;display:inline-block;margin-left:0.75rem;font-size:1.3rem;color:var(--text-muted) !important;background:transparent;border:none;cursor:pointer;transition:transform 0.2s ease,color 0.2s ease;padding:0;vertical-align:middle;line-height:1;text-decoration:none !important}#local-clock-card .btn-favorite:hover{transform:scale(1.2);color:#adb5bd !important}#local-clock-card .btn-favorite.favorited{color:var(--warning) !important;text-shadow:0 0 6px rgba(var(--warning-rgb),0.6);font-weight:bold}@media (max-width:575.98px){#local-clock-card .btn-favorite{position:absolute !important;left:1.25rem !important;top:4rem !important;margin-left:0 !important;font-size:1rem !important;display:block !important;line-height:1 !important;padding:0 !important}}@media (min-width:576px){#local-date{display:inline;margin-bottom:0 !important;margin-right:0.5rem}#local-date::after{content:" \2022 ";color:var(--bs-secondary);margin:0 0.5rem}#local-timezone{display:inline}#time-metrics .row{gap:1.5rem;justify-content:center}#time-metrics .col{flex:0 0 auto;padding:0 1rem}}@media (min-width:992px){#time-metrics .row{gap:2.5rem}#time-metrics .col{padding:0 1.5rem}}@media (min-width:992px){#local-clock-card{max-width:none}section[aria-labelledby="local-clock-heading"] .col-lg-10{flex:0 0 100%;max-width:100%}}.city-search-container{position:relative;display:flex;gap:0.25rem}#city-search,.city-search-input{flex:1;font-size:16px}#google-font-input,#google-font-input-mobile,#clock-font-size-input,#clock-font-size-input-mobile,#custom-theme-name,#planner-date,#range1-start,#range1-end,#range2-start,#range2-end{font-size:16px}.map-picker-btn{padding:0.25rem 0.5rem;font-size:0.875rem}.city-search-results{position:absolute;top:100%;left:0;right:0;width:100%;max-height:300px;overflow-y:auto;background:var(--bg-card,#fff);border:1px solid var(--border-color,#dee2e6);border-radius:0.375rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);z-index:1050;margin-top:0.25rem}.city-search-result{padding:0.5rem 0.75rem;cursor:pointer;border-bottom:1px solid var(--border-color,#dee2e6);transition:background-color 0.15s ease}.city-search-result:last-child{border-bottom:none}.city-search-result:hover,.city-search-result.active{background-color:var(--bg-hover,#cfe2ff)}.city-result-name{font-weight:600;color:var(--text-primary,#212529)}.city-result-meta{font-size:0.75rem;color:var(--text-muted,#6c757d);display:flex;gap:0.5rem;flex-wrap:wrap}.city-search-separator{padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted,#6c757d);background-color:var(--bg-hover,#e2e3e5);border-bottom:1px solid var(--border-color,#dee2e6);letter-spacing:0.5px}.city-search-no-results{padding:1rem;text-align:center}.city-search-widget{position:relative}.city-search-widget .form-control::placeholder{color:var(--bs-secondary,#6c757d);opacity:0.8}[data-theme="dark"] .city-search-widget .form-control::placeholder{color:#adb5bd !important;opacity:0.9 !important}html[data-theme^="solar"] .city-search-widget .form-control::placeholder{color:#6c757d !important;opacity:0.8 !important}html[data-theme^="solar"][data-solar-period="night"] .city-search-widget .form-control::placeholder{color:#b0bec5 !important;opacity:0.9 !important}.city-search-result-item{padding:0.5rem 0.75rem;cursor:pointer;border-bottom:1px solid var(--border-color,#dee2e6);transition:background-color 0.15s ease}.city-search-result-item:last-child{border-bottom:none}.city-search-result-item:hover,.city-search-result-item.active{background-color:var(--bg-hover,#cfe2ff)}.city-search-result-item .city-name{font-weight:600;color:var(--text-primary,#212529)}.city-search-result-item .country-badge{font-size:0.75rem;color:var(--text-muted,#6c757d)}.favorites-dropdown-item{padding:0.5rem 0.75rem;transition:background-color 0.15s ease}.favorites-dropdown-item:not(.disabled):hover{background-color:var(--bs-primary-bg-subtle,#cfe2ff)}.favorites-dropdown-item.disabled{opacity:0.6;pointer-events:none}.favorites-dropdown-item .btn-unfavorite{opacity:0.8;transition:opacity 0.15s ease}.favorites-dropdown-item .btn-unfavorite:hover{opacity:1}[data-theme="dark"] .favorites-dropdown-item:not(.disabled):hover{background-color:rgba(13,110,253,0.2)}.fav-item-removed .city-result-name,.fav-item-removed .city-result-meta{font-style:italic;opacity:0.55}.fav-item-removed{cursor:default !important}.fav-item-removed .btn-unfavorite{color:var(--bs-secondary,#6c757d) !important;opacity:0.7}#show-current-location{cursor:pointer;z-index:100 !important;user-select:none;-webkit-user-select:none;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center}#show-current-location:hover{opacity:0.7}#show-current-location:focus{outline:2px solid var(--bs-info,#0dcaf0);outline-offset:2px;border-radius:2px}.current-location-pin{display:inline;margin-right:0.25em;font-size:0.9em;vertical-align:baseline;visibility:visible !important;opacity:1 !important;filter:drop-shadow(0 0 2px rgba(0,0,0,0.3))}.city-header-large .current-location-pin{font-size:0.85em}.city-list-name .current-location-pin{font-size:0.95em}.city-search-current-location-header{background-color:rgba(13,202,240,0.1);border-bottom:1px solid var(--bs-info,#0dcaf0);padding:0.5rem 0.75rem;font-weight:600;font-size:0.875rem}.current-location-label{color:var(--bs-info,#0dcaf0)}.city-search-result-disabled{opacity:0.6;cursor:not-allowed !important;background-color:var(--bs-secondary-bg,#e9ecef)}.city-search-result-disabled:hover{background-color:var(--bs-secondary-bg,#e9ecef) !important}[data-theme="dark"] .city-search-current-location-header{background-color:rgba(13,202,240,0.15);border-color:var(--bs-info,#0dcaf0)}[data-theme="dark"] .city-search-result-disabled{background-color:rgba(108,117,125,0.2)}[data-theme="dark"] .city-search-result-disabled:hover{background-color:rgba(108,117,125,0.2) !important}[data-theme="dark"] .city-search-result:hover,[data-theme="dark"] .city-search-result.active{background-color:rgba(13,110,253,0.2)}.city-search-pin-btn,.city-search-map-btn,.city-search-fav-btn{background-color:var(--bg-input,#ffffff);border-color:var(--border-color,#dee2e6);color:var(--text-secondary,#6c757d)}.city-search-pin-btn:hover,.city-search-map-btn:hover,.city-search-fav-btn:hover{background-color:rgba(var(--primary-rgb,13,110,253),0.12);border-color:var(--primary,#0d6efd);color:var(--text-primary,#212529)}.city-search-fav-btn{color:var(--bs-warning,#ffc107)}.city-search-fav-btn:hover{color:var(--bs-warning,#ffc107)}.ad-placeholder{min-height:250px;background:rgba(0,0,0,0.02);border-radius:8px;display:flex;align-items:center;justify-content:center}.ad-container{margin-top:1.5rem !important}@media (min-width:992px){.ad-placeholder{min-height:600px}.ad-banner .ad-placeholder{min-height:90px}}html[data-theme="light"] footer{background-color:#f8f9fa !important}html[data-theme="dark"] footer{background-color:#212529 !important;border-color:#373b3e !important;color:#e9ecef}body{display:flex;flex-direction:column}html[data-theme="light"] body{background:radial-gradient(circle at center,#f8f9fa 0%,#e9ecef 100%)}html[data-theme^="solar"] body{color:var(--bs-body-color) !important}[data-theme="dark"] body,html[data-theme="dark"] body{background:var(--bg-body,radial-gradient(circle at center,#1a1a2e 0%,#16213e 100%));color:var(--text-primary,#e9ecef)}[data-theme="dark"]{--glass-bg:rgba(0,0,0,0.4);--glass-bg-strong:rgba(0,0,0,0.6);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px rgba(0,0,0,0.3)}.page-grid{display:flex;flex-direction:column;flex:1;width:100%;max-width:100%;overflow-x:hidden}.main-content{flex:1;width:100%;max-width:100%;min-width:0}.container{max-width:100%}@media (max-width:575px){.container{padding-left:0.75rem;padding-right:0.75rem}}.ad-sidebar-left,.ad-sidebar-right{display:none}@media (min-width:992px) and (max-width:1099px){.page-grid{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;grid-template-areas:"ad-left main ad-right";gap:1rem;padding:0 1rem;max-width:100%;margin:0 auto;width:100%}.ad-sidebar-left,.ad-sidebar-right{display:block;position:sticky;top:20px;height:calc(100vh - 140px);max-height:800px;align-self:start;width:160px;min-width:160px}.ad-sidebar-left{grid-area:ad-left}.ad-sidebar-right{grid-area:ad-right}.main-content{grid-area:main;min-width:0;overflow-wrap:break-word;max-width:100%}}@media (min-width:1100px) and (max-width:1399px){.page-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;grid-template-areas:"ad-left main ad-right";gap:1.5rem;padding:0 1.5rem;max-width:100%;margin:0 auto;width:100%}.ad-sidebar-left,.ad-sidebar-right{display:block;position:sticky;top:20px;height:calc(100vh - 140px);max-height:800px;align-self:start;width:220px;min-width:220px}.ad-sidebar-left{grid-area:ad-left}.ad-sidebar-right{grid-area:ad-right}.main-content{grid-area:main;min-width:0;overflow-wrap:break-word;max-width:100%}}@media (min-width:1100px) and (max-width:1399px){.matching-slot-header{display:flex;flex-direction:column;align-items:flex-start;gap:0.2rem;margin-bottom:0.5rem}.matching-slot-header-line1{display:flex;align-items:center;width:100%;min-width:0;gap:0.25rem}.matching-slot-header-line1 .matching-slot-icon{flex-shrink:0;font-size:1rem}.matching-slot-header-line1 .matching-slot-location{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;font-size:0.9rem}.matching-slot-header-line1 .matching-slot-timezone{display:inline;font-size:0.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.matching-slot-header-line1 .matching-slot-timezone::before{content:attr(data-short-timezone)}.matching-slot-header-line1 .matching-slot-duration{display:none}.matching-slot-header-line2{display:flex;align-items:center;gap:0.375rem;padding-left:1.5rem;font-variant-numeric:tabular-nums;font-size:0.875rem;font-weight:600}.matching-slot-header-line2 .matching-slot-time-from,.matching-slot-header-line2 .matching-slot-time-to{white-space:nowrap}.matching-slot-header-line2 .matching-slot-sep{color:var(--text-muted);font-weight:400}.matching-slot-header-line2 .matching-slot-duration{font-size:0.75rem;color:var(--text-muted);white-space:nowrap;margin-left:0.5rem;opacity:0.8;font-weight:400}.matching-slot-city-row{display:flex;flex-direction:column;align-items:flex-start;gap:0.15rem;padding:0.375rem 0;border-top:1px solid var(--bs-border-color-translucent)}.matching-slot-city-line1{display:flex;align-items:center;width:100%;min-width:0;gap:0.25rem}.matching-slot-city-line1 .city-arrow{color:var(--text-muted);flex-shrink:0;font-size:0.75rem}.matching-slot-city-line1 .city-location{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;font-size:0.85rem}.matching-slot-city-line1 .slot-city-tz{display:inline;font-size:0.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.matching-slot-city-line2{display:flex;align-items:center;gap:0.375rem;padding-left:1.5rem;font-variant-numeric:tabular-nums;font-size:0.8125rem;color:var(--text-secondary)}.matching-slot-city-line2 .city-time-from,.matching-slot-city-line2 .city-time-to{white-space:nowrap}.matching-slot-city-line2 .city-time-sep{color:var(--text-muted)}.timebar-label{width:90px;min-width:90px;max-width:90px;font-size:0.78rem}.timebar-row{gap:0.25rem}.timeline-label{font-size:0.55rem}}@media (min-width:1400px){.page-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;grid-template-areas:"ad-left main ad-right";gap:var(--ad-sidebar-gap);padding:0 var(--ad-sidebar-gap);max-width:1600px;margin:0 auto;width:100%}.ad-sidebar-left,.ad-sidebar-right{display:block;position:sticky;top:20px;height:calc(100vh - 140px);max-height:800px;align-self:start;width:300px;min-width:300px}.ad-sidebar-left{grid-area:ad-left}.ad-sidebar-right{grid-area:ad-right}.main-content{grid-area:main;min-width:0;overflow-wrap:break-word;max-width:100%}}@media (min-width:1400px){.page-grid{max-width:1600px;gap:2rem;padding:0 2rem}}.page-grid-content{display:flex;flex-direction:column;flex:1;width:100%}@media (min-width:992px){.page-grid-content{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;grid-template-areas:"ad-left main ad-right";gap:1rem;max-width:1600px;margin:0 auto;width:100%;padding:0 0.5rem}.page-grid-content .ad-sidebar-left{grid-area:ad-left}.page-grid-content .ad-sidebar-right{grid-area:ad-right}.page-grid-content .main-content{grid-area:main;min-width:0;overflow-wrap:break-word}}.clock-font{font-size:var(--clock-font-size);font-weight:var(--clock-font-weight);letter-spacing:var(--clock-letter-spacing);font-variant-numeric:tabular-nums;line-height:1.1}.letter-spacing{letter-spacing:0.1em}header .row{flex-wrap:nowrap}header .col-auto{flex-shrink:0}header .col{min-width:0}header h1{white-space:nowrap}.header-subtitle{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.header-subtitle-mobile{font-size:0.875rem;color:var(--bs-secondary);padding-left:1.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:992px){.header-subtitle{max-width:300px}}@media (min-width:1200px){.header-subtitle{max-width:none}}@media (max-width:767.98px){header h1{font-size:1.25rem}}@media (min-width:768px) and (max-width:991px){header h1{font-size:1.5rem}}.min-width-0{min-width:0 !important}.ad-placeholder{background:linear-gradient(135deg,var(--bs-light,#f8f9fa) 0%,var(--bs-gray-200,#e9ecef) 100%);border:2px dashed var(--bs-gray-400,#ced4da);border-radius:0.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}[data-theme="dark"] .ad-placeholder{background:linear-gradient(135deg,#2d333b 0%,#212529 100%);border-color:var(--bs-gray-600,#6c757d)}.ad-mobile{min-height:90px}.quick-info{display:flex;gap:0.75rem;padding:0.5rem;overflow-x:auto;flex-wrap:nowrap;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.quick-info::-webkit-scrollbar{display:none}.quick-info-card{flex:0 0 auto;width:100px;text-align:center;padding:0.75rem 0.25rem;border-radius:0.5rem;transition:transform 0.2s ease}.quick-info-card:hover{transform:translateY(-4px)}.quick-info-icon{font-size:2rem;margin-bottom:0.5rem}.quick-info-title{font-size:0.8rem;font-weight:600;margin-bottom:0.25rem;line-height:1.2}.quick-info-desc{font-size:0.7rem;color:var(--bs-secondary,#6c757d);margin-bottom:0;line-height:1.3}[data-theme="dark"] .quick-info-card{background-color:transparent}[data-theme="dark"] .quick-info-desc{color:var(--bs-gray-400,#adb5bd)}@media (min-width:480px) and (max-width:991px){.quick-info{justify-content:center;flex-wrap:wrap;overflow-x:visible;margin-bottom:2rem}.quick-info-card{width:130px;padding:1rem 0.5rem}.quick-info-icon{font-size:2.25rem}.quick-info-title{font-size:0.9rem}.quick-info-desc{font-size:0.8rem}}@media (min-width:768px) and (max-width:991px){.quick-info-card{width:160px}.quick-info-icon{font-size:2.5rem}}@media (min-width:992px){.quick-info{overflow-x:visible;flex-wrap:wrap;justify-content:center;gap:2.5rem}.quick-info-card{width:220px;padding:1.5rem 1rem}.quick-info-icon{font-size:3.5rem}.quick-info-title{font-size:1.1rem}.quick-info-desc{font-size:0.9rem}}@media (max-width:575.98px){.btn{min-height:44px;min-width:44px}}[data-theme="dark"]{color-scheme:dark}[data-theme="dark"] .card{background-color:#343a40;border-color:var(--bs-gray-700)}[data-theme="dark"] .text-muted{color:var(--bs-gray-400) !important}[data-theme="dark"] .badge{color:#fff}[data-theme="dark"] .alert-info{background-color:#0c5460;border-color:#117a8b;color:#d1ecf1}body{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.card{transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}*:focus-visible{outline:3px solid var(--bs-primary,#0d6efd);outline-offset:2px}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden-focusable:focus{position:absolute;top:0;left:0;z-index:9999;background:var(--bs-primary);color:white;padding:0.5rem 1rem}@media (prefers-contrast:high){.clock-font{font-weight:900}.btn-outline-secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online{background-color:var(--bs-success,#198754);box-shadow:0 0 0 2px rgba(25,135,84,0.3);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.5}}.status-offline{background-color:var(--bs-secondary,#6c757d)}#dst-indicator .badge{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}@media (prefers-reduced-motion:reduce){#dst-indicator .badge,.status-online{animation:none}}@media print{header,footer,.ad-sidebar-left,.ad-sidebar-right,.ad-mobile,#theme-toggle,#sync-warning{display:none !important}.clock-font{font-size:3rem;color:black !important}}.city-selector{margin-top:2rem}.city-card{transition:transform 0.2s ease,box-shadow 0.2s ease;border-color:var(--border-color)}.city-card:hover{transform:translateY(-2px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important;border-color:var(--primary) !important}.city-clock{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.city-card .card-body{position:relative}.city-card .btn-outline-danger{font-size:1.25rem;line-height:1;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.city-card .btn-outline-danger:hover{background-color:var(--bs-danger);color:white}#city-select{min-height:48px;font-size:1rem}#city-select option{padding:8px;font-size:1rem;min-height:32px}[data-theme="dark"] .city-card{background-color:#343a40;border-color:var(--bs-gray-700)}[data-theme="dark"] .city-card .h6{color:#e9ecef}.ad-banner{margin:0 auto;max-width:728px;width:100%}.ad-banner .ad-placeholder{min-height:90px;padding:1rem}.ad-sidebar-left,.ad-sidebar-right{display:none}@media (min-width:992px){.ad-sidebar-left,.ad-sidebar-right{display:block}}.city-card{transition:transform 0.15s ease,box-shadow 0.15s ease;cursor:grab}.city-card:hover{box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.1) !important}.city-card .card-body{padding:0.5rem 0.75rem}.drag-handle{cursor:grab;font-size:0.75rem;opacity:0.4;user-select:none}.drag-handle:hover{opacity:0.7}.dragging .city-card{opacity:0.5;cursor:grabbing}.city-row-top{min-height:1.5rem}.city-row-bottom{min-height:1.5rem}.city-name{font-size:0.95rem;line-height:1.2}.city-country{font-size:0.75rem;max-width:80px}.city-clock{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.city-date{font-size:0.75rem}.btn-remove{font-size:1.25rem;line-height:1;text-decoration:none !important;min-width:24px;opacity:0.6;transition:opacity 0.15s}.btn-remove:hover{opacity:1}.city-timezone{font-size:0.7rem;padding:0.15em 0.4em}.city-status{font-size:0.65rem;padding:0.1em 0.3em}#city-select{min-height:36px}#city-select option{padding:6px}@media (max-width:575px){.city-card .card-body{padding:0.375rem 0.5rem}.city-name{font-size:0.875rem;max-width:120px}.city-country{font-size:0.7rem;max-width:60px}.city-clock{font-size:1rem}.city-date{font-size:0.7rem}}@media (min-width:992px){.city-clock{font-size:1.25rem}.city-name{font-size:1rem}}[data-theme="dark"] .city-card{background-color:#343a40;border-color:var(--bs-gray-700)}[data-theme="dark"] .city-name{color:#e9ecef}[data-theme="dark"] .drag-handle{color:#adb5bd}#cities-section{margin-bottom:1.5rem}#cities-grid{margin-bottom:1rem}#cities-grid > div{padding:0 0.375rem}#cities-grid .row{margin:0 -0.375rem}.city-card{transition:transform 0.15s ease,box-shadow 0.15s ease;cursor:grab}.city-card:hover{box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.15) !important}.city-card .card-body{display:flex;flex-direction:column;padding:0.75rem}.drag-handle{cursor:grab;font-size:0.875rem;opacity:0.3;user-select:none;line-height:1}.drag-handle:hover{opacity:0.6}.dragging .city-card{opacity:0.6;cursor:grabbing}.city-name{font-size:0.9rem;line-height:1.2;white-space:nowrap}.city-country{font-size:0.75rem;white-space:nowrap;max-width:100%}.city-clock{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.city-date{font-size:0.7rem}.city-timezone{font-size:0.75rem;padding:0.25em 0.5em}.city-status{font-size:0.65rem;padding:0.2em 0.4em}.btn-remove{font-size:1.5rem;line-height:0.8;text-decoration:none !important;opacity:0.5;transition:opacity 0.15s;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{opacity:1}.min-width-0{min-width:0}@media (max-width:767.98px){#cities-grid > div{padding:0.25rem}.city-card .card-body{padding:0.625rem 0.5rem}.city-name{font-size:0.85rem;max-width:80px}.city-country{font-size:0.7rem;max-width:70px}.city-clock{font-size:1.5rem;margin-bottom:0.375rem;margin-top:0.25rem}.city-date{font-size:0.7rem}.city-timezone{font-size:0.7rem;padding:0.2em 0.4em}.drag-handle{font-size:0.75rem}.btn-remove{font-size:1.25rem;min-width:20px;min-height:20px}}@media (min-width:768px) and (max-width:991px){#cities-grid .col-6{flex:0 0 33.333333%;max-width:33.333333%}.city-card .card-body{padding:0.875rem}.city-clock{font-size:1.75rem;margin-bottom:0.5rem}.city-name{font-size:0.95rem}.city-country{font-size:0.8rem;max-width:90px}.city-name{font-size:0.95rem}}@media (min-width:992px){.city-card .card-body{padding:1rem}.city-clock{font-size:1.75rem;margin-bottom:0.5rem}.city-name{font-size:1rem;max-width:120px}.city-country{font-size:0.8rem;max-width:110px}.city-date{font-size:0.8rem}.city-timezone{font-size:0.85rem}}[data-theme="dark"] .city-card{background-color:#343a40;border-color:var(--bs-gray-700)}[data-theme="dark"] .city-name{color:#e9ecef}[data-theme="dark"] .drag-handle{color:#adb5bd}#cities-section{margin-bottom:1.5rem}#cities-grid{margin:0 -0.25rem}#cities-grid > div{margin-bottom:0.5rem}#layout-select{width:auto;min-width:75px;max-width:90px;font-size:0.8rem;padding:0.25rem 0.5rem}.city-header-grid{display:flex;flex-direction:column;gap:0}.city-header-grid .city-name{font-size:0.95rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-header-grid .city-country{font-size:0.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.layout-list .city-card-list{margin-bottom:0.5rem}.layout-list .city-card-list .card-body{padding:0.75rem 1rem}.layout-list .city-list-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 0.5rem;margin-bottom:0.25rem}.layout-list .city-list-header .city-name{font-size:1rem}.layout-list .city-list-header .city-country{font-size:0.8rem}.layout-list .city-clock-list{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.dragging{opacity:0.7;transform:scale(1.02)}.drag-handle{cursor:grab;user-select:none;touch-action:none;padding:0.25rem}.drag-handle:active{cursor:grabbing}@media (max-width:767.98px){.city-header-grid .city-name{font-size:0.85rem}.city-header-grid .city-country{font-size:0.7rem}.city-clock{font-size:1.5rem}}@media (min-width:768px) and (max-width:991px){.city-header-grid .city-name{font-size:0.9rem}.city-clock{font-size:1.75rem}}@media (min-width:992px){.city-header-grid .city-name{font-size:1rem}.city-header-grid .city-country{font-size:0.8rem}.city-clock{font-size:1.75rem}}.layout-list-col{padding:0.25rem 0.5rem}.city-card-list{margin-bottom:0.25rem}.city-card-list .card-body{padding:0.5rem 0.75rem}.city-list-line1{display:flex;align-items:baseline;gap:0.5rem;white-space:nowrap;overflow:hidden}.city-list-name{font-weight:600;font-size:1rem}.city-list-location{color:var(--bs-secondary,#6c757d);font-size:0.85rem}.city-list-line2{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:0.125rem}.city-list-date{font-size:0.8rem;color:var(--bs-secondary,#6c757d)}.city-list-time{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.city-list-timezone{font-size:0.75rem;color:var(--bs-secondary,#6c757d)}.city-list-status{font-size:0.65rem;padding:0.1em 0.3em}@media (max-width:575px){.col-sm-6{flex:0 0 50%;max-width:50%;padding:0.25rem}}@media (min-width:992px){.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}#cities-grid{margin:0 -0.25rem}#cities-grid > div{padding:0.25rem;margin-bottom:0}#cities-grid.row{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem}#cities-grid.layout-list{--bs-gutter-y:0.25rem}.layout-list-col{padding:0.125rem 0.5rem}.city-card-list{margin-bottom:0}.city-card-list .card-body{padding:0.375rem 0.75rem}.city-list-line1{display:flex;align-items:baseline;gap:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-list-name{font-weight:600;font-size:0.95rem;flex-shrink:0}.city-list-location{color:var(--bs-secondary,#6c757d);font-size:0.8rem}.city-list-line2{display:flex;align-items:center;gap:0.5rem;flex-wrap:nowrap;overflow:hidden;margin-top:0}.city-list-date{font-size:0.75rem;color:var(--bs-secondary,#6c757d);flex-shrink:0}.city-list-time{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.city-list-timezone{font-size:0.7rem;color:var(--bs-secondary,#6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.city-list-status{font-size:0.6rem;padding:0.1em 0.3em;flex-shrink:0}.city-card-list .card-body{padding:0.375rem 0.75rem}.city-card-list > .d-flex{align-items:center !important}.city-list-line1{display:flex;align-items:baseline;gap:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.city-list-name{font-weight:600;font-size:0.9rem}.city-list-location{color:var(--bs-secondary,#6c757d);font-size:0.75rem}.city-list-line2{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:nowrap;line-height:1.2;margin-top:0.125rem}.city-list-date{font-size:0.75rem;color:var(--bs-secondary,#6c757d)}.city-list-time{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.city-list-timezone{font-size:0.75rem;color:var(--bs-secondary,#6c757d)}.city-list-status{font-size:0.6rem;padding:0.1em 0.25em}.city-card{height:100%}.city-card > .card-body{display:flex;flex-direction:column;padding:0.5rem 0.625rem;gap:0}.city-card > .card-body > .d-flex.align-items-start{flex:0 0 1.75rem;min-height:1.75rem;max-height:1.75rem;overflow:hidden;margin-bottom:0.25rem}.city-header-grid{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.city-header-grid .city-name{font-size:0.9rem;font-weight:600}.city-header-grid .city-country{font-size:0.75rem;color:var(--bs-secondary,#6c757d);margin-left:0.35rem}.city-clock{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:1.65rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;line-height:1;min-height:0}.city-card > .card-body > .d-flex.align-items-center.justify-content-center{flex:0 0 auto;line-height:1.2;margin-top:0.25rem}.city-date{font-size:0.7rem}.city-timezone{font-size:0.7rem;padding:0.2em 0.4em}@media (max-width:767.98px){.city-clock{font-size:1.5rem}.city-header-grid .city-name{font-size:0.9rem}}@media (min-width:768px) and (max-width:991px){.city-clock{font-size:1.6rem}}#settings-menu{font-size:1.25rem;line-height:1;padding:0.375rem 0.625rem}#settings-menu + .dropdown-menu{min-width:240px}#settings-offcanvas .btn-primary::before{content:'✓ '}.dropdown-item[data-theme].active,.dropdown-item[data-layout].active{background-color:var(--bs-primary);color:white}.dropdown-item[data-theme].active::before,.dropdown-item[data-layout].active::before,.dropdown-item[data-clock-font].active::before{content:'\2713 ';margin-right:0.25rem;font-weight:bold}.dropdown-item-text{padding:0.25rem 1rem;font-weight:600}.city-list-line1{display:flex;align-items:baseline;gap:0.5rem;line-height:1.2}.city-list-name{font-weight:600;font-size:1rem}.city-list-location{color:var(--bs-secondary,#6c757d);font-size:0.8rem;margin-left:0.5rem}.city-list-line2{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:nowrap;line-height:1.2}.city-list-date{font-size:0.75rem;color:var(--bs-secondary,#6c757d)}.city-list-time{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.city-list-timezone{font-size:0.75rem;color:var(--bs-secondary,#6c757d)}.city-card > .card-body{display:flex;flex-direction:column;padding:0.5rem 0.625rem;gap:0}.city-card > .card-body > .d-flex.align-items-start{flex:0 0 auto;margin-bottom:0}.city-header-grid{line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-name-text{font-size:0.9rem;font-weight:600}.city-country-text{font-size:0.75rem;color:var(--bs-secondary,#6c757d);margin-left:0.35rem}.city-clock{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;line-height:1.1;min-height:0;padding-top:0;margin-top:0.125rem}.city-card > .card-body > .d-flex.align-items-center.justify-content-center{flex:0 0 auto;margin-top:0.25rem;line-height:1.2}.city-date{font-size:0.7rem}.city-timezone{font-size:0.7rem;padding:0.2em 0.4em}.drag-ghost{box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.3) !important;pointer-events:none;transition:transform 0.1s ease}.dragging{opacity:0.4}#cities-grid > div{transition:transform 0.2s ease}#cities-grid > div[style*="translateY"]{opacity:0.7}.drag-ghost{box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.3) !important;pointer-events:none;transition:none !important;border-radius:0.5rem;overflow:hidden}.drag-ghost .card-body{padding:0.5rem 0.625rem !important}.dragging{opacity:0.3}#cities-grid > div{transition:transform 0.2s ease}#cities-grid > div[style*="translateY"]{opacity:0.7}#cities-grid{position:relative;overflow:visible}#cities-grid > div{position:relative}.drag-ghost{box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.3) !important;pointer-events:none;transition:none !important;border-radius:0.5rem;overflow:hidden;background-color:var(--bs-card-bg,#343a40)}.drag-ghost .card-body{padding:0.5rem 0.625rem !important}.dragging{opacity:0.3}#cities-grid > div{transition:transform 0.2s ease}#cities-grid > div[style*="translateY"]{opacity:0.8}#cities-grid.layout-1-col{display:flex;flex-direction:column;align-items:stretch;width:100%}#cities-grid.layout-1-col > div{width:100%;max-width:100%;flex:0 0 100%;padding:0.25rem 0}.city-card-large{margin-bottom:1rem;width:100%}.city-card-large .card-body{position:relative}.city-name-large{display:block}.city-country-large{display:block;font-size:0.75em;font-weight:normal}.city-clock-large{font-size:clamp(2rem,8vw,4rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.city-info-row-large{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap}.city-date-large{font-size:1.5rem;white-space:nowrap}.city-timezone-large{font-size:1rem;flex-shrink:0}.city-card-large .btn-remove{font-size:1.5rem;line-height:1;text-decoration:none !important;opacity:0.5;transition:opacity 0.15s}.city-card-large .btn-remove:hover{opacity:1}.city-card-large .drag-handle{position:absolute;left:1rem;top:50%;transform:translateY(-50%);cursor:grab;font-size:1rem;opacity:0.3}.city-card-large .drag-handle:active{cursor:grabbing}.city-card-large{margin-bottom:1rem}.city-card-large .card-body{padding:1.5rem}.city-card-large .city-header-large{font-size:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-card-large .city-timezone-badge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 auto;display:inline-flex;align-items:center;justify-content:center}.city-card-large .btn-remove{font-size:1.5rem;line-height:1;text-decoration:none !important;opacity:0.5;transition:opacity 0.15s;z-index:10}.city-card-large .btn-remove:hover{opacity:1}.city-card-large .drag-handle{cursor:grab;font-size:1rem;opacity:0.3;user-select:none;z-index:10}.city-card-large .drag-handle:active{cursor:grabbing}@media (max-width:575px){.city-card-large .card-body{padding:1rem}.city-card-large h2{font-size:0.85rem}.city-clock-large{font-size:2.5rem}.city-date-large{font-size:1rem}}.col-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0.125rem}#cities-grid .col-4{padding-left:0.25rem;padding-right:0.25rem}@media (max-width:575px){#cities-grid .col-4 .city-card .card-body{padding:0.375rem 0.25rem}#cities-grid .col-4 .city-header-grid{font-size:0.75rem}#cities-grid .col-4 .city-name-text,#cities-grid .col-4 .city-name{font-size:0.8rem}#cities-grid .col-4 .city-country-text,#cities-grid .col-4 .city-country{font-size:0.65rem}#cities-grid .col-4 .city-clock{font-size:1.1rem}#cities-grid .col-4 .city-date{font-size:0.6rem}#cities-grid .col-4 .city-timezone{font-size:0.6rem;padding:0.1em 0.3em}#cities-grid .col-4 .btn-remove{font-size:1rem;min-width:44px;min-height:44px}#cities-grid .col-4 .drag-handle{font-size:0.7rem}}.timebar-label{width:100px;min-width:100px;max-width:100px;font-size:0.8125rem;font-weight:500;white-space:nowrap;overflow:visible;cursor:pointer;padding:0.25rem 0.5rem;border-radius:0.25rem;transition:all 0.15s;user-select:none;position:relative;z-index:2}.timeline-row{height:20px;margin-bottom:0}.timeline-spacer{background:transparent}.timeline-and-overlap{position:relative;height:28px;background:transparent;margin:0 15px;border-radius:0.25rem;overflow:hidden}.timeline-tick{position:absolute;bottom:0;width:1px;height:6px}.timeline-tick.major{height:10px;width:1px}.timeline-label{position:absolute;bottom:12px;transform:translateX(-50%);font-size:0.625rem;opacity:0.8;white-space:nowrap}.timeline-label:first-of-type{transform:translateX(0);left:0 !important}.timeline-label:last-of-type{transform:translateX(-100%)}#planner-header{cursor:pointer;background-color:transparent;padding:0.5rem 1rem}#planner-toggle-btn{padding:0 !important;color:inherit;min-height:auto}#planner-toggle-btn:hover{background-color:transparent}#planner-toggle-btn[aria-expanded="true"] .planner-chevron{transform:rotate(180deg)}.planner-chevron{transition:transform 0.2s ease;font-size:0.75rem;color:var(--bs-secondary)}.planner-info-icon{font-size:0.75rem;cursor:help;opacity:0.6;transition:opacity 0.2s}.planner-info-icon:hover,.planner-info-icon:focus{opacity:1}#planner-section input[type="time"]{font-size:0.875rem}#planner-section input[type="date"].planner-date-input{font-size:0.875rem;line-height:1.5;padding-top:0.25rem;padding-bottom:0.25rem}input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{cursor:pointer}.timebar-row{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0;position:relative}.timebar-row.dragging{opacity:0.6;background-color:var(--bs-light);border-radius:0.375rem}.timebar-row.drag-over{background-color:rgba(13,110,253,0.1);border:2px dashed var(--bs-primary);border-radius:0.375rem}.timebar-label{min-width:90px;font-size:0.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:0.25rem 0.5rem;border-radius:0.25rem;transition:all 0.15s;user-select:none}.timebar-label:hover{background-color:rgba(0,0,0,0.05)}.timebar-label.excluded{text-decoration:line-through;opacity:0.5;color:var(--bs-secondary)}.timebar-label .drag-handle{cursor:grab;opacity:0.4;margin-right:0.25rem;font-size:0.75rem}.timebar-label .drag-handle:hover{opacity:0.7}.timebar-row{display:flex;align-items:center;gap:0;padding:0.125rem 0;position:relative}.timebar-track{flex:1;height:24px;background-color:rgba(0,0,0,0.03);border-radius:0.25rem;display:flex;position:relative;overflow:hidden;margin-left:0.5rem;margin-right:15px}.timeline-and-overlap{margin-left:0.5rem}.anchor-track{height:24px}.timebar-segment{flex:1;height:100%;min-width:0}.timebar-segment.green{background-color:rgba(var(--success-rgb),var(--heat-intensity,0.45))}.timebar-segment.yellow{background-color:rgba(var(--warning-rgb),0.45)}.timebar-segment.red{background-color:rgba(var(--danger-rgb),0.2)}.timebar-segment.excluded{background-color:var(--border-color);opacity:0.3}.heatmap-cell{flex:1;height:100%;background-color:rgba(var(--success-rgb),var(--heat-intensity,0));transition:background-color 0.3s ease}.overlap-container{height:20px;margin-top:-8px;margin-bottom:4px}.overlap-track{position:relative;height:20px;background:transparent}.overlap-line{position:absolute;top:0;bottom:0;width:2px;background-color:var(--success);opacity:0.7;z-index:10;pointer-events:none}.overlap-zone{position:absolute;top:14px;bottom:22px;z-index:4;pointer-events:none}.overlap-zone-side{position:absolute;top:0;bottom:0;width:4px;min-width:4px;background-color:var(--success);z-index:6;box-sizing:border-box;flex-shrink:0}.overlap-zone-side:first-child{left:0}.overlap-zone-side:last-of-type{right:0}.overlap-zone-line{position:absolute;top:50%;left:0;right:0;height:3px;background-color:var(--success);z-index:5}.overlap-zone-shade{position:absolute;top:calc(50% + 3px);left:0;right:0;bottom:0;background-color:rgba(var(--success-rgb),0.2);z-index:4}.timebar-markers-top{position:absolute;top:-18px;left:0;right:0;display:flex;justify-content:space-between;font-size:0.625rem;color:var(--bs-secondary);padding:0 0.25rem}.timebar-marker{position:absolute;top:-16px;transform:translateX(-50%);font-size:0.625rem;color:var(--bs-secondary);white-space:nowrap}.matching-slots-container{display:flex;flex-direction:column;gap:0.75rem}.matching-slot-card{position:relative;padding:0.75rem 1rem;border-radius:0.5rem}.matching-slot-time{font-weight:600;font-size:0.9375rem;margin-bottom:0.375rem;color:var(--text-primary)}.matching-slot-cities{font-size:0.8125rem;color:var(--text-secondary)}.matching-slot-cities .city-local-time{display:block;margin-top:0.125rem;padding-left:1rem}.matching-slot-header{display:grid;grid-template-columns:24px 150px 165px 66px 24px 66px auto;gap:0.25rem;align-items:center;font-weight:600;font-size:0.9375rem;margin-bottom:0.75rem;color:var(--text-primary)}.matching-slot-header .matching-slot-icon{text-align:center;flex-shrink:0}.matching-slot-header .matching-slot-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0.5rem;min-width:0}.matching-slot-header .matching-slot-timezone{font-size:0.75rem;font-weight:400;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0.5rem}.matching-slot-header .matching-slot-time-from,.matching-slot-header .matching-slot-time-to{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary)}.matching-slot-header .matching-slot-sep{color:var(--text-muted);text-align:center;font-weight:400;justify-self:center;align-self:center;width:100%}.matching-slot-header .matching-slot-duration{font-size:0.8125rem;font-weight:400;color:var(--text-muted);margin-left:0.5rem;opacity:0.8;white-space:nowrap}.matching-slot-city-row{display:grid;grid-template-columns:24px 150px 165px 66px 24px 66px;gap:0.25rem;align-items:center;font-size:0.8125rem;padding:0.25rem 0}.matching-slot-city-row .city-arrow{text-align:center;color:var(--text-muted);flex-shrink:0}.matching-slot-city-row .city-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0.5rem;min-width:0;color:var(--text-secondary)}.matching-slot-city-row .slot-city-tz{font-size:0.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0.5rem}.matching-slot-city-row .city-time-from,.matching-slot-city-row .city-time-to{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-secondary)}.matching-slot-city-row .city-time-sep{color:var(--text-muted);text-align:center;justify-self:center;align-self:center;width:100%}@media (min-width:576px){.matching-slot-header-line1 .matching-slot-location::before,.matching-slot-city-line1 .city-location::before{content:none !important}.matching-slot-header-line1 .matching-slot-timezone::before,.matching-slot-city-line1 .slot-city-tz::before{content:none !important}.matching-slot-header-line1 .matching-slot-location{font-size:inherit !important}.matching-slot-city-line1 .city-location{font-size:inherit !important}.matching-slot-header-line1 .matching-slot-timezone{display:block !important;font-size:0.75rem !important}.matching-slot-city-line1 .slot-city-tz{display:block !important;font-size:0.75rem !important}.matching-slot-header{display:grid !important;grid-template-columns:24px minmax(0,260px) 260px 4rem 0.5rem 4rem auto !important;flex-direction:row !important;gap:0.25rem;align-items:center}.matching-slot-header-line1{display:contents !important}.matching-slot-header-line2{display:contents !important;padding-left:0 !important}.matching-slot-header-line1 .matching-slot-duration{display:inline !important}.matching-slot-city-row{display:grid !important;grid-template-columns:24px minmax(0,260px) 260px 4rem 0.5rem 4rem !important;flex-direction:row !important;gap:0.25rem;align-items:center;border-top:none !important;padding:0.25rem 0 !important}.matching-slot-city-line1{display:contents !important}.matching-slot-city-line2{display:contents !important;padding-left:0 !important}}@media (max-width:576px){.matching-slot-header{display:flex;flex-direction:column;align-items:flex-start;gap:0.2rem;margin-bottom:0.5rem}.matching-slot-header-line1{display:flex;align-items:center;width:100%;min-width:0;gap:0.25rem}.matching-slot-header-line1 .matching-slot-icon{flex-shrink:0;font-size:1rem}.matching-slot-header-line1 .matching-slot-location{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.matching-slot-header-line1 .matching-slot-location{font-size:0 !important}.matching-slot-header-line1 .matching-slot-location::before{content:attr(data-short-location) !important;font-size:0.9375rem;font-weight:600}.matching-slot-header-line1 .matching-slot-timezone{display:inline !important;font-size:0 !important;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:400;padding:0 !important}.matching-slot-header-line1 .matching-slot-timezone::before{content:attr(data-short-timezone) !important;font-size:0.7rem}.matching-slot-header-line1 .matching-slot-duration{display:none}.matching-slot-header-line2{display:flex;align-items:center;gap:0.375rem;padding-left:2.5rem;font-variant-numeric:tabular-nums;font-size:0.875rem;font-weight:600}.matching-slot-header-line2 .matching-slot-time-from,.matching-slot-header-line2 .matching-slot-time-to{white-space:nowrap}.matching-slot-header-line2 .matching-slot-sep{color:var(--text-muted);font-weight:400}.matching-slot-header-line2 .matching-slot-duration{font-size:0.75rem;color:var(--text-muted);white-space:nowrap;margin-left:0.5rem;opacity:0.8;font-weight:400}.matching-slot-city-row{display:flex;flex-direction:column;align-items:flex-start;gap:0.15rem;padding:0.375rem 0;border-top:1px solid var(--bs-border-color-translucent)}.matching-slot-city-line1{display:flex;align-items:center;width:100%;min-width:0;gap:0.25rem}.matching-slot-city-line1 .city-arrow{color:var(--text-muted);flex-shrink:0;font-size:0.75rem}.matching-slot-city-line1 .city-location{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;font-size:0}.matching-slot-city-line1 .city-location::before{content:attr(data-short-location) !important;font-size:0.8125rem;font-weight:500}.matching-slot-city-line1 .slot-city-tz{display:inline !important;font-size:0 !important;color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding:0 !important;margin-left:0}.matching-slot-city-line1 .slot-city-tz::before{content:attr(data-short-timezone) !important;font-size:0.7rem}.matching-slot-city-line2{display:flex;align-items:center;gap:0.375rem;padding-left:2.5rem;font-variant-numeric:tabular-nums;font-size:0.8125rem;color:var(--text-secondary)}.matching-slot-city-line2 .city-time-from,.matching-slot-city-line2 .city-time-to{white-space:nowrap}.matching-slot-city-line2 .city-time-sep{color:var(--text-muted)}}.no-overlap-message{padding:1rem;border-radius:0.5rem;font-size:0.875rem}[data-theme="dark"] #planner-header{background-color:#343a40 !important}[data-theme="dark"] #planner-toggle-btn{color:#e9ecef}[data-theme="dark"] .timebar-track{background-color:rgba(255,255,255,0.05)}#planner-date{font-size:16px}#planner-cities{min-height:120px;font-size:16px}#planner-cities option{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,0.05)}#planner-cities option:checked{background-color:var(--bs-primary);color:white;font-weight:500}#planner-cities option:disabled{color:var(--bs-secondary);font-style:italic;background-color:transparent}.planner-time-bar{height:48px;border-radius:6px;display:flex;align-items:center;padding:0 16px;margin-bottom:8px;font-weight:500;position:relative;transition:transform 0.1s}.planner-time-bar:active{transform:scale(0.995)}.planner-time-bar.green{background-color:rgba(var(--success-rgb,25,135,84),0.15);border-left:5px solid var(--success);color:var(--success)}.planner-time-bar.yellow{background-color:rgba(var(--warning-rgb,255,193,7),0.15);border-left:5px solid var(--warning);color:var(--warning)}.planner-time-bar.red{background-color:rgba(var(--danger-rgb,220,53,69),0.15);border-left:5px solid var(--danger);color:var(--danger);opacity:0.7}.planner-city-row{font-size:0.875rem;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.05)}.planner-city-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.planner-suggestion{background:linear-gradient(135deg,#0d6efd 0%,#0dcaf0 100%);color:white;padding:1.25rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.planner-suggestion h6{margin:0 0 0.5rem 0;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.9}.planner-suggestion .time-display{font-size:1.75rem;font-weight:700;margin:0;font-family:var(--bs-font-monospace,monospace)}.planner-suggestion .meta{margin:0.5rem 0 0 0;font-size:0.875rem;opacity:0.9}@media (max-width:991px){.planner-time-bar{font-size:0.9375rem;height:56px}#planner-form .btn-primary{min-height:48px;font-weight:600}}@media (min-width:992px){#planner-results-desktop .card{border-left:4px solid var(--bs-primary)}.planner-time-bar{cursor:default}.planner-time-bar:hover{filter:brightness(0.98)}}#planner-section{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}#planner-section .card{border:2px solid var(--border-color) !important}#planner-section .card:hover{border-color:var(--primary) !important}.matching-slots-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.timebar-row{min-width:0}.timebar-track{min-width:0;overflow:hidden;position:relative}@media (min-width:992px) and (max-width:1100px){.timebar-label{width:85px;min-width:85px;max-width:85px;font-size:0.75rem}.timebar-row{gap:0.25rem}.timeline-label{font-size:0.55rem}.matching-slot-header{grid-template-columns:20px 120px 140px 60px 20px 60px auto}.matching-slot-city-row{grid-template-columns:20px 120px 140px 60px 20px 60px}}.ad-mobile{min-height:250px;background:rgba(0,0,0,0.02);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:1.5rem 0}@media (max-width:991px){.ad-banner,.ad-mobile{position:relative !important;top:auto !important;bottom:auto !important}}@media (min-width:992px){.ad-sidebar-left,.ad-sidebar-right{position:sticky;top:24px;height:600px;max-height:80vh;overflow:hidden}}.ad-responsive{min-height:90px;max-width:728px;margin:0 auto;background:rgba(0,0,0,0.02);border-radius:8px;display:flex;align-items:center;justify-content:center}@media (max-width:767.98px){.ad-responsive{min-height:250px;max-width:100%}}#local-clock{user-select:none;-webkit-user-select:none;cursor:default}@media (max-width:576px){.timebar-row{flex-direction:column;align-items:stretch;gap:0.25rem;padding:0.5rem 0}.timebar-label{min-width:auto;width:100%;padding:0;margin-bottom:0.25rem;text-align:left;overflow:visible;text-overflow:clip;white-space:nowrap}.timebar-track{width:100%;min-width:100%;margin-left:0;margin-right:0;height:28px;flex:none}#anchor-city-row{flex-direction:column;align-items:stretch}#anchor-city-row .timebar-label{width:100%;min-width:auto;text-align:left}#anchor-city-row .timebar-track{width:100%;margin-left:0;margin-right:0}.timeline-row{flex-direction:row;padding:0.25rem 0;height:32px}.timeline-row .timebar-label{display:none}.timeline-row .timebar-track{height:100%;min-height:28px}.timeline-label{font-size:0.65rem}.overlap-zone{top:8px;bottom:8px}.timebar-segment{min-height:100%}}@media print{.ad-banner,.ad-sidebar-left,.ad-sidebar-right,#planner-section,header,footer{display:none !important}#planner-results-desktop{display:block !important;page-break-inside:avoid}}#favorite-cities-section{position:relative}#edit-favorites-btn{opacity:0.6;transition:opacity 0.2s ease}#edit-favorites-btn:hover{opacity:1}.favorite-city-btn{transition:all 0.2s ease;border-width:1px}.favorite-city-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);border-color:var(--bs-primary)}.favorite-city-time{font-weight:600;letter-spacing:-0.02em}[data-theme="dark"] .favorite-city-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3)}.smaller{font-size:0.75em}#edit-favorites-modal .favorite-city-select{font-size:0.875rem}@keyframes time-tick{0%{opacity:0.7}50%{opacity:1}100%{opacity:0.7}}.favorite-city-time.updating{animation:time-tick 0.3s ease}.btn-favorite{font-size:1.1rem;color:#6c757d !important;transition:transform 0.2s ease,color 0.2s ease;line-height:1;text-decoration:none !important}.btn-favorite:hover{transform:scale(1.2);color:#adb5bd !important}.btn-favorite.favorited{color:var(--warning) !important;text-shadow:0 0 6px rgba(255,193,7,0.6);font-weight:bold}[data-theme="dark"] .btn-favorite{color:#6c757d !important}[data-theme="dark"] .btn-favorite:hover{color:#adb5bd !important}[data-theme="dark"] .btn-favorite.favorited{color:#ffd54f !important;text-shadow:0 0 8px rgba(255,213,79,0.7)}#favorites-dropdown,.city-search-fav-menu{max-height:400px;overflow-y:auto;min-width:280px;max-width:350px}#favorites-dropdown .dropdown-item,.city-search-fav-menu .dropdown-item{padding:0.5rem 1rem;font-size:0.9rem}.favorites-dropdown-item{transition:background-color 0.15s ease}.favorites-dropdown-item:not(.text-muted):hover{background-color:var(--bs-primary-bg-subtle,#cfe2ff);cursor:pointer}.favorites-dropdown-item.text-muted{opacity:0.6}.favorite-time{font-family:'Courier New',monospace;color:var(--bs-secondary,#6c757d);font-size:0.85rem}.btn-unfavorite{color:var(--warning) !important;font-size:1.1rem;line-height:1;transition:transform 0.2s ease,color 0.2s ease;text-decoration:none !important}.btn-unfavorite:hover{transform:scale(1.2);color:#ff9800 !important;text-shadow:0 0 6px rgba(255,193,7,0.6)}[data-theme="dark"] .btn-unfavorite{color:#ffd54f !important}[data-theme="dark"] .btn-unfavorite:hover{color:#ffeb3b !important;text-shadow:0 0 8px rgba(255,213,79,0.7)}[data-theme="dark"] #favorites-dropdown,[data-theme="dark"] .city-search-fav-menu{background:var(--bs-body-bg,#212529);border-color:var(--bs-border-color,#373b3e)}[data-theme="dark"] .favorites-dropdown-item:hover{background-color:rgba(13,110,253,0.2)}#city-replacement-list .list-group-item{cursor:pointer;transition:all 0.2s ease}#city-replacement-list .list-group-item:hover{background-color:var(--bs-primary-bg-subtle,#cfe2ff);border-color:var(--bs-primary,#0d6efd);transform:translateX(4px)}#city-replacement-list .badge{font-size:0.75rem;padding:0.35rem 0.6rem;transition:transform 0.2s ease}#city-replacement-list .list-group-item:hover .badge{transform:scale(1.1)}[data-theme="dark"] #city-replacement-list .list-group-item:hover{background-color:rgba(13,110,253,0.2);border-color:rgba(13,110,253,0.5)}#local-clock-card.drop-target-active{border-color:var(--primary) !important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),0.25),0 0 20px rgba(var(--primary-rgb),0.3);transform:scale(1.02);transition:all 0.2s ease}[data-theme="dark"] #local-clock-card.drop-target-active{border-color:var(--primary) !important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),0.35),0 0 30px rgba(var(--primary-rgb),0.4)}.drag-ghost{pointer-events:none !important;opacity:0.85 !important;transform:scale(1.02) rotate(2deg) !important;z-index:9999 !important;transition:none !important;box-shadow:0 8px 24px rgba(0,0,0,0.2) !important}.drag-ghost *{pointer-events:none !important}.timebar-row.drag-over{background-color:rgba(13,110,253,0.1);border-left:3px solid var(--bs-primary,#0d6efd);transition:all 0.15s ease}[data-theme="dark"] .timebar-row.drag-over{background-color:rgba(13,110,253,0.2)}@media (max-width:767.98px){.flex-grow-1.position-relative[style*="margin-right"]{margin-right:35px !important}header #open-map-picker,header #favorites-dropdown-btn{min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem}}@media (max-width:580px){.btn-favorite{font-size:1rem}.card-body .btn-favorite{right:auto !important;left:0.25rem !important;top:2.25rem !important;bottom:auto !important;transform:none !important;position:absolute !important;padding:0 !important;min-width:auto !important;min-height:auto !important}.city-card-large .card-body{padding-bottom:3.5rem !important}.dropdown.position-absolute[style*="right:-34px"]{right:-30px !important}#favorites-dropdown{min-width:240px;max-width:90vw}.favorite-time{font-size:0.8rem}}@media (max-width:360px){.btn-favorite,.btn-unfavorite{font-size:0.9rem;padding:0 !important}#favorites-dropdown{font-size:0.85rem}}#location-suggestion-banner{position:sticky;top:60px;z-index:1030;margin-bottom:1rem;border-radius:0.5rem}#location-suggestion-banner .btn-primary{padding:0.25rem 0.75rem;font-size:0.875rem}#location-swap-link a:hover{text-decoration:underline !important}.card-glass{background:var(--glass-bg) !important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border) !important;box-shadow:var(--glass-shadow) !important}.card-glass-strong{background:var(--glass-bg-strong) !important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border) !important;box-shadow:var(--glass-shadow) !important}.transition-smooth{transition:all var(--transition-smooth)}.transition-bounce{transition:all var(--transition-bounce)}.flip-transition{transition:transform var(--transition-smooth);will-change:transform}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-palette-open{animation:slideDown 0.2s ease-out}.timeline-selection{position:absolute;background:rgba(var(--primary-rgb),0.2);border:2px solid rgba(var(--primary-rgb),0.6);border-radius:4px;pointer-events:none;z-index:10;transition:opacity 0.2s}.timeline-cell.selected{background-color:rgba(var(--primary-rgb),0.15) !important;position:relative}.selection-info-panel{position:sticky;bottom:0;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:2px solid var(--primary);padding:1rem;z-index:20;animation:slideUp 0.3s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}header.sticky-top{transition:all var(--transition-smooth)}header.sticky-top.scrolled{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 30px rgba(0,0,0,0.1)}html[data-theme="light"] header.sticky-top.scrolled{background-color:rgba(255,255,255,0.85) !important}html[data-theme="dark"] header.sticky-top.scrolled{background-color:rgba(26,29,32,0.85) !important}@supports (container-type:inline-size){.city-card-container{container-type:inline-size}@container (max-width:300px){.city-card-compact .city-country{display:none}.city-card-compact .city-clock{font-size:1.2rem}}}html[data-theme^="solar"]{--solar-brightness:1.0;transition:filter 0.5s ease-in-out}html[data-theme^="solar"][data-solar-period="morning"]{--bs-body-bg:#fef5e7;--bs-body-color:#5d4037;--bg-card:#fff9e6;--card-border:#ffcc80;--text-primary:#4e342e;--text-secondary:#795548;--text-muted:#8d6e63;--main-card-bg:linear-gradient(135deg,#ff9a76 0%,#fad0c4 100%);--main-card-text:#4e342e}html[data-theme^="solar"][data-solar-period="morning"] .card{background-color:var(--bg-card);border-color:var(--card-border);color:var(--text-primary)}html[data-theme^="solar"][data-solar-period="morning"] #local-clock-card{background:var(--main-card-bg);color:var(--main-card-text);border:2px solid var(--main-card-border)}html[data-theme^="solar"][data-solar-period="day"]{--bs-body-bg:#e3f2fd;--bs-body-color:#1565c0;--bg-card:#ffffff;--card-border:#64b5f6;--text-primary:#0d47a1;--text-secondary:#1976d2;--text-muted:#546e7a;--main-card-bg:linear-gradient(135deg,#2196f3 0%,#64b5f6 100%);--main-card-text:#ffffff}html[data-theme^="solar"][data-solar-period="day"] .card{background-color:var(--bg-card);border-color:var(--card-border);color:var(--text-primary);box-shadow:0 2px 8px rgba(33,150,243,0.1)}html[data-theme^="solar"][data-solar-period="day"] #local-clock-card{background:var(--main-card-bg);color:var(--main-card-text);border:2px solid var(--main-card-border);box-shadow:0 4px 16px rgba(33,150,243,0.3)}html[data-theme^="solar"][data-solar-period="evening"]{--bs-body-bg:#1e1b4b;--bs-body-color:#fef3c7;--bg-card:#312e81;--card-border:rgba(253,230,138,0.25);--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#fcd34d;--main-card-bg:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--main-card-text:#ffffff}html[data-theme^="solar"][data-solar-period="evening"] .card{background-color:var(--bg-card);border-color:var(--card-border);color:var(--text-primary)}html[data-theme^="solar"][data-solar-period="evening"] #local-clock-card{background:var(--main-card-bg);color:var(--main-card-text);border:2px solid var(--main-card-border)}html[data-theme^="solar"][data-solar-period="night"]{--bs-body-bg:#0f172a;--bs-body-color:#e2e8f0;--bg-card:#1e293b;--card-border:rgba(148,163,184,0.25);--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--main-card-bg:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--main-card-text:#ffffff}html[data-theme^="solar"][data-solar-period="night"] .card{background-color:var(--bg-card);border-color:var(--card-border);color:var(--text-primary)}html[data-theme^="solar"][data-solar-period="night"] #local-clock-card{background:var(--main-card-bg);color:var(--main-card-text);border:2px solid var(--main-card-border)}html[data-theme^="solar"][data-solar-period="night"]{--bs-body-color:#e3f2fd !important}html[data-theme^="solar"][data-solar-period="night"] .card{color:#ffffff !important}html[data-theme^="solar"][data-solar-period="night"] .card-header,html[data-theme^="solar"][data-solar-period="night"] .card-body,html[data-theme^="solar"][data-solar-period="night"] .card-footer{color:#ffffff !important}html[data-theme^="solar"][data-solar-period="night"] .text-muted{color:#b0bec5 !important;opacity:1 !important}html[data-theme^="solar"][data-solar-period="night"] .city-name,html[data-theme^="solar"][data-solar-period="night"] .city-time,html[data-theme^="solar"][data-solar-period="night"] h1,html[data-theme^="solar"][data-solar-period="night"] h2,html[data-theme^="solar"][data-solar-period="night"] h3,html[data-theme^="solar"][data-solar-period="night"] h4,html[data-theme^="solar"][data-solar-period="night"] h5,html[data-theme^="solar"][data-solar-period="night"] h6{color:#ffffff !important}html[data-theme^="solar"] #city-search,html[data-theme^="solar"] .form-control{background-color:rgba(255,255,255,0.9) !important;color:#212529 !important;border-color:var(--card-border) !important}html[data-theme^="solar"] #city-search::placeholder,html[data-theme^="solar"] .form-control::placeholder{color:#6c757d !important;opacity:0.7 !important}html[data-theme^="solar"][data-solar-period="night"] #city-search,html[data-theme^="solar"][data-solar-period="night"] .form-control{background-color:rgba(255,255,255,0.15) !important;color:#ffffff !important;border-color:#7986cb !important}html[data-theme^="solar"][data-solar-period="night"] #city-search::placeholder,html[data-theme^="solar"][data-solar-period="night"] .form-control::placeholder{color:#b0bec5 !important;opacity:0.8 !important}html[data-theme^="solar"][data-solar-period="morning"] .timebar-segment.green{background:rgba(255,152,0,0.6) !important}html[data-theme^="solar"][data-solar-period="morning"] .timebar-segment.red{background:rgba(121,85,72,0.4) !important}html[data-theme^="solar"][data-solar-period="day"] .timebar-segment.green{background:rgba(33,150,243,0.5) !important}html[data-theme^="solar"][data-solar-period="day"] .timebar-segment.red{background:rgba(144,164,174,0.4) !important}html[data-theme^="solar"][data-solar-period="evening"] .timebar-segment.green{background:rgba(233,30,99,0.5) !important}html[data-theme^="solar"][data-solar-period="evening"] .timebar-segment.red{background:rgba(156,39,176,0.3) !important}html[data-theme^="solar"][data-solar-period="night"] .timebar-segment.green{background:rgba(121,134,203,0.7) !important}html[data-theme^="solar"][data-solar-period="night"] .timebar-segment.red{background:rgba(63,81,181,0.5) !important}#map-modal .modal-dialog{position:relative;max-width:none;max-height:none;width:800px;min-height:400px;margin:1.75rem auto;display:flex;flex-direction:column}@media (max-width:767.98px){#map-modal .modal-dialog{width:100% !important;max-width:100% !important;height:100% !important;max-height:100% !important;min-height:unset !important;margin:0 !important}}#map-modal .modal-content{height:100%;max-height:none !important;display:flex;flex-direction:column}#map-modal .modal-body{flex:1;padding:0;overflow:hidden;min-height:300px;position:relative}#map-modal .modal-header{flex-shrink:0}#tz-sub-header{background-color:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);font-size:0.9rem;z-index:1000}#tz-sub-header .row{--bs-gutter-x:12px}#tz-header-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width:767.98px){#tz-header-info{white-space:normal}}#tz-sub-header .text-muted{color:var(--bs-secondary-color) !important}#tz-globe-btn{line-height:1}#tz-disclaimer{max-width:400px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}[data-theme="dark"] #tz-disclaimer{background-color:rgba(52,58,64,0.9) !important}.tz-label-text{color:rgba(0,0,0,0.7);font-weight:bold;font-size:14px;text-shadow:1px 1px 3px rgba(255,255,255,0.9),-1px -1px 3px rgba(255,255,255,0.9);white-space:nowrap;pointer-events:none;transition:font-size 0.2s ease,opacity 0.2s ease}[data-theme="dark"] .tz-label-text{color:rgba(255,255,255,0.8);text-shadow:1px 1px 3px rgba(0,0,0,0.9),-1px -1px 3px rgba(0,0,0,0.9)}#map-modal #city-map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.modal-resize-handle{position:absolute;bottom:0;right:0;width:30px;height:30px;cursor:nwse-resize !important;z-index:1061;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted,#6c757d);background:var(--bg-card,rgba(255,255,255,0.9));border-top-left-radius:5px;user-select:none;transition:background 0.2s,color 0.2s,transform 0.1s;pointer-events:auto;box-shadow:-1px -1px 3px rgba(0,0,0,0.1)}.modal-resize-handle:hover{background:rgba(var(--primary-rgb,13,110,253),0.2) !important;color:var(--primary,#0d6efd) !important;transform:scale(1.1)}.modal-resize-handle:active{background:rgba(13,110,253,0.3) !important;transform:scale(1.05)}[data-theme="dark"] .modal-resize-handle{background:rgba(33,37,41,0.9);color:#adb5bd;box-shadow:-1px -1px 3px rgba(255,255,255,0.1)}[data-theme="dark"] .modal-resize-handle:hover{background:rgba(13,110,253,0.2);color:#6ea8fe}body.resizing{user-select:none;cursor:nwse-resize !important}.timezone-popup{font-family:inherit}.timezone-popup h6{margin:0 0 8px 0;font-size:14px;color:var(--text-primary,#212529)}.timezone-popup .text-muted{font-size:12px;color:var(--text-muted,#6c757d)}.timezone-popup strong{font-size:13px}.timezone-dark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.15);pointer-events:none;z-index:250;display:none}#tz-legend{flex-direction:column !important;align-items:stretch !important;padding-right:12px !important;overflow-x:hidden !important}#tz-legend-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;overflow-x:hidden !important}#tz-legend-content::-webkit-scrollbar{width:4px}#tz-legend-content::-webkit-scrollbar-track{background:transparent}#tz-legend-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:2px}.tz-legend-color{width:44px;height:20px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,0.9);letter-spacing:0.3px}.tz-legend-name{white-space:nowrap}.tz-legend-item{cursor:pointer;transition:transform 0.15s ease;padding:2px 6px 2px 3px;border-radius:4px;margin-bottom:1px;transform-origin:left center}.tz-legend-item:last-child{margin-bottom:0}.tz-legend-item:hover,.tz-legend-item-hover{transform:scale(1.05)}#tz-legend::-webkit-scrollbar{width:4px}#tz-legend::-webkit-scrollbar-track{background:transparent}#tz-legend::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:2px}#tz-toast{box-shadow:0 4px 12px rgba(0,0,0,0.3);font-weight:500}#tz-globe-btn{transition:transform 0.15s ease}#tz-globe-btn:hover{transform:scale(1.1)}.tz-legend-item{cursor:pointer;transition:transform 0.15s ease,background-color 0.15s ease;padding:2px 3px;border-radius:4px;margin-bottom:1px;flex-shrink:0}.tz-legend-item:last-child{margin-bottom:0}.tz-legend-item:hover,.tz-legend-item-highlighted{background-color:rgba(255,255,255,0.2);transform:scale(1.02)}#tz-toast{box-shadow:0 4px 12px rgba(0,0,0,0.3);font-weight:500}.timezone-popup .badge{font-size:10px;padding:3px 6px}.timezone-popup .small{font-size:11px;line-height:1.4}#tz-live-time{font-family:'Monaco','Menlo','Ubuntu Mono',monospace;color:#0d6efd;font-weight:600}[data-theme="dark"] .timezone-popup h6{color:#f8f9fa}[data-theme="dark"] .timezone-popup .text-muted{color:#adb5bd}[data-theme="dark"] #tz-live-time{color:#6ea8fe}.timezone-legend{background:white !important;padding:10px !important;border-radius:5px !important;box-shadow:0 2px 6px rgba(0,0,0,0.3) !important;font-size:12px !important;line-height:1.4 !important}[data-theme="dark"] .timezone-legend{background:rgba(33,37,41,0.95) !important;color:#f8f9fa !important;box-shadow:0 2px 6px rgba(0,0,0,0.6) !important}.timezone-legend > div:first-child{font-weight:bold;margin-bottom:5px;font-size:13px}.leaflet-control a{transition:background 0.2s,transform 0.1s}.leaflet-control a:hover{background:#f8f9fa !important;transform:scale(1.05)}.leaflet-control a:active{transform:scale(0.95)}[data-theme="dark"] .leaflet-control a{background:rgba(33,37,41,0.95) !important;color:#f8f9fa !important}[data-theme="dark"] .leaflet-control a:hover{background:rgba(52,58,64,0.95) !important}html[data-theme="light"] #dst-countdown,html[data-theme="light"] #next-dst-main{color:inherit !important}html[data-theme="dark"] #dst-countdown,html[data-theme="dark"] #next-dst-main{color:inherit !important}#local-clock-card #dst-countdown.text-info,#local-clock-card #next-dst-main.text-warning,#local-clock-card #monday-percent.text-info{color:inherit !important}body.clock-font-default .clock-font,body.clock-font-default .city-clock,body.clock-font-default .city-list-time,body.clock-font-default .conv-time,body.clock-font-default .clock-time{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--clock-font-weight);letter-spacing:var(--clock-letter-spacing)}body.clock-font-monospace .clock-font,body.clock-font-monospace .city-clock,body.clock-font-monospace .city-list-time,body.clock-font-monospace .conv-time,body.clock-font-monospace .clock-time{font-family:"Courier New",Courier,monospace;font-weight:600;letter-spacing:0.05em}body.clock-font-digital .clock-font,body.clock-font-digital .city-clock,body.clock-font-digital .city-list-time,body.clock-font-digital .conv-time,body.clock-font-digital .clock-time{font-family:'Orbitron','Digital-7','Segment7',monospace;font-weight:700;letter-spacing:0.00em;text-shadow:0 0 10px rgba(13,110,253,0.3)}body.clock-font-modern .clock-font,body.clock-font-modern .city-clock,body.clock-font-modern .city-list-time,body.clock-font-modern .conv-time,body.clock-font-modern .clock-time{font-family:'Montserrat','Futura','Century Gothic',sans-serif;font-weight:300;letter-spacing:0.02em}body.clock-font-classic .clock-font,body.clock-font-classic .city-clock,body.clock-font-classic .city-list-time,body.clock-font-classic .conv-time,body.clock-font-classic .clock-time{font-family:'Georgia','Times New Roman',serif;font-weight:500;letter-spacing:0}body.clock-font-rounded .clock-font,body.clock-font-rounded .city-clock,body.clock-font-rounded .city-list-time,body.clock-font-rounded .conv-time,body.clock-font-rounded .clock-time{font-family:'Varela Round','Nunito','Comfortaa',sans-serif;font-weight:600;letter-spacing:0.03em}@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Montserrat:wght@300;400;600&family=Varela+Round&family=Nunito:wght@400;600&family=Dancing+Script:wght@400;700&family=Oswald:wght@500;700&family=Special+Elite&display=swap');body.clock-font-casual .clock-font,body.clock-font-casual .city-clock,body.clock-font-casual .city-list-time,body.clock-font-casual .conv-time,body.clock-font-casual .clock-time{font-family:'Dancing Script','Brush Script MT',cursive;font-weight:700;letter-spacing:0.02em}body.clock-font-bold .clock-font,body.clock-font-bold .city-clock,body.clock-font-bold .city-list-time,body.clock-font-bold .conv-time,body.clock-font-bold .clock-time{font-family:'Oswald','Impact','Arial Black',sans-serif;font-weight:700;letter-spacing:0.02em;text-transform:uppercase}body.clock-font-typewriter .clock-font,body.clock-font-typewriter .city-clock,body.clock-font-typewriter .city-list-time,body.clock-font-typewriter .conv-time,body.clock-font-typewriter .clock-time{font-family:'Special Elite','Courier New','Courier',monospace;font-weight:400;letter-spacing:0.05em}body.clock-font-custom .clock-font,body.clock-font-custom .city-clock,body.clock-font-custom .city-list-time,body.clock-font-custom .conv-time,body.clock-font-custom .clock-time,html.clock-font-custom .clock-font,html.clock-font-custom .city-clock,html.clock-font-custom .city-list-time,html.clock-font-custom .conv-time,html.clock-font-custom .clock-time{font-family:var(--custom-clock-font,'Roboto',sans-serif)}.layout-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;padding:0;margin:-1rem 0 -0.25 0;line-height:1}.layout-toolbar-line{flex:1;height:1px;background:var(--border-color);opacity:0.5;margin:0}.layout-btn-group{display:flex;align-items:center;gap:0}.layout-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.4rem;padding:0;border:1px solid var(--border-color);border-radius:0;background:var(--bg-input);color:var(--text-secondary);font-size:0.8rem;line-height:1;cursor:pointer;transition:all 0.15s ease;margin:0}.layout-btn:first-child{border-radius:0.25rem 0 0 0.25rem}.layout-btn:last-child{border-radius:0 0.25rem 0.25rem 0}.layout-btn + .layout-btn{border-left:none}.layout-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.layout-btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.layout-btn.active:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.layout-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),0.25);z-index:1}.cards-section-collapsed{display:none !important}.layout-btn-sep{display:inline-block;width:1px;height:1.1rem;background:var(--border-color);margin:0 3px;align-self:center}#collapse-cards-btn{border-radius:0.25rem;border-left:1px solid var(--border-color)}@media (max-width:575px){.layout-toolbar{padding:0;margin:-0.25rem 0 0 0}.layout-btn{width:2.75rem;height:2.75rem;font-size:1rem}}html[data-theme="neon"]{--card-bg:#1a1a2e;--card-bg-rgb:26,26,46;--card-border:#3a3a5e;--card-shadow:0 4px 8px rgba(0,0,0,0.5);--text-primary:#e0e0ff;--text-secondary:#b0b0ff;--text-muted:#8080cc;--accent-color:#00ffff;--accent-light:rgba(0,255,255,0.2);--star-color:#ff00ff;--main-card-bg:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f172a 100%);--main-card-text:#00ffff;--main-card-text-muted:rgba(0,255,255,0.7);--main-card-border:rgba(255,0,255,0.5);--mini-card-bg:#1e1e3f;--mini-card-text:#e0e0ff;--mini-card-muted:#8080cc;--badge-bg:rgba(255,0,255,0.2);--badge-text:#ff00ff;--badge-border:rgba(255,0,255,0.4);--planner-bg:#1a1a2e;--planner-border:#3a3a5e;--bs-body-bg:#0a0a1a;--bs-body-color:#e0e0ff}html[data-theme="neon"] #local-clock-card{background:var(--main-card-bg);border:2px solid var(--main-card-border);box-shadow:0 0 20px rgba(255,0,255,0.3),0 0 40px rgba(0,255,255,0.1),inset 0 0 20px rgba(0,255,255,0.05)}html[data-theme="neon"] #local-clock-card .card-title,html[data-theme="neon"] #local-clock-card .local-city-name,html[data-theme="neon"] #local-clock-card .local-time,html[data-theme="neon"] #local-clock-card h1,html[data-theme="neon"] #local-clock-card h2,html[data-theme="neon"] #local-clock-card h3{color:var(--main-card-text) !important}html[data-theme="neon"] #local-clock-card .local-date{color:var(--main-card-text) !important}html[data-theme="neon"] #local-clock-card .text-muted,html[data-theme="neon"] #local-clock-card .small.text-muted{color:var(--main-card-text-muted) !important}html[data-theme="neon"] #local-clock-card #local-timezone{background-color:rgba(255,0,255,0.2) !important;color:#ff00ff !important;border:1px solid rgba(255,0,255,0.4);text-shadow:0 0 8px rgba(255,0,255,0.8)}html[data-theme="neon"] #local-clock-card .btn-favorite{color:var(--star-color) !important;text-shadow:0 0 10px rgba(255,0,255,0.8)}html[data-theme="neon"] .clock-font{color:#00ffff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #ff00ff}html[data-theme="neon"] .city-card,html[data-theme="neon"] #cities-grid .card,html[data-theme="neon"] [id^="city-card-"]:not(#local-clock-card){background-color:var(--mini-card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--mini-card-text)}html[data-theme="neon"] .city-card .city-name-text,html[data-theme="neon"] .city-card .city-list-name{color:var(--mini-card-text) !important}html[data-theme="neon"] .city-card .city-country-text,html[data-theme="neon"] .city-card .city-list-location,html[data-theme="neon"] .city-card .city-location{color:var(--mini-card-muted) !important}html[data-theme="neon"] .city-card .city-clock{color:var(--mini-card-text) !important}html[data-theme="neon"] .city-card .city-date{color:var(--mini-card-muted) !important}html[data-theme="neon"] .city-card .text-muted{color:var(--mini-card-muted) !important}html[data-theme="neon"] .city-card .btn-favorite{color:var(--star-color) !important;opacity:0.8}html[data-theme="neon"] .city-card .btn-favorite:hover{opacity:1;text-shadow:0 0 10px rgba(255,0,255,0.8)}html[data-theme="neon"] .city-card .btn-remove{color:var(--mini-card-muted) !important;opacity:0.6}html[data-theme="neon"] .city-card .btn-remove:hover{opacity:1;color:var(--accent-color) !important}html[data-theme="neon"] .city-card .drag-handle{color:var(--mini-card-muted) !important;opacity:0.5}html[data-theme="neon"] .city-card .city-timezone,html[data-theme="neon"] #cities-grid .city-timezone,html[data-theme="neon"] .city-timezone.badge{background-color:var(--badge-bg) !important;color:var(--badge-text) !important;border:1px solid var(--badge-border);font-weight:500;text-shadow:0 0 8px rgba(255,0,255,0.5)}html[data-theme="neon"] .city-timezone.badge.bg-secondary{background-color:var(--badge-bg) !important}html[data-theme="neon"] #planner-section{background-color:var(--planner-bg);border-color:var(--planner-border);box-shadow:var(--card-shadow)}html[data-theme="neon"] #planner-section .card-header{background-color:transparent;border-bottom-color:var(--planner-border);color:var(--text-primary)}html[data-theme="neon"] #planner-section .form-label{color:var(--text-primary)}html[data-theme="neon"] #planner-section .text-muted{color:var(--text-muted) !important}html[data-theme="neon"] #planner-section input,html[data-theme="neon"] #planner-section select,html[data-theme="neon"] #planner-section textarea{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="neon"] .btn-primary{--bs-btn-bg:#ff00ff;--bs-btn-border-color:#ff00ff;--bs-btn-hover-bg:#00ffff;--bs-btn-hover-border-color:#00ffff;--bs-btn-color:#000;box-shadow:0 0 15px rgba(255,0,255,0.5)}html[data-theme="neon"] .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="neon"] .btn-outline-secondary:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}html[data-theme="neon"] header.sticky-top{background-color:rgba(10,10,26,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}html[data-theme="neon"] header.sticky-top h1,html[data-theme="neon"] header.sticky-top .h4,html[data-theme="neon"] header.sticky-top .h5{color:var(--text-primary) !important}html[data-theme="neon"] header.sticky-top .text-muted{color:var(--text-muted) !important}html[data-theme="neon"] header.sticky-top #city-search,html[data-theme="neon"] .city-search-input{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="neon"] .dropdown-menu{background-color:var(--card-bg);border-color:var(--card-border);box-shadow:0 10px 25px rgba(0,0,0,0.5)}html[data-theme="neon"] .dropdown-item{color:var(--text-primary) !important}html[data-theme="neon"] .dropdown-item:hover,html[data-theme="neon"] .dropdown-item:focus{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="neon"] .dropdown-item.active{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="neon"] .dropdown-item-text{color:var(--text-muted) !important}html[data-theme="neon"] .dropdown-menu .form-check-label{color:var(--text-primary)}html[data-theme="neon"] .dropdown-menu .form-check-input{background-color:var(--card-bg);border-color:var(--card-border)}html[data-theme="neon"] .dropdown-menu .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}html[data-theme="neon"] .dropdown-menu .form-control{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="neon"] .dropdown-menu .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}.font-preview-default{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.font-preview-modern{font-family:'Montserrat','Futura','Century Gothic',sans-serif;font-weight:300}.font-preview-rounded{font-family:'Varela Round','Nunito','Comfortaa',sans-serif;font-weight:600}.font-preview-classic{font-family:'Georgia','Times New Roman',serif;font-weight:500}.font-preview-digital{font-family:'Orbitron','Digital-7',monospace;font-weight:700;letter-spacing:0.05em}.font-preview-monospace{font-family:"Courier New",Courier,monospace;font-weight:600}.font-preview-casual{font-family:'Dancing Script','Brush Script MT',cursive;font-weight:700}.font-preview-bold{font-family:'Oswald','Impact','Arial Black',sans-serif;font-weight:700;text-transform:uppercase}.font-preview-typewriter{font-family:'Special Elite','Courier New','Courier',monospace;font-weight:400;letter-spacing:0.05em}.dropdown-menu .dropdown-item-text{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;padding-top:0.75rem}.dropdown-menu .form-check{margin-bottom:0;min-height:1.5rem}.dropdown-menu .form-check-input{margin-top:0.25rem}.dropdown-menu .form-check-label{font-size:0.875rem;padding-left:0.25rem}.dropdown-item[data-clock-font].active{font-weight:600}html[data-theme="vintage"]{--card-bg:#fff8e7;--card-bg-rgb:255,248,231;--card-border:#d4c5b0;--card-shadow:0 4px 6px rgba(62,39,35,0.1);--text-primary:#3e2723;--text-secondary:#5d4037;--text-muted:#8d6e63;--accent-color:#8d6e63;--accent-light:rgba(141,110,99,0.15);--star-color:#d4a017;--main-card-bg:linear-gradient(135deg,#fff8e7 0%,#f5e6d3 100%);--main-card-text:#3e2723;--main-card-text-muted:rgba(62,39,35,0.7);--main-card-border:#d4c5b0;--mini-card-bg:#fffdf5;--mini-card-text:#3e2723;--mini-card-muted:#8d6e63;--badge-bg:rgba(141,110,99,0.15);--badge-text:#5d4037;--badge-border:rgba(141,110,99,0.3);--planner-bg:#fff8e7;--planner-border:#d4c5b0;--bs-body-bg:#f4e9d8;--bs-body-color:#3e2723}html[data-theme="vintage"] #local-clock-card{background:var(--main-card-bg);border:2px solid var(--main-card-border);box-shadow:0 4px 6px rgba(62,39,35,0.15),inset 0 1px 0 rgba(255,255,255,0.5)}html[data-theme="vintage"] #local-clock-card .card-title,html[data-theme="vintage"] #local-clock-card .local-city-name,html[data-theme="vintage"] #local-clock-card .local-time,html[data-theme="vintage"] #local-clock-card h1,html[data-theme="vintage"] #local-clock-card h2,html[data-theme="vintage"] #local-clock-card h3{color:var(--main-card-text) !important}html[data-theme="vintage"] #local-clock-card .local-date{color:var(--main-card-text) !important}html[data-theme="vintage"] #local-clock-card .text-muted,html[data-theme="vintage"] #local-clock-card .small.text-muted{color:var(--main-card-text-muted) !important}html[data-theme="vintage"] #local-clock-card #local-timezone{background-color:rgba(141,110,99,0.15) !important;color:#5d4037 !important;border:1px solid rgba(141,110,99,0.3)}html[data-theme="vintage"] #local-clock-card .btn-favorite{color:var(--star-color) !important}html[data-theme="vintage"] .clock-font{color:#3e2723;font-family:Georgia,'Times New Roman',serif;text-shadow:1px 1px 1px rgba(255,255,255,0.5)}html[data-theme="vintage"] .city-card,html[data-theme="vintage"] #cities-grid .card,html[data-theme="vintage"] [id^="city-card-"]:not(#local-clock-card){background-color:var(--mini-card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--mini-card-text)}html[data-theme="vintage"] .city-card .city-name-text,html[data-theme="vintage"] .city-card .city-list-name{color:var(--mini-card-text) !important}html[data-theme="vintage"] .city-card .city-country-text,html[data-theme="vintage"] .city-card .city-list-location,html[data-theme="vintage"] .city-card .city-location{color:var(--mini-card-muted) !important}html[data-theme="vintage"] .city-card .city-clock{color:var(--mini-card-text) !important}html[data-theme="vintage"] .city-card .city-date{color:var(--mini-card-muted) !important}html[data-theme="vintage"] .city-card .text-muted{color:var(--mini-card-muted) !important}html[data-theme="vintage"] .city-card .btn-favorite{color:var(--star-color) !important}html[data-theme="vintage"] .city-card .btn-remove{color:var(--mini-card-muted) !important;opacity:0.6}html[data-theme="vintage"] .city-card .btn-remove:hover{opacity:1;color:var(--accent-color) !important}html[data-theme="vintage"] .city-card .drag-handle{color:var(--mini-card-muted) !important;opacity:0.5}html[data-theme="vintage"] .city-card .city-timezone,html[data-theme="vintage"] #cities-grid .city-timezone,html[data-theme="vintage"] .city-timezone.badge{background-color:var(--badge-bg) !important;color:var(--badge-text) !important;border:1px solid var(--badge-border);font-weight:500}html[data-theme="vintage"] .city-timezone.badge.bg-secondary{background-color:var(--badge-bg) !important}html[data-theme="vintage"] #planner-section{background-color:var(--planner-bg);border-color:var(--planner-border);box-shadow:var(--card-shadow)}html[data-theme="vintage"] #planner-section .card-header{background-color:transparent;border-bottom-color:var(--planner-border);color:var(--text-primary)}html[data-theme="vintage"] #planner-section .form-label{color:var(--text-primary)}html[data-theme="vintage"] #planner-section .text-muted{color:var(--text-muted) !important}html[data-theme="vintage"] #planner-section input,html[data-theme="vintage"] #planner-section select,html[data-theme="vintage"] #planner-section textarea{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="vintage"] .btn-primary{--bs-btn-bg:#8d6e63;--bs-btn-border-color:#6d4c41;--bs-btn-hover-bg:#6d4c41;--bs-btn-hover-border-color:#5d4037;--bs-btn-color:#ffffff}html[data-theme="vintage"] .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="vintage"] .btn-outline-secondary:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}html[data-theme="vintage"] header.sticky-top{background-color:rgba(244,233,216,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}html[data-theme="vintage"] header.sticky-top h1,html[data-theme="vintage"] header.sticky-top .h4,html[data-theme="vintage"] header.sticky-top .h5{color:var(--text-primary) !important}html[data-theme="vintage"] header.sticky-top .text-muted{color:var(--text-muted) !important}html[data-theme="vintage"] header.sticky-top #city-search,html[data-theme="vintage"] .city-search-input{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="vintage"] .dropdown-menu{background-color:var(--card-bg);border-color:var(--card-border);box-shadow:0 10px 25px rgba(62,39,35,0.15)}html[data-theme="vintage"] .dropdown-item{color:var(--text-primary) !important}html[data-theme="vintage"] .dropdown-item:hover,html[data-theme="vintage"] .dropdown-item:focus{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="vintage"] .dropdown-item.active{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="vintage"] .dropdown-item-text{color:var(--text-muted) !important}html[data-theme="vintage"] .dropdown-menu .form-check-label{color:var(--text-primary)}html[data-theme="vintage"] .dropdown-menu .form-check-input{background-color:var(--card-bg);border-color:var(--card-border)}html[data-theme="vintage"] .dropdown-menu .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}html[data-theme="vintage"] .dropdown-menu .form-control{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="vintage"] .dropdown-menu .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="ocean"]{--card-bg:#0d3b4c;--card-bg-rgb:13,59,76;--card-border:#1a5f7a;--card-shadow:0 4px 8px rgba(0,31,63,0.4);--text-primary:#e0f7fa;--text-secondary:#b2ebf2;--text-muted:#80deea;--accent-color:#4fc3f7;--accent-light:rgba(79,195,247,0.2);--star-color:#ffd54f;--main-card-bg:linear-gradient(135deg,#0d3b4c 0%,#1565c0 50%,#0277bd 100%);--main-card-text:#ffffff;--main-card-text-muted:rgba(224,247,250,0.8);--main-card-border:#4fc3f7;--mini-card-bg:#0f4c5c;--mini-card-text:#e0f7fa;--mini-card-muted:#80deea;--badge-bg:rgba(79,195,247,0.2);--badge-text:#4fc3f7;--badge-border:rgba(79,195,247,0.4);--planner-bg:#0d3b4c;--planner-border:#1a5f7a;--bs-body-bg:#001f3f;--bs-body-color:#e0f7fa}html[data-theme="ocean"] #local-clock-card{background:var(--main-card-bg);border:2px solid var(--main-card-border);box-shadow:0 4px 20px rgba(0,31,63,0.5),0 0 30px rgba(79,195,247,0.2)}html[data-theme="ocean"] #local-clock-card .card-title,html[data-theme="ocean"] #local-clock-card .local-city-name,html[data-theme="ocean"] #local-clock-card .local-time,html[data-theme="ocean"] #local-clock-card h1,html[data-theme="ocean"] #local-clock-card h2,html[data-theme="ocean"] #local-clock-card h3{color:var(--main-card-text) !important}html[data-theme="ocean"] #local-clock-card .local-date{color:var(--main-card-text) !important}html[data-theme="ocean"] #local-clock-card .text-muted,html[data-theme="ocean"] #local-clock-card .small.text-muted{color:var(--main-card-text-muted) !important}html[data-theme="ocean"] #local-clock-card #local-timezone{background-color:rgba(255,255,255,0.2) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(4px)}html[data-theme="ocean"] #local-clock-card .btn-favorite{color:var(--star-color) !important}html[data-theme="ocean"] .clock-font{color:#ffffff;text-shadow:0 0 20px rgba(79,195,247,0.5)}html[data-theme="ocean"] .city-card,html[data-theme="ocean"] #cities-grid .card,html[data-theme="ocean"] [id^="city-card-"]:not(#local-clock-card){background-color:var(--mini-card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--mini-card-text)}html[data-theme="ocean"] .city-card .city-name-text,html[data-theme="ocean"] .city-card .city-list-name{color:var(--mini-card-text) !important}html[data-theme="ocean"] .city-card .city-country-text,html[data-theme="ocean"] .city-card .city-list-location,html[data-theme="ocean"] .city-card .city-location{color:var(--mini-card-muted) !important}html[data-theme="ocean"] .city-card .city-clock{color:var(--mini-card-text) !important}html[data-theme="ocean"] .city-card .city-date{color:var(--mini-card-muted) !important}html[data-theme="ocean"] .city-card .text-muted{color:var(--mini-card-muted) !important}html[data-theme="ocean"] .city-card .btn-favorite{color:var(--star-color) !important}html[data-theme="ocean"] .city-card .btn-remove{color:var(--mini-card-muted) !important;opacity:0.6}html[data-theme="ocean"] .city-card .btn-remove:hover{opacity:1;color:var(--accent-color) !important}html[data-theme="ocean"] .city-card .drag-handle{color:var(--mini-card-muted) !important;opacity:0.5}html[data-theme="ocean"] .city-card .city-timezone,html[data-theme="ocean"] #cities-grid .city-timezone,html[data-theme="ocean"] .city-timezone.badge{background-color:var(--badge-bg) !important;color:var(--badge-text) !important;border:1px solid var(--badge-border);font-weight:500}html[data-theme="ocean"] .city-timezone.badge.bg-secondary{background-color:var(--badge-bg) !important}html[data-theme="ocean"] #planner-section{background-color:var(--planner-bg);border-color:var(--planner-border);box-shadow:var(--card-shadow)}html[data-theme="ocean"] #planner-section .card-header{background-color:transparent;border-bottom-color:var(--planner-border);color:var(--text-primary)}html[data-theme="ocean"] #planner-section .form-label{color:var(--text-primary)}html[data-theme="ocean"] #planner-section .text-muted{color:var(--text-muted) !important}html[data-theme="ocean"] #planner-section input,html[data-theme="ocean"] #planner-section select,html[data-theme="ocean"] #planner-section textarea{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="ocean"] .btn-primary{--bs-btn-bg:#0288d1;--bs-btn-border-color:#0277bd;--bs-btn-hover-bg:#039be5;--bs-btn-hover-border-color:#4fc3f7;--bs-btn-color:#ffffff}html[data-theme="ocean"] .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="ocean"] .btn-outline-secondary:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}html[data-theme="ocean"] header.sticky-top{background-color:rgba(0,31,63,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}html[data-theme="ocean"] header.sticky-top h1,html[data-theme="ocean"] header.sticky-top .h4,html[data-theme="ocean"] header.sticky-top .h5{color:var(--text-primary) !important}html[data-theme="ocean"] header.sticky-top .text-muted{color:var(--text-muted) !important}html[data-theme="ocean"] header.sticky-top #city-search,html[data-theme="ocean"] .city-search-input{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="ocean"] .dropdown-menu{background-color:var(--card-bg);border-color:var(--card-border);box-shadow:0 10px 25px rgba(0,31,63,0.5)}html[data-theme="ocean"] .dropdown-item{color:var(--text-primary) !important}html[data-theme="ocean"] .dropdown-item:hover,html[data-theme="ocean"] .dropdown-item:focus{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="ocean"] .dropdown-item.active{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="ocean"] .dropdown-item-text{color:var(--text-muted) !important}html[data-theme="ocean"] .dropdown-menu .form-check-label{color:var(--text-primary)}html[data-theme="ocean"] .dropdown-menu .form-check-input{background-color:var(--card-bg);border-color:var(--card-border)}html[data-theme="ocean"] .dropdown-menu .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}html[data-theme="ocean"] .dropdown-menu .form-control{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="ocean"] .dropdown-menu .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="forest"]{--card-bg:#2e7d32;--card-bg-rgb:46,125,50;--card-border:#388e3c;--card-shadow:0 4px 8px rgba(0,0,0,0.3);--text-primary:#ffffff;--text-secondary:#c8e6c9;--text-muted:#a5d6a7;--accent-color:#69f0ae;--accent-light:rgba(105,240,174,0.2);--star-color:#ffd54f;--main-card-bg:linear-gradient(135deg,#1b5e20 0%,#2e7d32 50%,#388e3c 100%);--main-card-text:#ffffff;--main-card-text-muted:rgba(255,255,255,0.85);--main-card-border:#69f0ae;--mini-card-bg:#2e7d32;--mini-card-text:#ffffff;--mini-card-muted:#a5d6a7;--badge-bg:rgba(105,240,174,0.2);--badge-text:#69f0ae;--badge-border:rgba(105,240,174,0.4);--planner-bg:#2e7d32;--planner-border:#388e3c;--bs-body-bg:#1b5e20;--bs-body-color:#e8f5e9}html[data-theme="forest"] #local-clock-card{background:var(--main-card-bg);border:2px solid var(--main-card-border);box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 30px rgba(105,240,174,0.15)}html[data-theme="forest"] #local-clock-card .card-title,html[data-theme="forest"] #local-clock-card .local-city-name,html[data-theme="forest"] #local-clock-card .local-time,html[data-theme="forest"] #local-clock-card h1,html[data-theme="forest"] #local-clock-card h2,html[data-theme="forest"] #local-clock-card h3{color:var(--main-card-text) !important}html[data-theme="forest"] #local-clock-card .local-date{color:var(--main-card-text) !important}html[data-theme="forest"] #local-clock-card .text-muted,html[data-theme="forest"] #local-clock-card .small.text-muted{color:var(--main-card-text-muted) !important}html[data-theme="forest"] #local-clock-card #local-timezone{background-color:rgba(255,255,255,0.2) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.3)}html[data-theme="forest"] #local-clock-card .btn-favorite{color:var(--star-color) !important}html[data-theme="forest"] .clock-font{color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}html[data-theme="forest"] .city-card,html[data-theme="forest"] #cities-grid .card,html[data-theme="forest"] [id^="city-card-"]:not(#local-clock-card){background-color:var(--mini-card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--mini-card-text)}html[data-theme="forest"] .city-card .city-name-text,html[data-theme="forest"] .city-card .city-list-name{color:var(--mini-card-text) !important}html[data-theme="forest"] .city-card .city-country-text,html[data-theme="forest"] .city-card .city-list-location,html[data-theme="forest"] .city-card .city-location{color:var(--mini-card-muted) !important}html[data-theme="forest"] .city-card .city-clock{color:var(--mini-card-text) !important}html[data-theme="forest"] .city-card .city-date{color:var(--mini-card-muted) !important}html[data-theme="forest"] .city-card .text-muted{color:var(--mini-card-muted) !important}html[data-theme="forest"] .city-card .btn-favorite{color:var(--star-color) !important}html[data-theme="forest"] .city-card .btn-remove{color:var(--mini-card-muted) !important;opacity:0.6}html[data-theme="forest"] .city-card .btn-remove:hover{opacity:1;color:var(--accent-color) !important}html[data-theme="forest"] .city-card .drag-handle{color:var(--mini-card-muted) !important;opacity:0.5}html[data-theme="forest"] .city-card .city-timezone,html[data-theme="forest"] #cities-grid .city-timezone,html[data-theme="forest"] .city-timezone.badge{background-color:var(--badge-bg) !important;color:var(--badge-text) !important;border:1px solid var(--badge-border);font-weight:500}html[data-theme="forest"] .city-timezone.badge.bg-secondary{background-color:var(--badge-bg) !important}html[data-theme="forest"] #planner-section{background-color:var(--planner-bg);border-color:var(--planner-border);box-shadow:var(--card-shadow)}html[data-theme="forest"] #planner-section .card-header{background-color:transparent;border-bottom-color:var(--planner-border);color:var(--text-primary)}html[data-theme="forest"] #planner-section .form-label{color:var(--text-primary)}html[data-theme="forest"] #planner-section .text-muted{color:var(--text-muted) !important}html[data-theme="forest"] #planner-section input,html[data-theme="forest"] #planner-section select,html[data-theme="forest"] #planner-section textarea{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="forest"] .btn-primary{--bs-btn-bg:#43a047;--bs-btn-border-color:#388e3c;--bs-btn-hover-bg:#4caf50;--bs-btn-hover-border-color:#69f0ae;--bs-btn-color:#ffffff}html[data-theme="forest"] .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="forest"] .btn-outline-secondary:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}html[data-theme="forest"] header.sticky-top{background-color:rgba(27,94,32,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}html[data-theme="forest"] header.sticky-top h1,html[data-theme="forest"] header.sticky-top .h4,html[data-theme="forest"] header.sticky-top .h5{color:var(--text-primary) !important}html[data-theme="forest"] header.sticky-top .text-muted{color:var(--text-muted) !important}html[data-theme="forest"] header.sticky-top #city-search,html[data-theme="forest"] .city-search-input{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="forest"] .dropdown-menu{background-color:var(--card-bg);border-color:var(--card-border);box-shadow:0 10px 25px rgba(0,0,0,0.4)}html[data-theme="forest"] .dropdown-item{color:var(--text-primary) !important}html[data-theme="forest"] .dropdown-item:hover,html[data-theme="forest"] .dropdown-item:focus{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="forest"] .dropdown-item.active{background-color:var(--accent-light) !important;color:var(--accent-color) !important}html[data-theme="forest"] .dropdown-item-text{color:var(--text-muted) !important}html[data-theme="forest"] .dropdown-menu .form-check-label{color:var(--text-primary)}html[data-theme="forest"] .dropdown-menu .form-check-input{background-color:var(--card-bg);border-color:var(--card-border)}html[data-theme="forest"] .dropdown-menu .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}html[data-theme="forest"] .dropdown-menu .form-control{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="forest"] .dropdown-menu .btn-outline-secondary{border-color:var(--card-border);color:var(--text-secondary)}html[data-theme="neon"] body{background:linear-gradient(135deg,#050510 0%,#0a0a1a 50%,#0f0f2a 100%) !important;background-attachment:fixed !important;min-height:100vh}html[data-theme="vintage"] body{background:linear-gradient(135deg,#d4c4a8 0%,#c9b896 50%,#beac84 100%) !important;background-attachment:fixed !important;min-height:100vh}html[data-theme="ocean"] body{background:linear-gradient(180deg,#000a1a 0%,#00152a 50%,#002040 100%) !important;background-attachment:fixed !important;min-height:100vh}html[data-theme="forest"] body{background:linear-gradient(135deg,#0d3b10 0%,#124a16 50%,#1a5c1e 100%) !important;background-attachment:fixed !important;min-height:100vh}html[data-theme="neon"] header.sticky-top h1.h5,html[data-theme="vintage"] header.sticky-top h1.h5,html[data-theme="ocean"] header.sticky-top h1.h5,html[data-theme="forest"] header.sticky-top h1.h5,html[data-theme="neon"] header h1.h5,html[data-theme="vintage"] header h1.h5,html[data-theme="ocean"] header h1.h5,html[data-theme="forest"] header h1.h5{color:var(--text-primary) !important;font-weight:800 !important;letter-spacing:-0.02em}html[data-theme="neon"] header h1,html[data-theme="ocean"] header h1,html[data-theme="forest"] header h1{text-shadow:0 2px 4px rgba(0,0,0,0.6),0 0 20px rgba(0,0,0,0.3)}html[data-theme="neon"] header h1.h5{color:#ffffff !important;text-shadow:0 0 10px rgba(0,255,255,0.5),0 0 20px rgba(0,255,255,0.3)}html[data-theme="vintage"] header h1.h5{color:#3e2723 !important}html[data-theme="ocean"] header h1.h5{color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.5)}html[data-theme="forest"] header h1.h5{color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.5)}html[data-theme="neon"] header.sticky-top .text-muted,html[data-theme="vintage"] header.sticky-top .text-muted,html[data-theme="ocean"] header.sticky-top .text-muted,html[data-theme="forest"] header.sticky-top .text-muted,html[data-theme^="custom-"] header.sticky-top .text-muted{color:var(--text-secondary) !important;opacity:1 !important}html[data-theme="neon"] header.sticky-top .text-muted{color:#b0b0ff !important}html[data-theme="vintage"] header.sticky-top .text-muted{color:#5d4037 !important}html[data-theme="ocean"] header.sticky-top .text-muted{color:#80deea !important}html[data-theme="forest"] header.sticky-top .text-muted{color:#a5d6a7 !important}html[data-theme="neon"] header.sticky-top .header-subtitle-mobile,html[data-theme="vintage"] header.sticky-top .header-subtitle-mobile,html[data-theme="ocean"] header.sticky-top .header-subtitle-mobile,html[data-theme="forest"] header.sticky-top .header-subtitle-mobile,html[data-theme^="custom-"] header.sticky-top .header-subtitle-mobile{color:var(--text-secondary) !important;opacity:1 !important}html[data-theme="neon"] #city-search::placeholder,html[data-theme="neon"] .city-search-input::placeholder,html[data-theme="vintage"] #city-search::placeholder,html[data-theme="vintage"] .city-search-input::placeholder,html[data-theme="ocean"] #city-search::placeholder,html[data-theme="ocean"] .city-search-input::placeholder,html[data-theme="forest"] #city-search::placeholder,html[data-theme="forest"] .city-search-input::placeholder,html[data-theme^="custom-"] #city-search::placeholder,html[data-theme^="custom-"] .city-search-input::placeholder{color:var(--text-secondary) !important;opacity:0.95 !important}html[data-theme="neon"] #city-search::-webkit-input-placeholder,html[data-theme="neon"] .city-search-input::-webkit-input-placeholder,html[data-theme="vintage"] #city-search::-webkit-input-placeholder,html[data-theme="vintage"] .city-search-input::-webkit-input-placeholder,html[data-theme="ocean"] #city-search::-webkit-input-placeholder,html[data-theme="ocean"] .city-search-input::-webkit-input-placeholder,html[data-theme="forest"] #city-search::-webkit-input-placeholder,html[data-theme="forest"] .city-search-input::-webkit-input-placeholder,html[data-theme^="custom-"] #city-search::-webkit-input-placeholder,html[data-theme^="custom-"] .city-search-input::-webkit-input-placeholder{color:var(--text-secondary) !important;opacity:0.95 !important}html[data-theme="neon"] #city-search::-moz-placeholder,html[data-theme="neon"] .city-search-input::-moz-placeholder,html[data-theme="vintage"] #city-search::-moz-placeholder,html[data-theme="vintage"] .city-search-input::-moz-placeholder,html[data-theme="ocean"] #city-search::-moz-placeholder,html[data-theme="ocean"] .city-search-input::-moz-placeholder,html[data-theme="forest"] #city-search::-moz-placeholder,html[data-theme="forest"] .city-search-input::-moz-placeholder,html[data-theme^="custom-"] #city-search::-moz-placeholder{color:var(--text-secondary) !important;opacity:0.95 !important}html[data-theme="neon"] #planner-comment-text::placeholder,html[data-theme="vintage"] #planner-comment-text::placeholder,html[data-theme="ocean"] #planner-comment-text::placeholder,html[data-theme="forest"] #planner-comment-text::placeholder{color:var(--text-muted) !important;opacity:0.8 !important}html[data-theme="neon"] #planner-comment-text::-webkit-input-placeholder,html[data-theme="vintage"] #planner-comment-text::-webkit-input-placeholder,html[data-theme="ocean"] #planner-comment-text::-webkit-input-placeholder,html[data-theme="forest"] #planner-comment-text::-webkit-input-placeholder{color:var(--text-muted) !important;opacity:0.8 !important}html[data-theme="neon"] #planner-comment-text::-moz-placeholder,html[data-theme="vintage"] #planner-comment-text::-moz-placeholder,html[data-theme="ocean"] #planner-comment-text::-moz-placeholder,html[data-theme="forest"] #planner-comment-text::-moz-placeholder{color:var(--text-muted) !important;opacity:0.8 !important}html[data-theme="neon"] header.sticky-top,html[data-theme="vintage"] header.sticky-top,html[data-theme="ocean"] header.sticky-top,html[data-theme="forest"] header.sticky-top{border-bottom:1px solid var(--card-border)}html[data-theme="neon"] #city-search,html[data-theme="neon"] .city-search-input,html[data-theme="vintage"] #city-search,html[data-theme="vintage"] .city-search-input,html[data-theme="ocean"] #city-search,html[data-theme="ocean"] .city-search-input,html[data-theme="forest"] #city-search,html[data-theme="forest"] .city-search-input,html[data-theme^="custom-"] #city-search,html[data-theme^="custom-"] .city-search-input{color:var(--text-primary) !important}html[data-theme^="custom-"] .city-search-pin-btn,html[data-theme^="custom-"] .city-search-map-btn,html[data-theme^="custom-"] .city-search-fav-btn{background-color:var(--bg-input,var(--card-bg,#fff));border-color:var(--border-color,#dee2e6);color:var(--text-secondary,#6c757d)}html[data-theme^="custom-"] .city-search-fav-btn{color:var(--bs-warning,#ffc107)}html[data-theme^="custom-"] .city-search-pin-btn:hover,html[data-theme^="custom-"] .city-search-map-btn:hover,html[data-theme^="custom-"] .city-search-fav-btn:hover{background-color:rgba(var(--primary-rgb,13,110,253),0.12);border-color:var(--primary,#0d6efd);color:var(--text-primary,#212529)}html[data-theme^="custom-"] .city-search-fav-btn:hover{color:var(--bs-warning,#ffc107)}html[data-theme^="custom-"] .city-search-results{background-color:var(--card-bg,var(--bg-card));border-color:var(--border-color);color:var(--text-primary)}html[data-theme^="custom-"] .city-search-result{border-color:var(--border-color)}html[data-theme^="custom-"] .city-search-result:hover,html[data-theme^="custom-"] .city-search-result.active{background-color:var(--bg-hover);color:var(--text-primary)}html[data-theme^="custom-"] .city-search-result-disabled{background-color:var(--bg-hover);opacity:0.6}html[data-theme^="custom-"] .city-search-result-disabled:hover{background-color:var(--bg-hover) !important}html[data-theme^="custom-"] .city-result-name{color:var(--text-primary)}html[data-theme^="custom-"] .city-result-meta{color:var(--text-secondary)}html[data-theme^="custom-"] .city-search-separator{background-color:var(--bg-hover);border-top-color:var(--border-color);border-bottom-color:var(--border-color);color:var(--text-secondary)}html[data-theme^="custom-"] .city-search-no-results{color:var(--text-secondary)}html[data-theme^="custom-"] .city-search-current-location-header{background-color:rgba(13,202,240,0.1);border-color:var(--border-color)}html[data-theme^="custom-"] .city-search-fav-menu{background-color:var(--card-bg,var(--bg-card));border-color:var(--border-color);color:var(--text-primary)}html[data-theme^="custom-"] .city-search-fav-menu .dropdown-item{color:var(--text-primary)}html[data-theme^="custom-"] .city-search-fav-menu .dropdown-item:hover,html[data-theme^="custom-"] .city-search-fav-menu .dropdown-item:focus{background-color:var(--bg-hover);color:var(--text-primary)}html[data-theme^="custom-"] .city-search-fav-menu .dropdown-item-text{color:var(--text-secondary)}html[data-theme="neon"] .city-search-results,html[data-theme="vintage"] .city-search-results,html[data-theme="ocean"] .city-search-results,html[data-theme="forest"] .city-search-results{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="neon"] .city-search-result,html[data-theme="vintage"] .city-search-result,html[data-theme="ocean"] .city-search-result,html[data-theme="forest"] .city-search-result{border-color:var(--card-border)}html[data-theme="neon"] .city-search-result:hover,html[data-theme="neon"] .city-search-result.active,html[data-theme="vintage"] .city-search-result:hover,html[data-theme="vintage"] .city-search-result.active,html[data-theme="ocean"] .city-search-result:hover,html[data-theme="ocean"] .city-search-result.active,html[data-theme="forest"] .city-search-result:hover,html[data-theme="forest"] .city-search-result.active{background-color:rgba(13,110,253,0.15);color:var(--text-primary)}html[data-theme="neon"] .city-result-name,html[data-theme="vintage"] .city-result-name,html[data-theme="ocean"] .city-result-name,html[data-theme="forest"] .city-result-name{color:var(--text-primary)}html[data-theme="neon"] .city-result-meta,html[data-theme="vintage"] .city-result-meta,html[data-theme="ocean"] .city-result-meta,html[data-theme="forest"] .city-result-meta{color:var(--text-muted)}html[data-theme="neon"] .city-search-fav-menu,html[data-theme="vintage"] .city-search-fav-menu,html[data-theme="ocean"] .city-search-fav-menu,html[data-theme="forest"] .city-search-fav-menu{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}html[data-theme="neon"] .city-search-fav-menu .dropdown-item,html[data-theme="vintage"] .city-search-fav-menu .dropdown-item,html[data-theme="ocean"] .city-search-fav-menu .dropdown-item,html[data-theme="forest"] .city-search-fav-menu .dropdown-item{color:var(--text-primary)}html[data-theme="neon"] .city-search-fav-menu .dropdown-item:hover,html[data-theme="neon"] .city-search-fav-menu .dropdown-item:focus,html[data-theme="vintage"] .city-search-fav-menu .dropdown-item:hover,html[data-theme="vintage"] .city-search-fav-menu .dropdown-item:focus,html[data-theme="ocean"] .city-search-fav-menu .dropdown-item:hover,html[data-theme="ocean"] .city-search-fav-menu .dropdown-item:focus,html[data-theme="forest"] .city-search-fav-menu .dropdown-item:hover,html[data-theme="forest"] .city-search-fav-menu .dropdown-item:focus{background-color:rgba(13,110,253,0.15);color:var(--text-primary)}html[data-theme="neon"] #planner-section label[for="planner-comment-text"],html[data-theme="vintage"] #planner-section label[for="planner-comment-text"],html[data-theme="ocean"] #planner-section label[for="planner-comment-text"],html[data-theme="forest"] #planner-section label[for="planner-comment-text"]{color:var(--text-primary) !important}html[data-theme="neon"] #planner-section .form-text,html[data-theme="vintage"] #planner-section .form-text,html[data-theme="ocean"] #planner-section .form-text,html[data-theme="forest"] #planner-section .form-text{color:var(--text-muted) !important}.dst-status-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.6rem;border-radius:1rem;font-size:0.75rem;font-weight:600;line-height:1;margin-left:0.5rem;vertical-align:middle;white-space:nowrap;transition:all 0.2s ease}.dst-status-badge .dst-icon{font-size:0.875rem}.dst-status-badge:hover{transform:scale(1.05)}.dst-status-badge[data-dst-status="active"]{background-color:rgba(25,135,84,0.15);color:#198754;border:1px solid rgba(25,135,84,0.3)}.dst-status-badge[data-dst-status="active"] .dst-icon::before{content:"☀️"}.dst-status-badge[data-dst-status="inactive"]{background-color:rgba(108,117,125,0.15);color:#6c757d;border:1px solid rgba(108,117,125,0.3)}.dst-status-badge[data-dst-status="inactive"] .dst-icon::before{content:"🌙"}.dst-status-badge[data-dst-status="none"]{background-color:rgba(13,110,253,0.1);color:#0d6efd;border:1px solid rgba(13,110,253,0.2)}.dst-status-badge[data-dst-status="none"] .dst-icon::before{content:"🕐"}html[data-theme="neon"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(0,255,255,0.15);color:#00ffff;border-color:rgba(0,255,255,0.4);box-shadow:0 0 10px rgba(0,255,255,0.2)}html[data-theme="neon"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(255,0,255,0.15);color:#ff00ff;border-color:rgba(255,0,255,0.4);box-shadow:0 0 10px rgba(255,0,255,0.2)}html[data-theme="neon"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(176,176,255,0.15);color:#b0b0ff;border-color:rgba(176,176,255,0.4)}html[data-theme="vintage"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(212,160,23,0.2);color:#8d6e63;border-color:rgba(141,110,99,0.4)}html[data-theme="vintage"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(141,110,99,0.15);color:#6d4c41;border-color:rgba(141,110,99,0.3)}html[data-theme="vintage"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(141,110,99,0.1);color:#8d6e63;border-color:rgba(141,110,99,0.25)}html[data-theme="ocean"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(79,195,247,0.2);color:#4fc3f7;border-color:rgba(79,195,247,0.4)}html[data-theme="ocean"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(128,222,234,0.15);color:#80deea;border-color:rgba(128,222,234,0.3)}html[data-theme="ocean"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(224,247,250,0.1);color:#b2ebf2;border-color:rgba(224,247,250,0.25)}html[data-theme="forest"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(105,240,174,0.2);color:#69f0ae;border-color:rgba(105,240,174,0.4)}html[data-theme="forest"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(165,214,167,0.15);color:#a5d6a7;border-color:rgba(165,214,167,0.3)}html[data-theme="forest"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(200,230,201,0.1);color:#c8e6c9;border-color:rgba(200,230,201,0.25)}[data-theme="dark"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(25,135,84,0.25);color:#20c997;border-color:rgba(25,135,84,0.4)}[data-theme="dark"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(108,117,125,0.25);color:#adb5bd;border-color:rgba(108,117,125,0.4)}[data-theme="dark"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(13,202,240,0.15);color:#6edff6;border-color:rgba(13,202,240,0.3)}html[data-theme="light"] .dst-status-badge[data-dst-status="active"]{background-color:rgba(25,135,84,0.15);color:#198754;border-color:rgba(25,135,84,0.3)}html[data-theme="light"] .dst-status-badge[data-dst-status="inactive"]{background-color:rgba(108,117,125,0.15);color:#6c757d;border-color:rgba(108,117,125,0.3)}html[data-theme="light"] .dst-status-badge[data-dst-status="none"]{background-color:rgba(13,110,253,0.1);color:#0d6efd;border-color:rgba(13,110,253,0.2)}html[data-theme="neon"] #dst-countdown{color:#00ffff}html[data-theme="vintage"] #dst-countdown{color:#5d4037}html[data-theme="ocean"] #dst-countdown{color:#4fc3f7}html[data-theme="forest"] #dst-countdown{color:#69f0ae}[data-theme="dark"] #dst-countdown{color:#20c997}html[data-theme="light"] #dst-countdown{color:#0dcaf0}.dst-label-badge{display:inline-block;padding:0.5em 0.85em;font-size:0.75rem;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:0.5rem;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.fade,.toast{transition-property:opacity !important;transition-duration:150ms !important}}.city-card,#local-clock-card{box-shadow:var(--shadow-sm,0 1px 2px 0 rgb(0 0 0 / 0.05));transition:box-shadow var(--transition-base,200ms ease)}.city-card:hover,#local-clock-card:hover{box-shadow:var(--shadow-md,0 4px 6px -1px rgb(0 0 0 / 0.1))}@media (hover:hover){.city-card:hover,#local-clock-card:hover{box-shadow:var(--shadow-md,0 4px 6px -1px rgb(0 0 0 / 0.1))}}#local-clock.minute-changed,.city-clock.minute-changed{animation:subtle-fade 300ms ease}@keyframes subtle-fade{0%,100%{opacity:1}50%{opacity:0.95}}@media (prefers-reduced-motion:reduce){#local-clock.minute-changed,.city-clock.minute-changed{animation:none}}.btn:focus-visible,.dropdown-item:focus-visible,.form-control:focus-visible,.form-check-input:focus-visible,a:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;border-radius:var(--radius-sm,0.25rem)}.btn:focus,.dropdown-item:focus{outline:none}@media (forced-colors:active){.card,.city-card,#local-clock-card{border:2px solid CanvasText}.btn{border:2px solid ButtonText}.text-muted{color:CanvasText;opacity:0.8}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}[data-tilt]{transform:none !important}.fade,.toast,#offline-banner{transition-property:opacity !important;transition-duration:150ms !important}}.btn{padding:var(--space-2,0.5rem) var(--space-4,1rem);border-radius:var(--radius-md,0.375rem);transition:all var(--transition-fast,150ms ease)}.btn-sm{padding:var(--space-1,0.25rem) var(--space-3,0.75rem)}.btn-lg{padding:var(--space-3,0.75rem) var(--space-6,1.5rem)}.card-body{padding:var(--space-4,1rem)}.card-header,.card-footer{padding:var(--space-3,0.75rem) var(--space-4,1rem)}#sync-status{gap:var(--space-2,0.5rem);padding:var(--space-2,0.5rem);border-radius:var(--radius-md,0.375rem);transition:opacity var(--transition-base,200ms ease)}#offline-banner{padding:var(--space-3,0.75rem) var(--space-4,1rem);border-radius:var(--radius-md,0.375rem);box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0 / 0.1));transition:all var(--transition-base,200ms ease);z-index:var(--z-toast,1060)}#cities-empty-state{padding:var(--space-8,2rem);text-align:center}#cities-empty-state .text-muted{opacity:0.8}#update-toast{z-index:var(--z-toast,1060)}#app-loading-skeleton{contain:layout style}#sync-warning-all-failed{z-index:var(--z-toast,1060)}footer{padding:var(--space-6,1.5rem) 0;padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-4,1rem))}footer a{transition:color var(--transition-fast,150ms ease)}#time-fact-container,.time-fact-section{padding:var(--space-4,1rem);border-radius:var(--radius-lg,0.5rem);transition:all var(--transition-base,200ms ease)}#world-stats-container,.world-stats-section{padding:var(--space-4,1rem);border-radius:var(--radius-lg,0.5rem)}@media print{header,footer,.ad-sidebar,#offline-banner,#sync-status,#update-toast,#app-loading-skeleton{display:none !important}.card{break-inside:avoid;box-shadow:none !important;border:1px solid #ccc !important;page-break-inside:avoid}#local-clock-card{border:2px solid #333 !important}body{background:white !important;color:black !important}}html[data-theme="dark"] .card.border-primary .card-header.bg-primary,html[data-theme="ocean"] .card.border-primary .card-header.bg-primary,html[data-theme="forest"] .card.border-primary .card-header.bg-primary,html[data-theme="vintage"] .card.border-primary .card-header.bg-primary,html[data-theme="neon"] .card.border-primary .card-header.bg-primary,html[data-theme^="solar"] .card.border-primary .card-header.bg-primary{background-color:var(--primary) !important;border-color:var(--primary) !important;color:var(--text-on-primary) !important}html[data-theme="dark"] .card.border-primary,html[data-theme="ocean"] .card.border-primary,html[data-theme="forest"] .card.border-primary,html[data-theme="vintage"] .card.border-primary,html[data-theme="neon"] .card.border-primary{border-color:var(--bs-primary) !important}html[data-theme="dark"] .card.border-info .card-header.bg-info,html[data-theme="ocean"] .card.border-info .card-header.bg-info,html[data-theme="forest"] .card.border-info .card-header.bg-info,html[data-theme="vintage"] .card.border-info .card-header.bg-info,html[data-theme="neon"] .card.border-info .card-header.bg-info,html[data-theme^="solar"] .card.border-info .card-header.bg-info{background-color:var(--info) !important;border-color:var(--info) !important;color:var(--text-on-accent) !important}html[data-theme="dark"] .card.border-info,html[data-theme="ocean"] .card.border-info,html[data-theme="forest"] .card.border-info,html[data-theme="vintage"] .card.border-info,html[data-theme="neon"] .card.border-info{border-color:var(--bs-info,#0dcaf0) !important}html[data-theme="neon"] .card.border-info .card-header.bg-info{background:linear-gradient(135deg,var(--bs-info,#00d4ff),var(--bs-primary,#ff00ff)) !important}footer a{transition:color var(--transition-fast,150ms ease);text-decoration:none}footer a:hover{text-decoration:underline}html[data-theme="dark"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="dark"] footer a{color:var(--primary)}html[data-theme="dark"] footer a:hover{color:var(--primary-hover)}html[data-theme="ocean"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="ocean"] footer a{color:var(--primary)}html[data-theme="ocean"] footer a:hover{color:var(--primary-hover)}html[data-theme="forest"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="forest"] footer a{color:var(--primary)}html[data-theme="forest"] footer a:hover{color:var(--primary-hover)}html[data-theme="vintage"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="vintage"] footer a{color:var(--primary)}html[data-theme="vintage"] footer a:hover{color:var(--primary-hover)}html[data-theme="neon"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="neon"] footer a{color:var(--primary)}html[data-theme="neon"] footer a:hover{color:var(--primary-hover)}html[data-theme="light"] footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}html[data-theme="light"] footer a{color:var(--primary)}html[data-theme="light"] footer a:hover{color:var(--primary-hover)}#time-fact-container,.time-fact-section{padding:var(--space-4,1rem);border-radius:var(--radius-lg,0.5rem);transition:all var(--transition-base,200ms ease)}#time-fact{font-size:0.95rem;line-height:1.6}#world-stats-container,.world-stats-section{padding:var(--space-4,1rem);border-radius:var(--radius-lg,0.5rem)}#monday-percent,#next-dst-main{font-size:1.25rem;letter-spacing:-0.02em}html[data-theme="light"] .card.border-info .card-body,html[data-theme="light"] .card.border-primary .card-body{background-color:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529)}html[data-theme="light"] .card.border-info .text-muted,html[data-theme="light"] .card.border-primary .text-muted{color:#6c757d !important}html[data-theme="light"] .card.border-info .text-info{color:#0dcaf0 !important}html[data-theme="light"] .card.border-info .text-warning{color:var(--warning) !important}html[data-theme="light"] footer{color:#495057}html[data-theme="light"] footer .text-muted{color:#6c757d !important}html[data-theme="dark"] .card.border-info .card-body,html[data-theme="dark"] .card.border-primary .card-body{background-color:var(--card-bg,#2d2d3a);color:var(--text-primary,#e0e0e0)}html[data-theme="dark"] .card.border-info .text-muted,html[data-theme="dark"] .card.border-primary .text-muted{color:#a0a0b0 !important}html[data-theme="dark"] .card.border-info .text-info{color:#4dd4e0 !important}html[data-theme="dark"] .card.border-info .text-warning{color:#ffd166 !important}html[data-theme="dark"] footer{color:#b0b0c0}html[data-theme="dark"] footer .text-muted{color:#808090 !important}html[data-theme="neon"] .card.border-info .card-body,html[data-theme="neon"] .card.border-primary .card-body{background-color:var(--card-bg,#1a1a2e);color:var(--text-primary,#e0e0ff)}html[data-theme="neon"] .card.border-info .text-muted,html[data-theme="neon"] .card.border-primary .text-muted{color:#a0a0cc !important}html[data-theme="neon"] .card.border-info .text-info{color:#00ffff !important;text-shadow:0 0 10px rgba(0,255,255,0.5)}html[data-theme="neon"] .card.border-info .text-warning{color:#ffaa00 !important;text-shadow:0 0 10px rgba(255,170,0,0.5)}html[data-theme="neon"] footer{color:#c0c0e0}html[data-theme="neon"] footer .text-muted{color:#8080aa !important}html[data-theme="vintage"] .card.border-info .card-body,html[data-theme="vintage"] .card.border-primary .card-body{background-color:var(--card-bg,#fff8e7);color:var(--text-primary,#3e2723)}html[data-theme="vintage"] .card.border-info .text-muted,html[data-theme="vintage"] .card.border-primary .text-muted{color:#6d4c41 !important}html[data-theme="vintage"] .card.border-info .text-info{color:#0277bd !important}html[data-theme="vintage"] .card.border-info .text-warning{color:#bf360c !important}html[data-theme="vintage"] footer{color:#4e342e}html[data-theme="vintage"] footer .text-muted{color:#6d4c41 !important}html[data-theme="ocean"] .card.border-info .card-body,html[data-theme="ocean"] .card.border-primary .card-body{background-color:var(--card-bg,#0a1628);color:var(--text-primary,#e0f7fa)}html[data-theme="ocean"] .card.border-info .text-muted,html[data-theme="ocean"] .card.border-primary .text-muted{color:#80deea !important}html[data-theme="ocean"] .card.border-info .text-info{color:#00e5ff !important;text-shadow:0 0 8px rgba(0,229,255,0.4)}html[data-theme="ocean"] .card.border-info .text-warning{color:#ffe082 !important;text-shadow:0 0 8px rgba(255,224,130,0.4)}html[data-theme="ocean"] footer{color:#b2ebf2}html[data-theme="ocean"] footer .text-muted{color:#4dd0e1 !important}html[data-theme="forest"] .card.border-info .card-body,html[data-theme="forest"] .card.border-primary .card-body{background-color:var(--card-bg,#1a2f1a);color:var(--text-primary,#e8f5e9)}html[data-theme="forest"] .card.border-info .text-muted,html[data-theme="forest"] .card.border-primary .text-muted{color:#a5d6a7 !important}html[data-theme="forest"] .card.border-info .text-info{color:#69f0ae !important;text-shadow:0 0 8px rgba(105,240,174,0.3)}html[data-theme="forest"] .card.border-info .text-warning{color:#ffd54f !important;text-shadow:0 0 8px rgba(255,213,79,0.3)}html[data-theme="forest"] footer{color:#c8e6c9}html[data-theme="forest"] footer .text-muted{color:#81c784 !important}footer p,footer span,footer small,footer div{color:inherit}html[data-theme="light"] footer h3,html[data-theme="light"] footer h4,html[data-theme="light"] footer .h6{color:#212529}html[data-theme="dark"] footer h3,html[data-theme="dark"] footer h4,html[data-theme="dark"] footer .h6{color:#e0e0e0}html[data-theme="neon"] footer h3,html[data-theme="neon"] footer h4,html[data-theme="neon"] footer .h6{color:#e0e0ff;text-shadow:0 0 10px rgba(224,224,255,0.3)}html[data-theme="vintage"] footer h3,html[data-theme="vintage"] footer h4,html[data-theme="vintage"] footer .h6{color:#3e2723}html[data-theme="ocean"] footer h3,html[data-theme="ocean"] footer h4,html[data-theme="ocean"] footer .h6{color:#e0f7fa}html[data-theme="forest"] footer h3,html[data-theme="forest"] footer h4,html[data-theme="forest"] footer .h6{color:#e8f5e9}html[data-theme="light"] #status-text{color:#495057}html[data-theme="dark"] #status-text{color:#b0b0c0}html[data-theme="neon"] #status-text{color:#c0c0e0}html[data-theme="vintage"] #status-text{color:#4e342e}html[data-theme="ocean"] #status-text{color:#b2ebf2}html[data-theme="forest"] #status-text{color:#c8e6c9}html[data-theme="light"] footer .border-top{border-color:rgba(0,0,0,0.1) !important}html[data-theme="dark"] footer .border-top{border-color:rgba(255,255,255,0.1) !important}html[data-theme="neon"] footer .border-top{border-color:rgba(255,0,255,0.3) !important}html[data-theme="vintage"] footer .border-top{border-color:rgba(62,39,35,0.2) !important}html[data-theme="ocean"] footer .border-top{border-color:rgba(0,200,255,0.2) !important}html[data-theme="forest"] footer .border-top{border-color:rgba(100,200,100,0.2) !important}html[data-theme="neon"] .card .card-body,html[data-theme="ocean"] .card .card-body,html[data-theme="forest"] .card .card-body{background-color:var(--card-bg)}html[data-theme="dark"] #time-fact,html[data-theme="ocean"] #time-fact,html[data-theme="forest"] #time-fact,html[data-theme="neon"] #time-fact{color:var(--text-primary,inherit)}html[data-theme="vintage"] #time-fact{color:var(--text-primary,#3e2723)}html[data-theme="dark"] .card,html[data-theme="ocean"] .card,html[data-theme="forest"] .card,html[data-theme="neon"] .card{background-color:var(--card-bg);color:var(--text-primary)}html[data-theme="vintage"] .card{background-color:var(--card-bg,#fff8e7);color:var(--text-primary,#3e2723)}html[data-theme^="solar"] .card.border-primary .card-body,html[data-theme^="solar"] .card.border-info .card-body{background-color:var(--bg-card);color:var(--text-primary)}html[data-theme^="solar"] .card.border-primary .text-muted,html[data-theme^="solar"] .card.border-info .text-muted{color:var(--text-muted) !important}html[data-theme^="solar"] .card.border-info .text-info{color:var(--accent-color) !important}html[data-theme^="solar"] .card.border-info .text-warning{color:var(--star-color) !important}html[data-theme^="solar"] #time-fact{color:var(--text-primary)}html[data-theme^="solar"] #status-text{color:var(--text-secondary)}#location-swap-link{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);text-align:center;font-size:0.8125rem;z-index:10;white-space:nowrap}.swap-location-btn{color:var(--primary);text-decoration:none;transition:color 0.2s ease}.swap-location-btn:hover{color:var(--primary-hover);text-decoration:underline}.close-location-link{background:none;border:none;color:var(--text-muted);margin-left:0.5rem;padding:0;font-size:1rem;cursor:pointer;line-height:1;transition:color 0.2s ease}.close-location-link:hover{color:var(--text-primary)}.pwa-install-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:380px;z-index:1060}.pwa-install-banner strong{color:var(--text-primary)}.pwa-install-banner .pwa-info-icon{color:var(--text-muted);cursor:pointer;border:none;background:none;padding:0;font-size:1rem;line-height:1;vertical-align:middle}.pwa-install-banner .pwa-info-icon:hover{color:var(--primary)}.quality-badge{display:inline-block;padding:0.15em 0.5em;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.quality-badge.quality-excellent{background:rgba(var(--success-rgb),0.15);color:var(--success);border:1px solid rgba(var(--success-rgb),0.3)}.quality-badge.quality-good{background:rgba(var(--primary-rgb),0.12);color:var(--primary);border:1px solid rgba(var(--primary-rgb),0.25)}.quality-badge.quality-fair{background:rgba(var(--warning-rgb),0.15);color:var(--warning);border:1px solid rgba(var(--warning-rgb),0.3)}.quality-badge.quality-poor{background:rgba(var(--danger-rgb),0.12);color:var(--danger);border:1px solid rgba(var(--danger-rgb),0.25)}.matching-slot-card.slot-rank-1{border:2px solid var(--success) !important;background-color:rgba(var(--success-rgb),0.07) !important}.matching-slot-card.slot-rank-2{border-left:3px solid var(--primary) !important}.matching-slot-card.slot-rank-3{border-left:2px solid var(--border-color) !important;opacity:0.9}.slot-medal{font-size:1rem;line-height:1;margin-right:0.2rem}.planner-quick-actions{display:flex;gap:0.4rem;flex-wrap:wrap;padding:0.5rem 0.75rem 0.5rem;border-top:1px solid var(--border-color);margin-top:0.25rem}.planner-quick-actions .btn{font-size:0.75rem;padding:0.2rem 0.5rem;line-height:1.4}.best-times-summary{background:rgba(var(--success-rgb),0.08);border:1px solid rgba(var(--success-rgb),0.25);border-radius:var(--radius-md);padding:0.4rem 0.75rem;font-size:0.85rem;color:var(--text-primary);margin-bottom:0.5rem}.best-times-summary .best-times-icon{margin-right:0.3rem}#city-search-hero{margin-bottom:1.5rem}#city-search-hero .input-group{max-width:700px}.city-search-widget .city-search-results{max-width:700px;position:absolute;top:100%;left:0;right:0;z-index:1050;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto}.city-search-widget .city-search-results .dropdown-item,.city-search-widget .city-search-results .city-search-result-item{padding:0.5rem 0.75rem;cursor:pointer;color:var(--text-primary)}.city-search-widget .city-search-results .dropdown-item:hover,.city-search-widget .city-search-results .city-search-result-item:hover{background:var(--bg-hover)}#city-search-hero #plan-meeting-btn{white-space:nowrap}@media (max-width:575.98px){#city-search-hero .d-flex{flex-wrap:wrap}#city-search-hero .flex-grow-1{width:100%;margin-bottom:0.5rem}#city-search-hero #plan-meeting-btn{width:100%;margin-top:0.5rem}}