:root{background:#0a0f1a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:24px 32px}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand svg{flex-shrink:0}.brand-text h1{font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em;color:#f1f5f9}.subtitle{font-size:13px;color:#64748b;margin:2px 0 0}footer{margin-top:40px;padding:32px 0 64px;border-top:1px solid #1f2a44;color:#94a3b8}footer .info{max-width:760px}footer h2{font-size:16px;font-weight:600;color:#cbd5e1;margin:24px 0 8px;letter-spacing:-.01em}footer h2:first-child{margin-top:0}footer p,footer li{font-size:14px;line-height:1.55;margin:8px 0}footer ul{padding-left:20px;margin:8px 0}.time-controls{display:flex;align-items:center;gap:16px}.ref-clock{text-align:right}.ref-clock-time{font-size:26px;font-variant-numeric:tabular-nums;font-weight:600;color:#fef3c7;display:flex;align-items:baseline;gap:8px;justify-content:flex-end}.ref-zone{font-size:11px;color:#94a3b8;font-weight:400;text-transform:none}.ref-clock-date{font-size:12px;color:#94a3b8;margin-top:2px}.ref-utc{color:#64748b;font-variant-numeric:tabular-nums}button{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#334155;border-color:#475569}button:active{background:#1e293b}.world-map{width:100%;display:block;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab}.world-map:active{cursor:grabbing}.city-name{font-size:9px;font-weight:600;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,sans-serif;paint-order:stroke;stroke:#0c1322b3;stroke-width:2px;stroke-linejoin:round}.city-time{font-size:9.5px;font-variant-numeric:tabular-nums;font-weight:700;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,monospace;paint-order:stroke;stroke:#0c1322b3;stroke-width:2px;stroke-linejoin:round}.city-day{fill:#94a3b8;font-weight:500}.tooltip-name{font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none}.tooltip-time{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;pointer-events:none}.format-toggle{display:inline-flex;border:1px solid #334155;border-radius:6px;overflow:hidden;background:#0f172a}.format-toggle .seg{background:transparent;border:none;border-radius:0;padding:6px 10px;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer;font-variant-numeric:tabular-nums}.format-toggle .seg+.seg{border-left:1px solid #334155}.format-toggle .seg:hover{background:#1e293b;color:#e2e8f0}.format-toggle .seg.active{background:#334155;color:#fef3c7}