: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-xl:1rem;--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)}html[data-theme="light"]{--bg-body:#f8f9fa;--bg-card:#ffffff;--bg-header:rgba(255,255,255,0.95);--bg-footer:rgba(248,249,250,0.95);--bg-input:#ffffff;--bg-hover:rgba(0,0,0,0.04);--text-primary:#212529;--text-secondary:#495057;--text-muted:#6c757d;--text-on-primary:#ffffff;--text-on-accent:#ffffff;--primary:#0d6efd;--primary-rgb:13,110,253;--primary-hover:#0b5ed7;--info:#0dcaf0;--info-rgb:13,202,240;--success:#198754;--success-rgb:25,135,84;--warning:#ffc107;--warning-rgb:255,193,7;--danger:#dc3545;--danger-rgb:220,53,69;--border-color:rgba(0,0,0,0.1);--border-strong:rgba(0,0,0,0.2);--border-focus:rgba(13,110,253,0.5);--card-shadow:var(--shadow-sm);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:none;--badge-text:#ffffff;--badge-bg:#6c757d;--badge-border:transparent}html[data-theme="dark"]{--bg-body:#1a1d21;--bg-card:#252830;--bg-header:rgba(26,29,33,0.95);--bg-footer:rgba(26,29,33,0.95);--bg-input:#2d333b;--bg-hover:rgba(255,255,255,0.05);--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-on-primary:#ffffff;--text-on-accent:#ffffff;--primary:#58a6ff;--primary-rgb:88,166,255;--primary-hover:#79b8ff;--info:#39c5cf;--info-rgb:57,197,207;--success:#3fb950;--success-rgb:63,185,80;--warning:#d29922;--warning-rgb:210,153,34;--danger:#f85149;--danger-rgb:248,81,73;--border-color:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.2);--border-focus:rgba(88,166,255,0.5);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.5);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:#ffffff;--badge-bg:#6c757d;--badge-border:transparent}html[data-theme="neon"]{--bg-body:#0a0a1a;--bg-card:#1a1a2e;--bg-header:rgba(10,10,26,0.95);--bg-footer:rgba(15,15,35,0.98);--bg-input:#1a1a3e;--bg-hover:rgba(255,0,255,0.05);--text-primary:#f0f0ff;--text-secondary:#d0d0e8;--text-muted:#9090b8;--text-on-primary:#0a0a1a;--text-on-accent:#0a0a1a;--primary:#ff00ff;--primary-rgb:255,0,255;--primary-hover:#ff44ff;--info:#00ffff;--info-rgb:0,255,255;--success:#00ff88;--success-rgb:0,255,136;--warning:#ffaa00;--warning-rgb:255,170,0;--danger:#ff3366;--danger-rgb:255,51,102;--border-color:rgba(255,0,255,0.2);--border-strong:rgba(255,0,255,0.4);--border-focus:rgba(255,0,255,0.6);--card-shadow:0 0 20px rgba(255,0,255,0.15);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:var(--primary);--badge-bg:rgba(255,0,255,0.2);--badge-border:var(--primary);--neon-cyan:#00ffff;--neon-cyan-rgb:0,255,255;--neon-magenta:#ff00ff;--neon-magenta-rgb:255,0,255;--neon-green:#00ff00;--neon-green-rgb:0,255,0}html[data-theme="vintage"]{--bg-body:#f4e9d8;--bg-card:#fff8e7;--bg-header:rgba(244,233,216,0.95);--bg-footer:rgba(240,228,210,0.98);--bg-input:#fffdf5;--bg-hover:rgba(141,110,99,0.08);--text-primary:#3e2723;--text-secondary:#4e342e;--text-muted:#6d4c41;--text-on-primary:#fff8e7;--text-on-accent:#3e2723;--primary:#8d6e63;--primary-rgb:141,110,99;--primary-hover:#a1887f;--info:#5d4037;--info-rgb:93,64,55;--success:#558b2f;--success-rgb:85,139,47;--warning:#bf360c;--warning-rgb:191,54,12;--danger:#b71c1c;--danger-rgb:183,28,28;--border-color:rgba(141,110,99,0.2);--border-strong:rgba(141,110,99,0.4);--border-focus:rgba(141,110,99,0.5);--card-shadow:0 4px 6px rgba(62,39,35,0.1);--card-border:#d4c5b0;--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:none;--badge-text:var(--primary);--badge-bg:rgba(141,110,99,0.25);--badge-border:var(--primary)}html[data-theme="ocean"]{--bg-body:#0d1b2a;--bg-card:#1b263b;--bg-header:rgba(13,27,42,0.95);--bg-footer:rgba(13,27,42,0.98);--bg-input:#233044;--bg-hover:rgba(0,200,255,0.05);--text-primary:#e0f7fa;--text-secondary:#b2ebf2;--text-muted:#4dd0e1;--text-on-primary:#0d1b2a;--text-on-accent:#0d1b2a;--primary:#00b4d8;--primary-rgb:0,180,216;--primary-hover:#48cae4;--info:#00e5ff;--info-rgb:0,229,255;--success:#00ff88;--success-rgb:0,255,136;--warning:#ffe082;--warning-rgb:255,224,130;--danger:#ff6b6b;--danger-rgb:255,107,107;--border-color:rgba(0,200,255,0.2);--border-strong:rgba(0,200,255,0.4);--border-focus:rgba(0,200,255,0.6);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.5);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:var(--primary);--badge-bg:rgba(0,180,216,0.2);--badge-border:var(--primary)}html[data-theme="forest"]{--bg-body:#0d1f0d;--bg-body-deep:#051005;--bg-card:#1a2f1a;--bg-card-elevated:#223822;--bg-card-sunken:#142414;--bg-header:rgba(13,31,13,0.95);--bg-footer:rgba(13,31,13,0.98);--bg-input:#1f351f;--bg-hover:rgba(105,240,174,0.08);--text-primary:#e8f5e9;--text-secondary:#c8e6c9;--text-muted:#81c784;--text-subtle:#4caf50;--text-on-primary:#0d1f0d;--text-on-accent:#0d1f0d;--primary:#69f0ae;--primary-rgb:105,240,174;--primary-hover:#98ffbf;--info:#88ffaa;--info-rgb:136,255,170;--success:#00e676;--success-rgb:0,230,118;--warning:#ffd54f;--warning-rgb:255,213,79;--danger:#ff5252;--danger-rgb:255,82,82;--border-color:rgba(100,200,100,0.15);--border-strong:rgba(100,200,100,0.3);--border-focus:rgba(105,240,174,0.5);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.5),0 0 0 1px rgba(100,200,100,0.1);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:var(--primary);--badge-bg:rgba(105,240,174,0.2);--badge-border:var(--primary)}body{background-color:var(--bg-body);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}header.sticky-top{background-color:var(--bg-header);border-bottom:1px solid var(--border-color)}footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);color:var(--text-secondary)}footer h3,footer h4,footer .h6{color:var(--text-primary)}footer a{color:var(--primary);transition:color var(--transition-fast)}footer a:hover{color:var(--primary-hover)}footer .text-muted{color:var(--text-muted) !important}#status-text{color:var(--text-secondary)}.clock-font,.city-clock,.city-list-time,.favorite-city-time{font-variant-numeric:tabular-nums !important;font-feature-settings:"tnum" !important;letter-spacing:0.03em !important;white-space:nowrap !important}.card{background-color:var(--bg-card);border-color:var(--card-border);box-shadow:var(--card-shadow)}.card-header{background-color:var(--bg-hover);border-bottom-color:var(--border-color)}.card-body{color:var(--text-primary)}.accordion-item{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.accordion-button{background-color:var(--bg-hover);color:var(--text-primary)}.accordion-button:not(.collapsed){background-color:var(--primary);color:var(--text-on-primary);box-shadow:none}.accordion-body{background-color:var(--bg-card);color:var(--text-primary)}[data-theme="dark"] .accordion-button.collapsed::after,[data-theme="neon"] .accordion-button.collapsed::after,[data-theme="forest"] .accordion-button.collapsed::after{filter:invert(1)}.card-focus-glow{box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.5) !important;transition:box-shadow 0.3s ease}.card-pulse-glow{box-shadow:0 0 20px rgba(var(--primary-rgb),0.5) !important;transition:box-shadow 0.3s ease}.favorite-city-card{cursor:pointer;transition:all 0.2s ease;border:1px solid rgba(var(--primary-rgb),0.2)}.favorite-city-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.card.border-primary{border-color:var(--primary) !important}.card.border-primary .card-header.bg-primary{background-color:var(--primary) !important;color:var(--text-on-primary) !important}.card.border-info{border-color:var(--info) !important}.card.border-info .card-header.bg-info{background-color:var(--info) !important;color:var(--text-on-accent) !important}.card.border-info .text-info{color:var(--info) !important}.card.border-info .text-warning{color:var(--warning) !important}.card .text-muted:not(html[data-theme^="solar"] #local-clock-card .text-muted){color:var(--text-muted) !important}html[data-theme^="solar"] #local-clock-card .text-muted{color:var(--main-card-text-muted) !important}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background-color:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-hover) !important;border-color:var(--primary-hover) !important;color:var(--text-on-primary) !important}.form-control,.form-select{background-color:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}.form-control:focus,.form-select:focus{background-color:var(--bg-input);border-color:var(--border-focus);color:var(--text-primary);box-shadow:0 0 0 0.25rem var(--border-focus)}.dropdown-menu{background-color:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-lg)}.dropdown-item{--bs-dropdown-link-color:var(--text-primary);--bs-dropdown-link-hover-color:var(--text-primary);--bs-dropdown-link-hover-bg:var(--bg-hover);--bs-dropdown-link-active-color:var(--text-on-primary);--bs-dropdown-link-active-bg:var(--primary)}.dropdown-menu{--bs-dropdown-bg:var(--bg-card);--bs-dropdown-border-color:var(--border-color)}.dropdown-divider{border-top-color:var(--border-color)}.dropdown-item-text{color:var(--text-muted) !important}.dropdown-menu .text-muted,.dropdown-menu .dropdown-item-text.text-muted{color:var(--text-muted) !important}.dropdown-menu .small{color:inherit !important}.dropdown-menu:not(html[data-theme^="solar"] .dropdown-menu){background-color:var(--bg-card) !important;color:var(--text-primary) !important}.dropdown-menu .dropdown-item-text.fw-bold{color:var(--text-primary) !important}.toast{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.toast-body{color:var(--text-primary)}.toast-body .text-muted{color:var(--text-muted) !important}.toast-body strong{color:var(--text-primary)}[data-theme="neon"] .card{box-shadow:var(--card-shadow),inset 0 0 20px rgba(255,0,255,0.03)}[data-theme="neon"] .card.border-primary .card-header{background:linear-gradient(135deg,var(--primary),var(--info)) !important}[data-theme="neon"] footer{box-shadow:0 -4px 20px rgba(255,0,255,0.15);border-top-color:var(--border-strong)}[data-theme="neon"] footer a{text-shadow:0 0 5px rgba(255,0,255,0.3)}[data-theme="neon"] footer a:hover{text-shadow:0 0 10px rgba(255,0,255,0.6)}[data-theme="neon"] #time-fact{color:var(--text-primary)}[data-theme="vintage"] .card{box-shadow:0 4px 6px rgba(62,39,35,0.08),inset 0 1px 0 rgba(255,255,255,0.3)}[data-theme="vintage"] footer{border-top-width:2px;border-top-color:var(--primary)}[data-theme="vintage"] footer a{color:var(--primary)}[data-theme="vintage"] #time-fact{color:var(--text-primary)}[data-theme="ocean"] .card{box-shadow:var(--card-shadow),inset 0 0 30px rgba(0,180,216,0.03)}[data-theme="ocean"] footer{border-top-color:var(--border-strong)}[data-theme="ocean"] #time-fact{color:var(--text-primary)}[data-theme="forest"] .card{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-card-sunken) 100%);box-shadow:0 4px 8px rgba(0,0,0,0.4),0 0 0 1px rgba(100,200,100,0.08),inset 0 1px 0 rgba(255,255,255,0.03)}[data-theme="forest"] .card:hover{background:linear-gradient(180deg,var(--bg-card-elevated) 0%,var(--bg-card) 100%)}[data-theme="forest"] .card-header{background:rgba(100,200,100,0.05);border-bottom-color:rgba(100,200,100,0.15)}[data-theme="forest"] footer{background:linear-gradient(180deg,var(--bg-footer) 0%,var(--bg-body-deep) 100%);border-top-color:rgba(100,200,100,0.2)}[data-theme="forest"] #time-fact{color:var(--text-primary)}html[data-theme^="solar"] footer{background-color:var(--bg-footer);color:var(--text-secondary);border-top:1px solid var(--border-color)}html[data-theme^="solar"] footer h3,html[data-theme^="solar"] footer h4,html[data-theme^="solar"] footer .h6{color:var(--text-primary)}html[data-theme^="solar"] footer a{color:var(--primary)}html[data-theme^="solar"] footer a:hover{color:var(--primary-hover)}html[data-theme^="solar"] footer .text-muted{color:var(--text-muted) !important}html[data-theme^="solar"] footer p,html[data-theme^="solar"] footer span,html[data-theme^="solar"] footer small,html[data-theme^="solar"] footer div{color:var(--text-secondary)}html[data-theme^="solar"] footer .border-top{border-color:var(--border-color) !important}html[data-theme^="solar"] #status-text{color:var(--text-secondary,inherit)}@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}}@media (forced-colors:active){.card{border:2px solid CanvasText}.btn{border:2px solid ButtonText}}.btn:focus-visible,.dropdown-item:focus-visible,.form-control:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card.border-primary .card-header.bg-primary .text-white,.card.border-info .card-header.bg-info .text-white{color:var(--text-on-primary) !important}.card.border-primary .card-header.bg-primary .text-white,.card.border-info .card-header.bg-info .text-white{color:var(--text-on-accent) !important}.btn-outline-primary{color:var(--primary) !important;border-color:var(--primary) !important;background-color:var(--bg-card) !important}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--primary) !important;border-color:var(--primary) !important;color:var(--text-on-primary) !important}section[aria-label="Time facts and statistics"] .btn-outline-primary{font-weight:500;letter-spacing:0.01em}.btn-outline-primary::before,.btn-outline-primary .emoji{filter:none;transition:filter var(--transition-fast)}.btn-outline-secondary{color:var(--text-secondary) !important;border-color:var(--border-color) !important;background-color:transparent !important}.btn-outline-secondary:hover,.btn-outline-secondary:focus{background-color:var(--bg-hover) !important;border-color:var(--border-strong) !important;color:var(--text-primary) !important}.btn-outline-secondary.active{background-color:var(--primary) !important;border-color:var(--primary) !important;color:var(--text-on-primary) !important}.btn-link{color:var(--primary) !important;text-decoration:none}.btn-link:hover,.btn-link:focus{color:var(--primary-hover) !important;text-decoration:underline}#planner-section .card{border:1px solid var(--border-color) !important}.timeline-tick{background-color:var(--primary) !important}.timeline-tick.major{background-color:var(--primary) !important}.timeline-label{color:var(--text-secondary) !important}.matching-slot-card{background-color:var(--bg-hover) !important;border-left:3px solid var(--border-color);color:var(--text-primary) !important}.matching-slot-time{color:var(--text-primary) !important}.no-overlap-message{background-color:var(--bg-hover) !important;border-left:4px solid var(--primary) !important;color:var(--text-secondary) !important}#planner-comment-text{background-color:var(--bg-input) !important;border-color:var(--border-color) !important;color:var(--text-primary) !important}#planner-comment-text::placeholder{color:var(--text-muted) !important;opacity:0.8 !important}#city-search::placeholder{color:var(--text-secondary) !important;opacity:0.9 !important}#google-font-input-oc::placeholder{color:var(--primary) !important;opacity:0.9 !important}#planner-section label[for="planner-comment-text"]{color:var(--text-primary) !important}.no-overlap-message{background-color:var(--bg-footer);border-left:4px solid var(--warning);color:var(--text-muted)}.matching-slot-card{background-color:rgba(var(--primary-rgb),0.07);border-left:3px solid var(--border-color)}.custom-font-container{font-family:var(--custom-font-family,inherit)}@font-face{font-family:'CustomUserFont';src:local('CustomUserFont');font-display:swap}body.clock-font-custom .clock-font,body.clock-font-custom .city-clock,body.clock-font-custom .city-list-time{font-family:var(--custom-clock-font,'CustomUserFont'),sans-serif;font-weight:var(--custom-font-weight,400)}.font-loading{position:relative;opacity:0.7}.font-loading::after{content:'';position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:font-spinner 0.8s linear infinite}@keyframes font-spinner{to{transform:translateY(-50%) rotate(360deg)}}.custom-theme-builder{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.custom-theme-builder h6{color:var(--text-primary);margin-bottom:var(--space-3)}.color-input-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.color-input-row label{flex:1;color:var(--text-secondary);font-size:0.875rem}.color-input-row input[type="color"]{width:50px;height:36px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-input);cursor:pointer}.color-input-row input[type="text"]{width:80px;font-family:monospace;font-size:0.75rem;text-transform:uppercase}.theme-preview-area{background:linear-gradient(135deg,var(--preview-bg-1,var(--bg-body)) 0%,var(--preview-bg-2,var(--bg-card)) 100%);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-3) 0;min-height:100px;display:flex;flex-direction:column;gap:var(--space-2)}.theme-preview-card{background-color:var(--preview-card-bg,var(--bg-card));border:1px solid var(--preview-border,var(--border-color));border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.theme-preview-card h6{color:var(--preview-primary,var(--primary));margin-bottom:var(--space-2)}.theme-preview-card p{color:var(--preview-text,var(--text-primary));font-size:0.875rem;margin:0}.theme-preview-card .muted{color:var(--preview-muted,var(--text-muted));font-size:0.75rem}.custom-theme-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.custom-theme-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.custom-theme-item:hover{border-color:var(--border-strong);background-color:var(--bg-card)}.custom-theme-item.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),0.1)}.custom-theme-preview{display:flex;gap:4px;margin-right:var(--space-3)}.custom-theme-preview .color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.custom-theme-name{flex:1;font-weight:500;color:var(--text-primary)}.custom-theme-actions{display:flex;gap:var(--space-2)}.theme-limit-warning{background-color:rgba(var(--warning-rgb),0.1);border:1px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);color:var(--warning);font-size:0.875rem}.theme-limit-warning strong{display:block;margin-bottom:var(--space-1)}.theme-name-input{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.theme-name-input input{flex:1}html[data-theme^="custom-"]{--bg-body:var(--custom-bg-body,#f8f9fa);--bg-card:var(--custom-bg-card,#ffffff);--bg-header:var(--custom-bg-header,rgba(255,255,255,0.95));--bg-footer:var(--custom-bg-footer,rgba(248,249,250,0.95));--bg-input:var(--custom-bg-input,#ffffff);--bg-hover:var(--custom-bg-hover,rgba(0,0,0,0.04));--text-primary:var(--custom-text-primary,#212529);--text-secondary:var(--custom-text-secondary,#495057);--text-muted:var(--custom-text-muted,#6c757d);--text-on-primary:var(--custom-text-on-primary,#ffffff);--primary:var(--custom-primary,#0d6efd);--primary-rgb:var(--custom-primary-rgb,13,110,253);--primary-hover:var(--custom-primary-hover,#0b5ed7);--info:var(--custom-info,#0dcaf0);--info-rgb:var(--custom-info-rgb,13,202,240);--success:var(--custom-success,#198754);--success-rgb:var(--custom-success-rgb,25,135,84);--warning:var(--custom-warning,#ffc107);--warning-rgb:var(--custom-warning-rgb,255,193,7);--danger:var(--custom-danger,#dc3545);--danger-rgb:var(--custom-danger-rgb,220,53,69);--border-color:var(--custom-border-color,rgba(0,0,0,0.1));--border-strong:var(--custom-border-strong,rgba(0,0,0,0.2))}.dropdown-menu{max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}@media (max-width:767.98px){[aria-labelledby="settings-menu-mobile"],[aria-labelledby="settings-menu"]{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;position:fixed !important;top:60px !important;left:10px !important;right:10px !important;width:auto !important;max-width:none}.dropdown-menu:not([aria-labelledby="settings-menu-mobile"]):not([aria-labelledby="settings-menu"]){max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto}}.dropdown-menu .collapse{max-height:none;overflow-y:visible;overflow-x:hidden}.dropdown-menu,.dropdown-menu .collapse{scroll-behavior:smooth}.color-picker-wrapper{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.color-picker-wrapper:hover{border-color:var(--border-strong)}.color-picker-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 0.2rem rgba(var(--primary-rgb),0.15)}.color-picker-input{width:40px;height:40px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:none;cursor:pointer;overflow:hidden}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-input::-moz-color-swatch{border:none;border-radius:2px}.color-picker-hex{font-family:'SF Mono',Monaco,'Courier New',monospace;font-size:0.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;user-select:all}.theme-presets{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{width:48px;height:48px;padding:4px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:2px;overflow:hidden}.preset-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.preset-btn span{flex:1;border-radius:2px}.theme-preview-area{background:linear-gradient(135deg,var(--preview-bg-1,var(--bg-body)) 0%,var(--preview-bg-2,var(--bg-card)) 100%);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);min-height:200px}.theme-preview-card{background-color:var(--preview-card-bg,var(--bg-card));border:1px solid var(--preview-border,var(--border-color));border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.theme-preview-card h6{color:var(--preview-primary,var(--primary));font-size:0.875rem;font-weight:600}.theme-preview-card .display-6{color:var(--preview-text,var(--text-primary));font-size:2rem;font-weight:700;line-height:1.2}.theme-preview-card p{color:var(--preview-text,var(--text-primary))}.theme-preview-card .muted{color:var(--preview-muted,var(--text-muted));font-size:0.875rem}.theme-preview-card .badge{background-color:var(--preview-primary,var(--primary));color:var(--text-on-primary,white);font-size:0.75rem;padding:0.25em 0.6em;border-radius:var(--radius-pill)}.custom-theme-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;padding-right:var(--space-2)}.custom-theme-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.custom-theme-item:hover{border-color:var(--border-strong);background-color:var(--bg-card)}.custom-theme-item.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),0.08)}.custom-theme-preview{display:flex;gap:3px;flex-shrink:0}.custom-theme-preview .color-swatch{width:20px;height:32px;border-radius:3px;border:1px solid var(--border-color)}.custom-theme-name{flex:1;font-weight:500;color:var(--text-primary);font-size:0.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-theme-actions{display:flex;gap:0.25rem;flex-shrink:0}.custom-theme-actions .btn{padding:0.2rem 0.5rem;font-size:0.7rem;white-space:nowrap}#custom-theme-modal .modal-body{max-height:calc(100vh - 120px);overflow:hidden}#custom-theme-modal .row{max-height:calc(100vh - 120px)}#custom-theme-modal .col-md-6{max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}#custom-theme-modal .col-md-6::-webkit-scrollbar{width:6px}#custom-theme-modal .col-md-6::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}@media (max-width:767.98px){#custom-theme-modal .modal-dialog{margin:0.5rem}#custom-theme-modal .col-md-6{border-right:none !important;border-bottom:1px solid var(--border-color);max-height:50vh}.color-picker-wrapper{padding:6px 10px}.color-picker-input{width:36px;height:36px}}input[type="color"]{-webkit-appearance:none;appearance:none;width:48px;height:48px;padding:2px;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);cursor:pointer;overflow:hidden}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}input[type="color"]::-moz-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}input[type="color"]:hover{border-color:var(--border-strong)}input[type="color"]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.15)}.color-picker-wrapper{display:flex;align-items:center;gap:12px;padding:10px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.color-picker-wrapper:hover{border-color:var(--border-strong)}.color-picker-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 0.2rem rgba(var(--primary-rgb),0.15)}.color-picker-wrapper input[type="color"]{}.color-picker-wrapper input[type="color"]::-webkit-color-swatch{border-radius:var(--radius-sm);border:2px solid var(--border-color)}@media (max-width:767.98px){input[type="color"]{width:44px;height:44px}.color-picker-wrapper input[type="color"]{width:36px;height:36px}}html[data-theme="dark"]{--bg-body:#1a1d21;--bg-card:#252830;--bg-header:rgba(26,29,33,0.95);--bg-footer:rgba(26,29,33,0.95);--bg-input:#2d333b;--bg-hover:rgba(255,255,255,0.05);--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-on-primary:#ffffff;--text-on-accent:#ffffff;--primary:#58a6ff;--primary-rgb:88,166,255;--primary-hover:#79b8ff;--info:#39c5cf;--info-rgb:57,197,207;--success:#3fb950;--success-rgb:63,185,80;--warning:#d29922;--warning-rgb:210,153,34;--danger:#f85149;--danger-rgb:248,81,73;--border-color:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.2);--border-focus:rgba(88,166,255,0.5);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.5);--card-border:var(--border-color)}body:not(html[data-theme^="solar"] body){background-color:var(--bg-body) !important;background-image:none !important}html[data-theme^="solar"] body{background-color:transparent}.card{background-color:var(--bg-card) !important;color:var(--text-primary) !important}#local-clock-card:not(html[data-theme^="solar"] #local-clock-card){background:var(--bg-card) !important;color:var(--text-primary) !important}[data-theme="dark"] body,[data-theme="dark"] body{background:var(--bg-body) !important;background-image:none !important}[data-theme="dark"] .city-card,[data-theme="dark"] .city-card{background-color:var(--bg-card) !important;color:var(--text-primary) !important}[data-theme="dark"] header.sticky-top,[data-theme="dark"] header.sticky-top{background-color:var(--bg-header) !important}[data-theme="dark"] footer,[data-theme="dark"] footer{background-color:var(--bg-footer) !important;color:var(--text-secondary) !important}#custom-font-items li a,#custom-font-items-mobile li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}[data-font-id^="google-"]{font-size:0.95rem}[data-font-id^="google-"].active{font-weight:600}#current-clock-font-display,#current-clock-font-display-mobile{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.color-picker-input{-webkit-appearance:none;appearance:none;width:48px;height:48px;padding:3px;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);cursor:pointer;overflow:hidden;flex-shrink:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}.color-picker-input::-moz-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}.color-picker-input:hover{border-color:var(--primary);transform:scale(1.05)}.color-picker-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.2)}#custom-theme-modal .modal-dialog{transition:transform 0.1s ease-out}#custom-theme-modal .modal-header{cursor:grab;user-select:none}#custom-theme-modal .modal-header:active{cursor:grabbing}#custom-theme-modal.dragging .modal-header{cursor:grabbing}.theme-preview-area{background:var(--preview-bg-1,var(--bg-body));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);min-height:280px}.theme-preview-main-card{background:var(--preview-card-bg,var(--bg-card));border:1px solid var(--preview-border,var(--border-color));border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);color:var(--preview-text,var(--text-primary))}.theme-preview-main-card .location{color:var(--preview-muted,var(--text-muted));font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.theme-preview-main-card .time{color:var(--preview-text,var(--text-primary));font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-2)}.theme-preview-main-card .date-timezone{color:var(--preview-text,var(--text-primary));font-size:0.875rem;margin-bottom:var(--space-2)}.theme-preview-main-card .timezone-badge{display:inline-block;background:var(--preview-bg-hover,var(--bg-hover));color:var(--preview-text,var(--text-primary));font-size:0.75rem;padding:0.25rem 0.75rem;border-radius:var(--radius-pill);border:1px solid var(--preview-border,var(--border-color))}.theme-preview-city-card{background:var(--preview-card-bg,var(--bg-card));border:1px solid var(--preview-border,var(--border-color));border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);color:var(--preview-text,var(--text-primary))}.theme-preview-city-card .city-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.theme-preview-city-card .city-name{color:var(--preview-text,var(--text-primary));font-size:0.875rem;font-weight:600}.theme-preview-city-card .country{color:var(--preview-muted,var(--text-muted));font-size:0.625rem;text-transform:uppercase}.theme-preview-city-card .city-time{color:var(--preview-text,var(--text-primary));font-size:1.25rem;font-weight:700;text-align:center;margin:var(--space-2) 0}.theme-preview-city-card .city-date-timezone{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem}.theme-preview-city-card .city-date{color:var(--preview-muted,var(--text-muted))}.theme-preview-city-card .city-timezone{color:var(--preview-text,var(--text-primary));background:var(--preview-bg-hover,var(--bg-hover));border:1px solid var(--preview-border,var(--border-color));padding:0.125rem 0.5rem;border-radius:var(--radius-pill);font-size:0.625rem;font-weight:600}html[data-theme="solar-dynamic"][data-solar-period="morning"]{--bg-body:#fef3c7;--bg-card:#fffbeb;--bg-header:rgba(254,243,199,0.95);--bg-footer:rgba(254,243,199,0.95);--bg-input:#ffffff;--bg-hover:rgba(245,158,11,0.1);--text-primary:#78350f;--text-secondary:#92400e;--text-muted:#b45309;--text-on-primary:#ffffff;--text-on-accent:#78350f;--primary:#b45309;--primary-rgb:180,83,9;--primary-hover:#92400e;--info:#0ea5e9;--info-rgb:14,165,233;--success:#22c55e;--success-rgb:34,197,94;--warning:#f59e0b;--warning-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--border-color:rgba(120,53,15,0.1);--border-strong:rgba(120,53,15,0.2);--border-focus:rgba(180,83,9,0.5);--card-shadow:0 4px 6px -1px rgba(120,53,15,0.1);--card-border:rgba(120,53,15,0.12);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:none;--badge-text:var(--primary);--badge-bg:rgba(180,83,9,0.15);--badge-border:var(--primary)}html[data-theme="solar-dynamic"][data-solar-period="day"]{--bg-body:#e0f2fe;--bg-card:#ffffff;--bg-header:rgba(224,242,254,0.95);--bg-footer:rgba(224,242,254,0.95);--bg-input:#ffffff;--bg-hover:rgba(14,165,233,0.08);--text-primary:#0c4a6e;--text-secondary:#075985;--text-muted:#0369a1;--text-on-primary:#ffffff;--text-on-accent:#0c4a6e;--primary:#0369a1;--primary-rgb:3,105,161;--primary-hover:#0c4a6e;--info:#06b6d4;--info-rgb:6,182,212;--success:#22c55e;--success-rgb:34,197,94;--warning:#f59e0b;--warning-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--border-color:rgba(12,74,110,0.1);--border-strong:rgba(12,74,110,0.2);--border-focus:rgba(3,105,161,0.5);--card-shadow:0 4px 6px -1px rgba(12,74,110,0.1);--card-border:rgba(12,74,110,0.12);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:none;--badge-text:var(--primary);--badge-bg:rgba(3,105,161,0.15);--badge-border:var(--primary)}html[data-theme="solar-dynamic"][data-solar-period="evening"]{--bg-body:#1e1b4b;--bg-card:#312e81;--bg-header:rgba(30,27,75,0.95);--bg-footer:rgba(30,27,75,0.95);--bg-input:#4338ca;--bg-hover:rgba(99,102,241,0.15);--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#fcd34d;--text-on-primary:#1e1b4b;--text-on-accent:#fef3c7;--primary:#f59e0b;--primary-rgb:245,158,11;--primary-hover:#fbbf24;--info:#38bdf8;--info-rgb:56,189,248;--success:#4ade80;--success-rgb:74,222,128;--warning:#fb923c;--warning-rgb:251,146,60;--danger:#f87171;--danger-rgb:248,113,113;--border-color:rgba(253,230,138,0.15);--border-strong:rgba(253,230,138,0.3);--border-focus:rgba(245,158,11,0.5);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.3);--card-border:rgba(253,230,138,0.15);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:var(--primary);--badge-bg:rgba(245,158,11,0.2);--badge-border:var(--primary)}html[data-theme="solar-dynamic"][data-solar-period="night"]{--bg-body:#0f172a;--bg-card:#1e293b;--bg-header:rgba(15,23,42,0.95);--bg-footer:rgba(15,23,42,0.95);--bg-input:#334155;--bg-hover:rgba(99,102,241,0.1);--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-on-primary:#0f172a;--text-on-accent:#e2e8f0;--primary:#818cf8;--primary-rgb:129,140,248;--primary-hover:#a5b4fc;--info:#38bdf8;--info-rgb:56,189,248;--success:#4ade80;--success-rgb:74,222,128;--warning:#fbbf24;--warning-rgb:251,191,36;--danger:#f87171;--danger-rgb:248,113,113;--border-color:rgba(148,163,184,0.15);--border-strong:rgba(148,163,184,0.3);--border-focus:rgba(129,140,248,0.5);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.4);--card-border:rgba(148,163,184,0.15);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:invert(1);--badge-text:var(--primary);--badge-bg:rgba(129,140,248,0.2);--badge-border:var(--primary)}.theme-preview-main-card{background:var(--preview-card-bg,var(--bg-card)) !important;color:var(--preview-text,var(--text-primary)) !important}.theme-preview-main-card .card-body{background:transparent}.theme-preview-main-card h2{color:var(--preview-muted,var(--text-muted)) !important}.theme-preview-main-card .display-4{color:var(--preview-text,var(--text-primary)) !important}.theme-preview-main-card .h5{color:var(--preview-text,var(--text-primary)) !important}.theme-preview-main-card .badge{background-color:var(--preview-bg-hover,var(--bg-hover)) !important;color:var(--preview-text,var(--text-primary)) !important;border:1px solid var(--preview-border,var(--border-color))}.theme-preview-city-card{background:var(--preview-card-bg,var(--bg-card)) !important;color:var(--preview-text,var(--text-primary)) !important}.theme-preview-city-card .card-body{background:transparent}.theme-preview-city-card .fw-bold{color:var(--preview-text,var(--text-primary)) !important}.theme-preview-city-card .display-6{color:var(--preview-text,var(--text-primary)) !important}.theme-preview-city-card .text-muted{color:var(--preview-muted,var(--text-muted)) !important}.theme-preview-city-card .badge{background-color:var(--preview-bg-hover,var(--bg-hover)) !important;color:var(--preview-muted,var(--text-muted)) !important;border:1px solid var(--preview-border,var(--border-color))}.theme-preview-city-card .text-warning{color:var(--warning,#ffc107) !important}.theme-preview-city-card .text-danger{color:var(--danger,#dc3545) !important}input[type="color"].color-picker-input{min-width:44px;min-height:44px;padding:2px;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:white;cursor:pointer;-webkit-appearance:button;appearance:button}input[type="color"].color-picker-input::-webkit-color-swatch-wrapper{padding:0;display:block}input[type="color"].color-picker-input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px);display:block;width:100%;height:100%}input[type="color"].color-picker-input::-moz-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px);display:block;width:100%;height:100%}input[type="color"].color-picker-input:hover{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),0.2)}input[type="color"].color-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.3)}.color-picker-visual-btn{position:relative;z-index:2}.color-picker-wrapper{position:relative;display:flex;align-items:center;gap:12px}.color-picker-wrapper input[type="color"]{}.preview-primary-showcase{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;background-color:var(--preview-primary,var(--primary));color:var(--text-on-primary,white);border:none;border-radius:var(--radius-md);font-size:0.75rem;font-weight:500}.badge.bg-secondary,.city-timezone-badge,.city-timezone{background-color:var(--badge-bg,#6c757d) !important;color:var(--badge-text,#ffffff) !important;border:1px solid var(--badge-border,transparent) !important;font-weight:700 !important}html[data-theme^="custom-"]{--bg-body:var(--custom-bg-body,#f8f9fa);--bg-card:var(--custom-bg-card,#ffffff);--bg-header:var(--custom-bg-card,#ffffff);--bg-footer:var(--custom-bg-card,#f8f9fa);--bg-input:var(--custom-bg-card,#ffffff);--bg-hover:var(--custom-bg-hover,rgba(13,110,253,0.08));--text-primary:var(--custom-text-primary,#212529);--text-secondary:var(--custom-text-secondary,#495057);--text-muted:var(--custom-text-muted,#6c757d);--text-on-primary:#ffffff;--text-on-accent:var(--custom-text-primary,#212529);--primary:var(--custom-primary,#0d6efd);--primary-rgb:var(--custom-primary-rgb,13,110,253);--primary-hover:color-mix(in srgb,var(--primary) 85%,black);--info:var(--custom-primary,#0d6efd);--success:#198754;--success-rgb:25,135,84;--warning:#ffc107;--warning-rgb:255,193,7;--danger:#dc3545;--danger-rgb:220,53,69;--border-color:var(--custom-border-color,rgba(0,0,0,0.1));--border-strong:color-mix(in srgb,var(--border-color) 200%,transparent);--border-focus:color-mix(in srgb,var(--primary) 50%,transparent);--card-shadow:0 2px 8px rgba(0,0,0,0.08);--card-border:var(--border-color);--modal-bg:var(--bg-card);--modal-text:var(--text-primary);--modal-header-bg:var(--bg-hover);--modal-border:var(--border-color);--btn-close-filter:none;--badge-text:var(--custom-badge-text,var(--primary));--badge-bg:var(--custom-badge-bg,rgba(13,110,253,0.15));--badge-border:var(--custom-badge-border,var(--primary))}[data-theme^="custom-"][data-theme-dark="true"]{--btn-close-filter:invert(1);--text-on-primary:#0a0a1a}[data-theme^="custom-"]:where( [style*="--text-primary:#e"],[style*="--text-primary:#f"],[style*="--text-primary:#e"],[style*="--text-primary:#f"] ){--btn-close-filter:invert(1)}.modal-content{background-color:var(--modal-bg,var(--bg-card));color:var(--modal-text,var(--text-primary));border-color:var(--modal-border,var(--border-color))}.modal-header{background-color:var(--modal-header-bg,var(--bg-hover));border-bottom-color:var(--modal-border,var(--border-color));color:var(--modal-text,var(--text-primary))}.modal-title{color:var(--modal-text,var(--text-primary))}.modal-header .btn-close,.offcanvas-header .btn-close,#settings-offcanvas .btn-close,[data-theme] .offcanvas-header .btn-close,[data-theme] .modal-header .btn-close{filter:var(--btn-close-filter,none) !important;opacity:0.8 !important}.modal-header .btn-close:hover,.offcanvas-header .btn-close:hover{opacity:1 !important}.modal-body{background-color:var(--modal-bg,var(--bg-card));color:var(--modal-text,var(--text-primary))}.modal-footer{background-color:var(--modal-bg,var(--bg-card));border-top-color:var(--modal-border,var(--border-color))}.modal .form-control,.modal .form-select{background-color:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}.modal .form-control:focus,.modal .form-select:focus{background-color:var(--bg-input);border-color:var(--border-focus);color:var(--text-primary);box-shadow:0 0 0 0.25rem var(--border-focus)}.modal .form-label{color:var(--text-secondary)}#custom-theme-modal .modal-content{background-color:var(--modal-bg,var(--bg-card));color:var(--modal-text,var(--text-primary))}#custom-theme-modal .color-picker-hex{color:var(--text-secondary)}#custom-theme-modal .theme-presets .preset-btn{border-color:var(--border-color)}#custom-theme-modal .theme-presets .preset-btn:hover{border-color:var(--primary)}[data-theme]{--badge-bg-primary:color-mix(in srgb,var(--primary) 12%,var(--bg-card));--badge-text-primary:var(--primary);--badge-border-primary:color-mix(in srgb,var(--primary) 25%,transparent)}.badge.bg-secondary{background-color:var(--badge-bg-primary) !important;color:var(--badge-text-primary) !important;border:1px solid var(--badge-border-primary);font-weight:600}.city-timezone.badge,.timezone-badge{background-color:var(--badge-bg-primary) !important;color:var(--badge-text-primary) !important;border:1px solid var(--badge-border-primary);font-weight:600}.dst-label-badge{background-color:var(--badge-bg-primary) !important;color:var(--badge-text-primary) !important;border:1px solid var(--badge-border-primary) !important;font-weight:600}.dst-status-badge{background-color:var(--badge-bg-primary) !important;color:var(--badge-text-primary) !important;border:1px solid var(--badge-border-primary) !important;font-weight:600}.badge.bg-info{background-color:color-mix(in srgb,var(--info) 15%,var(--bg-card)) !important;color:var(--info) !important;border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.badge.bg-success{background-color:color-mix(in srgb,var(--success) 15%,var(--bg-card)) !important;color:var(--success) !important;border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.badge.bg-warning{background-color:color-mix(in srgb,var(--warning) 20%,var(--bg-card)) !important;color:var(--warning) !important;border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.badge.bg-danger{background-color:color-mix(in srgb,var(--danger) 15%,var(--bg-card)) !important;color:var(--danger) !important;border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.badge.bg-primary{background-color:var(--primary) !important;color:var(--text-on-primary) !important}.color-picker-row{display:flex;align-items:center;margin-bottom:0.5rem;min-height:40px}.color-picker-label{font-size:0.8125rem;font-weight:500;color:var(--text-secondary);width:40%;flex-shrink:0;padding-right:0.75rem}.color-picker-wrapper-compact{display:flex;align-items:center;gap:10px;padding:6px 10px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);width:60%;min-width:0}.color-picker-wrapper-compact:hover{border-color:var(--border-strong)}.color-picker-wrapper-compact:focus-within{border-color:var(--primary);box-shadow:0 0 0 0.15rem rgba(var(--primary-rgb),0.15)}.color-picker-input-compact{width:32px;height:32px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:none;cursor:pointer;overflow:hidden;flex-shrink:0;position:relative;z-index:1}.color-picker-input-compact::-webkit-color-swatch-wrapper{padding:0}.color-picker-input-compact::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-input-compact::-moz-color-swatch{border:none;border-radius:2px}.color-picker-input-compact:hover{border-color:var(--primary);transform:scale(1.05)}.color-picker-input-compact:focus{border-color:var(--primary);outline:none}.color-picker-hex-compact{font-family:'SF Mono',Monaco,'Courier New',monospace;font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.03em;user-select:all;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis}@media (max-width:767.98px){.color-picker-row{margin-bottom:0.375rem;min-height:36px}.color-picker-label{width:35%;font-size:0.75rem}.color-picker-wrapper-compact{width:65%;padding:4px 8px;gap:8px}.color-picker-input-compact{width:28px;height:28px}.color-picker-hex-compact{font-size:0.7rem}}#custom-theme-modal .theme-preview-area{padding:0.75rem;min-height:auto}.theme-preview-badge{display:inline-block;padding:0.25em 0.5em;font-size:0.75em;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-sm);background-color:var(--badge-bg-primary,color-mix(in srgb,var(--primary) 12%,var(--bg-card)));color:var(--badge-text-primary,var(--primary));border:1px solid var(--badge-border-primary,color-mix(in srgb,var(--primary) 25%,transparent))}.theme-preview-muted{color:var(--preview-muted,var(--text-muted))}.theme-preview-main-card .card-body{padding:0.5rem}.theme-preview-city-card .card-body{padding:0.5rem}#custom-theme-modal .theme-preview-area{--preview-bg-body:var(--bg-body);--preview-bg-card:var(--bg-card);--preview-text:var(--text-primary);--preview-muted:var(--text-muted);--preview-primary:var(--primary);--preview-border:var(--border-color);padding:0.75rem;padding-top:calc(0.75rem + 4px);min-height:auto;position:relative;overflow:hidden}#custom-theme-modal .theme-preview-area::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;margin:0;width:100%;background:var(--preview-primary,var(--primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0}#custom-theme-modal .theme-preview-main-card{background:var(--preview-bg-card,var(--bg-card)) !important;color:var(--preview-text,var(--text-primary)) !important;border:1px solid var(--preview-border,var(--border-color)) !important;margin-bottom:0.5rem}#custom-theme-modal .theme-preview-main-card h2{color:var(--preview-muted,var(--text-muted)) !important}#custom-theme-modal .theme-preview-city-card{background:var(--preview-bg-card,var(--bg-card)) !important;color:var(--preview-text,var(--text-primary)) !important;border:1px solid var(--preview-border,var(--border-color)) !important}#custom-theme-modal .theme-preview-city-card .fw-bold{color:var(--preview-text,var(--text-primary)) !important}#custom-theme-modal .theme-preview-city-card .theme-preview-muted{color:var(--preview-muted,var(--text-muted)) !important}.custom-theme-list{max-height:250px;overflow-y:auto}.custom-theme-item{padding:0.5rem;border-radius:var(--radius-md);margin-bottom:0.5rem;background:var(--bg-hover);border:1px solid var(--border-color)}.custom-theme-item.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.custom-theme-item.active .custom-theme-name{color:var(--text-on-primary)}.custom-theme-item.active .custom-theme-actions .btn{color:var(--text-on-primary);border-color:var(--text-on-primary);background-color:transparent}.custom-theme-item.active .custom-theme-actions .btn:hover{background-color:var(--text-on-primary);color:var(--primary)}.custom-theme-name{font-size:0.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0.25rem}.btn-xs{padding:0.15rem 0.4rem;font-size:0.7rem;line-height:1.2;border-radius:var(--radius-sm)}.min-width-0{min-width:0}