:root{--page-section-padding-y:3rem;--page-section-padding-y-mobile:2rem;--timeline-line-width:2px;--timeline-marker-size:2rem;--timeline-marker-size-mobile:1.5rem}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-body)}.page-content{flex:1 0 auto;width:100%}html[data-theme^="solar"] .page-content{background:var(--bg-card)}.page-header{background:var(--bg-header,var(--bg-card));border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1030}.page-header .navbar{padding:0.5rem 0}.page-header .navbar-brand{color:var(--text-primary);font-size:1.25rem;transition:color var(--transition-fast)}.page-header .navbar-brand:hover{color:var(--primary)}.page-header .nav-link{color:var(--text-secondary);font-weight:500;padding:0.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.page-header .nav-link:hover,.page-header .nav-link:focus-visible{color:var(--primary);background:var(--bg-hover)}.page-header .nav-link.active{color:var(--primary);font-weight:600;box-shadow:inset 0 -2px 0 var(--primary)}.mini-clock-display{font-size:0.875rem;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap;letter-spacing:0.01em;overflow:hidden;text-overflow:ellipsis;max-width:320px}.page-header .btn-group[aria-label="Theme"]{flex-wrap:wrap;justify-content:flex-end;gap:0.125rem}.page-header .btn-group[aria-label="Theme"] .btn{min-width:2rem;min-height:2rem;padding:0.25rem 0.5rem;font-size:0.875rem;border-color:var(--border-color);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.page-header .btn-group[aria-label="Theme"] .btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.page-header .btn-group[aria-label="Theme"] .btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.page-header .btn-outline-primary{border-color:var(--primary);color:var(--primary);font-weight:500;white-space:nowrap}.page-header .btn-outline-primary:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.page-heading{color:var(--text-primary,var(--bs-body-color));font-weight:700;margin-bottom:0.25rem}.page-subheading{color:var(--text-secondary,var(--bs-body-color));margin-bottom:0}.header-page-title{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.35rem;font-weight:700;white-space:nowrap;pointer-events:none;color:var(--text-primary)}@media (min-width:992px){.header-page-title{display:block !important}}.page-section{padding:var(--page-section-padding-y) 0}.page-section h2{color:var(--text-primary);font-weight:700;margin-top:2.5rem;margin-bottom:1rem;font-size:1.75rem}.page-section h2:first-of-type{margin-top:0}.page-section h3{color:var(--text-primary);font-weight:600;margin-top:1.75rem;margin-bottom:0.75rem;font-size:1.375rem}.page-section h4{color:var(--text-primary);font-weight:600;margin-top:1.25rem;margin-bottom:0.5rem;font-size:1.125rem}.page-section p{color:var(--text-primary,var(--bs-body-color));line-height:1.7;margin-bottom:1rem}.page-section .text-secondary,.page-section p.text-secondary{color:var(--text-primary) !important}.page-section ul,.page-section ol{color:var(--text-primary,var(--bs-body-color));line-height:1.7;margin-bottom:1rem}.page-section li{margin-bottom:0.5rem}.page-section a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}.page-section a:hover{color:var(--primary-hover);text-decoration:underline}.page-section a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.page-breadcrumb{background:transparent;border:none;padding:0.5rem 0;margin-bottom:1rem;font-size:0.875rem}.page-breadcrumb ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;gap:0.25rem;align-items:center}.page-breadcrumb li{display:inline-flex;align-items:center;color:var(--text-muted);white-space:nowrap}.page-breadcrumb li:not(:last-child)::after{content:'›';margin-left:0.25rem;margin-right:0.25rem;color:var(--text-muted);opacity:0.5}.page-breadcrumb a{color:var(--primary);text-decoration:none;font-weight:500}.page-breadcrumb a:hover{text-decoration:underline}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card .icon{font-size:2.5rem;margin-bottom:1rem;display:block;line-height:1}.feature-card h4{color:var(--text-primary);font-weight:600;margin-bottom:0.5rem;margin-top:0;font-size:1.125rem}.feature-card p{color:var(--text-secondary);font-size:0.9375rem;margin:0;line-height:1.6}.privacy-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.privacy-content h2{margin-top:2rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color);font-size:1.5rem}.privacy-content h2:first-of-type{margin-top:0}.privacy-content .last-updated{color:var(--text-muted);font-size:0.875rem;margin-bottom:1.5rem}.timeline-container{max-width:800px;margin:0 auto}.timeline{position:relative;padding-left:20px}.timeline::before{content:'';position:absolute;left:5px;top:15px;bottom:15px;width:var(--timeline-line-width);background:linear-gradient(to bottom,var(--primary),var(--info,var(--primary)));border-radius:var(--timeline-line-width);opacity:0.5}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:inline-flex;width:70px;height:28px;background:var(--primary);color:var(--text-on-primary);border-radius:14px;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600;box-shadow:var(--shadow-sm);margin-bottom:0.5rem}.timeline-content{padding-left:0}.timeline-content h3{margin-top:0;margin-bottom:0.5rem;color:var(--text-primary);font-size:1.125rem;line-height:1.4}.timeline-content p{color:var(--text-secondary);margin:0}#learn-map{height:380px;width:100%;border-radius:var(--radius-md)}@media (min-width:768px){#learn-map{height:520px}}@media (min-width:1200px){#learn-map{height:580px}}.leaflet-container:focus{outline:0}.learn-map-reset-btn{font-size:1.1rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-card);color:var(--text-primary);border:none;padding:0}.learn-map-reset-btn:hover{background:var(--bg-hover)}.tz-band-label span{font-size:0.75rem;color:rgba(80,80,80,0.75);background:rgba(255,255,255,0.55);padding:1px 3px;border-radius:2px;white-space:nowrap;pointer-events:none;display:block;text-align:center}.leaflet-popup-content-wrapper{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md)}.leaflet-popup-tip{background:var(--bg-card)}.dst-calendar-container{overflow-x:auto}.quick-ref-card .table{font-size:0.8125rem}.quick-ref-card .table td{padding:0.5rem 0.75rem;border-color:var(--border-color)}.quick-ref-card .table tr:hover{background:var(--bg-hover)}.timezone-map-container{background:var(--bg-body);border-radius:var(--radius-md);overflow:hidden;position:relative}.world-map{width:100%;height:auto;display:block}.world-map .city-marker{cursor:pointer;transition:r var(--transition-fast);fill:var(--primary)}.world-map .city-marker:hover{r:8}.world-map text{fill:var(--text-primary);font-size:12px;font-weight:500}.svg-idl-line{stroke:var(--danger);stroke-width:2;stroke-dasharray:5,5;opacity:0.5}.svg-idl-label{fill:var(--danger);font-size:12px;font-weight:600}.svg-pm-line{stroke:var(--primary);stroke-width:2;opacity:0.3}.svg-pm-label{fill:var(--primary);font-size:12px;font-weight:600}.map-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0.5rem 0.75rem;font-size:0.875rem;pointer-events:none;z-index:100;box-shadow:var(--shadow-md);color:var(--text-primary);max-width:200px}#dst-calendar{width:100%}#dst-calendar th{color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color)}#dst-calendar td{color:var(--text-secondary);border-bottom:1px solid var(--border-color)}#dst-calendar tbody tr{transition:background-color var(--transition-fast)}#dst-calendar tbody tr:hover{background:var(--bg-hover)}.card.border-theme{border-color:var(--border-color);background:var(--bg-card)}.card.border-theme .card-body{color:var(--text-secondary)}.card.border-theme .card-title{color:var(--text-primary)}.page-footer{background:var(--bg-footer,var(--bg-body));border-top:1px solid var(--border-color);margin-top:auto;padding:0}.page-footer h6{color:var(--text-primary);font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;opacity:0.9}.page-footer .footer-brand h6{font-size:1rem;text-transform:none;letter-spacing:normal;margin-bottom:0.5rem}.page-footer p{color:var(--text-secondary);margin-bottom:0;line-height:1.6}.page-footer ul li{margin-bottom:0.375rem}.page-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-block}.page-footer a:hover{color:var(--primary);text-decoration:underline}.page-footer .border-top{border-color:var(--border-color) !important}.page-footer .row{margin-left:-0.75rem;margin-right:-0.75rem}.page-footer .row > div{padding-left:0.75rem;padding-right:0.75rem}@media (min-width:768px){.page-footer .row{justify-content:flex-start}.page-footer .row > div{text-align:left}.page-footer .row > div:last-child{text-align:right}}.page-footer .border-top .small{font-size:0.8125rem}footer h3.h6,footer h4.h6,footer h6{color:var(--text-primary);font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.025em;margin-bottom:0.75rem}footer .row.mt-3.pt-3,footer .row.mt-4.pt-3{justify-content:center !important;text-align:center}footer .row.mt-3.pt-3 > div,footer .row.mt-4.pt-3 > div{text-align:center !important}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.status-online{background:var(--success)}.status-dot.status-offline{background:var(--danger)}.status-dot.status-syncing{background:var(--warning);animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.btn{transition:all var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-on-primary)}.btn-outline-secondary{color:var(--text-secondary);border-color:var(--border-color);background:transparent}.btn-outline-secondary:hover,.btn-outline-secondary.active{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.card{background:var(--bg-card);border-color:var(--border-color);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-header{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.card-body{color:var(--text-secondary)}.card-title{color:var(--text-primary)}.card-footer{background:var(--bg-hover);border-color:var(--border-color)}.text-muted{color:var(--text-muted) !important}.bg-card{background:var(--bg-card) !important}.border-theme{border-color:var(--border-color) !important}.text-primary{color:var(--primary) !important}.modal-content{background:var(--modal-bg,var(--bg-card));border-color:var(--modal-border,var(--border-color));color:var(--modal-text,var(--text-primary))}.modal-header{background:var(--modal-header-bg,var(--bg-hover));border-color:var(--modal-border,var(--border-color))}.modal-header .modal-title{color:var(--text-primary)}.modal-header .btn-close{filter:var(--btn-close-filter,none)}.modal-body{color:var(--text-secondary)}.modal-footer{background:var(--bg-hover);border-color:var(--border-color)}@media print{.page-header,.page-footer,.btn,.page-breadcrumb{display:none !important}.page-section{padding:1rem 0}.feature-card{border:1px solid #ccc;break-inside:avoid}.privacy-content{border:1px solid #ccc}a{text-decoration:underline;color:#000}a[href]::after{content:" (" attr(href) ")";font-size:0.8em;opacity:0.7}}@media (max-width:991.98px){.page-header .btn-group[aria-label="Theme"]{max-width:120px}.page-header .btn-group[aria-label="Theme"] .btn{min-width:1.75rem;padding:0.25rem}}@media (hover:none) and (pointer:coarse){.page-header .btn-group[aria-label="Theme"] .btn{min-height:44px;min-width:44px}.page-header .btn-outline-primary{min-height:44px;padding-top:0.5rem;padding-bottom:0.5rem}}@media (max-width:767.98px){:root{--page-section-padding-y:var(--page-section-padding-y-mobile)}.page-section h2{font-size:1.5rem;margin-top:2rem}.page-section h3{font-size:1.25rem}.privacy-content{padding:1.25rem}.feature-card{padding:1.25rem}.feature-card .icon{font-size:2rem}.timeline{padding-left:14px}.timeline::before{left:3px}.timeline-marker{width:54px;height:24px;border-radius:12px;font-size:0.625rem}.timeline-content h3{font-size:1rem}.page-footer .row{text-align:center}.page-footer .row > div{margin-bottom:1.5rem;text-align:center !important}.page-footer .row > div:last-child{margin-bottom:0}}@media (max-width:575.98px){.page-header .navbar-brand{font-size:1.125rem}.page-header .btn-outline-primary{padding:0.25rem 0.5rem;font-size:0.875rem}.page-breadcrumb{padding:0.5rem 0.75rem}.feature-card{padding:1rem}.feature-card .icon{font-size:1.75rem}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--text-on-primary);padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.feature-card:hover,.card:hover{transform:none}}@media (prefers-contrast:high){.page-breadcrumb,.privacy-content,.feature-card,.card{border-width:2px}.btn-outline-secondary{border-width:2px}}.lp-ad{display:none}.lp-ad.lp-ad-active{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;min-height:250px}@media (min-width:768px){.lp-ad-active.lp-ad-top{min-height:90px;max-width:728px;margin-left:auto;margin-right:auto}}.lp-ad-active.lp-ad-mid{max-width:336px;margin-left:auto;margin-right:auto}#settings-offcanvas{background:var(--bg-card);color:var(--text-primary);border-left:1px solid var(--border-color)}#settings-offcanvas .offcanvas-header{background:var(--bg-card);border-bottom:1px solid var(--border-color)}#settings-offcanvas .btn-outline-secondary{border-color:var(--border-color);color:var(--text-secondary)}#settings-offcanvas .btn-outline-secondary:hover,#settings-offcanvas [data-theme].active-theme{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}#settings-offcanvas .btn-outline-secondary.active{background:var(--primary);color:var(--text-on-primary,#fff);border-color:var(--primary)}#settings-offcanvas .btn-primary,#settings-offcanvas .btn-primary.active,#settings-offcanvas .btn-primary:active{background-color:var(--primary) !important;border-color:var(--primary) !important;color:var(--text-on-primary,#fff) !important}#settings-offcanvas .btn-primary:hover,#settings-offcanvas .btn-primary.active:hover{background-color:var(--primary-hover,var(--primary)) !important;border-color:var(--primary-hover,var(--primary)) !important}#settings-offcanvas button[data-theme].btn-primary,#custom-theme-items-oc button.btn-primary,#clock-font-grid-oc button.btn-primary,#custom-fonts-list-oc button.btn-primary{background-color:var(--primary) !important;border-color:var(--primary) !important;color:var(--text-on-primary,#fff) !important}#settings-offcanvas .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}#settings-offcanvas .form-select{background-color:var(--bg-input,var(--bs-body-bg));color:var(--text-primary,var(--bs-body-color));border-color:var(--border-color,var(--bs-border-color))}#settings-offcanvas .form-select:focus{background-color:var(--bg-input,var(--bs-body-bg));color:var(--text-primary,var(--bs-body-color));border-color:var(--border-focus,var(--bs-primary));box-shadow:0 0 0 0.25rem var(--border-focus,rgba(13,110,253,0.25))}#settings-offcanvas .form-control{background-color:var(--bg-input,var(--bs-body-bg));color:var(--text-primary,var(--bs-body-color));border-color:var(--border-color,var(--bs-border-color))}#settings-offcanvas .form-control:focus{background-color:var(--bg-input,var(--bs-body-bg));color:var(--text-primary,var(--bs-body-color));border-color:var(--border-focus,var(--bs-primary));box-shadow:0 0 0 0.25rem var(--border-focus,rgba(13,110,253,0.25))}#settings-offcanvas .border-theme{border-color:var(--border-color) !important}#settings-offcanvas .theme-checkbox{background-color:var(--bg-input,var(--bs-body-bg));border-color:var(--border-color,var(--bs-border-color))}#settings-offcanvas .theme-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}#settings-offcanvas .link-primary{color:var(--primary) !important}#settings-offcanvas .link-primary:hover{color:var(--primary-hover,var(--primary)) !important;text-decoration:underline}#settings-offcanvas .text-primary{color:var(--primary) !important;font-weight:600}.page-header .btn-group-sm .btn{padding:0.25rem 0.5rem;font-size:0.875rem}#mobile-nav-links{background:var(--bg-card)}#mobile-nav-links .nav-link{color:var(--text-secondary);font-size:0.95rem}#mobile-nav-links .nav-link:hover{color:var(--primary);background:var(--bg-hover)}