.time-tool{display:grid;gap:1rem}.time-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.time-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.time-actions .btn{min-height:44px}.time-hero-display{display:grid;gap:.35rem;place-items:center;text-align:center;padding:clamp(1rem,4vw,2.25rem);border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));overflow:hidden}.time-primary{font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,9vw,6.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.02;overflow-wrap:anywhere}.time-primary.millis{font-size:clamp(1.8rem,7vw,5.2rem)}.time-secondary{font-size:clamp(1rem,2.5vw,1.35rem);color:var(--muted)}.time-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.75rem}.time-stat{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:.85rem;min-width:0}.time-stat span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:.3rem}.time-stat strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.time-status{border-radius:13px;padding:.8rem 1rem;border:1px solid var(--line);background:var(--surface-2);display:flex;gap:.65rem;align-items:flex-start}.time-status[data-kind="ok"]{border-color:color-mix(in srgb,#16a34a 45%,var(--line))}.time-status[data-kind="warn"]{border-color:color-mix(in srgb,#d97706 55%,var(--line))}.time-status[data-kind="error"]{border-color:color-mix(in srgb,#dc2626 55%,var(--line))}.city-quick-list,.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.city-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .75rem;min-height:40px;cursor:pointer;color:var(--text)}.city-chip:hover,.city-chip:focus-visible{border-color:var(--primary);color:var(--primary)}.world-clock-list{display:grid;gap:.75rem}.world-clock-card{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(125px,1fr) auto;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:16px;padding:.9rem;background:var(--surface)}.world-clock-card .city-name{font-weight:750}.world-clock-card .zone-name{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.world-clock-card .city-time{font-size:clamp(1.4rem,4vw,2rem);font-variant-numeric:tabular-nums;font-weight:760}.world-clock-card .city-date{color:var(--muted);font-size:.84rem}.world-card-actions{display:flex;gap:.35rem}.mini-control{min-width:38px;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer}.mini-control:disabled{opacity:.35;cursor:not-allowed}.timezone-results{display:grid;gap:.7rem}.timezone-result{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.4fr) auto;gap:.65rem;align-items:center;border:1px solid var(--line);padding:.8rem;border-radius:14px;background:var(--surface)}.timezone-result strong{font-variant-numeric:tabular-nums}.day-relation{display:inline-flex;border-radius:999px;padding:.25rem .55rem;background:var(--surface-2);font-size:.78rem;white-space:nowrap}.meeting-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);-webkit-overflow-scrolling:touch}.meeting-table{border-collapse:separate;border-spacing:0;min-width:1180px;width:100%;font-size:.76rem}.meeting-table th,.meeting-table td{padding:.45rem .35rem;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:42px}.meeting-table th:first-child,.meeting-table td:first-child{position:sticky;left:0;z-index:2;min-width:145px;text-align:left;background:var(--surface);font-weight:700}.meeting-table thead th{position:sticky;top:0;z-index:3;background:var(--surface-2)}.meeting-table thead th:first-child{z-index:4}.meeting-slot{font-variant-numeric:tabular-nums}.meeting-slot.work{background:color-mix(in srgb,#22c55e 18%,var(--surface))}.meeting-slot.edge{background:color-mix(in srgb,#f59e0b 18%,var(--surface))}.meeting-slot.night{background:color-mix(in srgb,#64748b 18%,var(--surface));color:var(--muted)}.meeting-slot.best{outline:2px solid var(--primary);outline-offset:-2px}.recommendation-list{display:grid;gap:.55rem}.recommendation{display:flex;justify-content:space-between;gap:.8rem;align-items:center;border:1px solid var(--line);padding:.7rem .8rem;border-radius:12px;background:var(--surface)}.timer-big{font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,10vw,6.8rem);line-height:1;font-weight:800;text-align:center;letter-spacing:-.045em;padding:1rem 0}.timer-presets{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.lap-list{display:grid;gap:.4rem;max-height:360px;overflow:auto}.lap-row{display:grid;grid-template-columns:58px 1fr 1fr;gap:.65rem;align-items:center;padding:.55rem .7rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.lap-row.fastest{background:color-mix(in srgb,#22c55e 12%,transparent)}.lap-row.slowest{background:color-mix(in srgb,#f59e0b 12%,transparent)}.fullscreen-clock-stage{min-height:340px;display:grid;place-items:center;align-content:center;gap:.75rem;border-radius:20px;background:#07111f;color:#f8fafc;padding:clamp(1rem,4vw,3rem);text-align:center}.fullscreen-clock-stage.light{background:#f8fafc;color:#0f172a}.fullscreen-clock-stage:fullscreen{border-radius:0;min-height:100vh}.fullscreen-clock-time{font-size:clamp(3rem,14vw,10rem);font-weight:850;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:-.055em}.fullscreen-clock-date{font-size:clamp(1rem,3vw,2rem)}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:.65rem}.countdown-unit{border:1px solid var(--line);border-radius:16px;padding:.8rem;text-align:center;background:var(--surface)}.countdown-unit strong{display:block;font-size:clamp(1.8rem,6vw,4rem);font-variant-numeric:tabular-nums;line-height:1}.countdown-unit span{color:var(--muted);font-size:.8rem}.timestamp-live{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.25rem,4vw,2.2rem);font-variant-numeric:tabular-nums}.time-output{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.clock-quality{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;background:var(--surface-2)}.city-page-clock{margin:1rem 0}.city-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.city-conversions{display:grid;gap:.55rem}.city-conversion{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.5rem 0}.time-guide-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.time-guide-link{display:block;border:1px solid var(--line);border-radius:14px;padding:.85rem;background:var(--surface);text-decoration:none;color:var(--text)}.time-guide-link:hover{border-color:var(--primary)}.tool-card:fullscreen{background:var(--bg);overflow:auto;padding:clamp(1rem,3vw,2rem)}
@media(max-width:700px){.world-clock-card{grid-template-columns:1fr auto}.world-clock-card .city-clock-block{grid-column:1/-1;order:3}.timezone-result{grid-template-columns:1fr auto}.timezone-result .result-time{grid-column:1/-1;order:3}.countdown-grid{grid-template-columns:repeat(2,1fr)}.time-primary{font-size:clamp(2rem,14vw,4.5rem)}.world-card-actions{align-self:start}.recommendation{align-items:flex-start;flex-direction:column}.lap-row{grid-template-columns:45px 1fr}.lap-row span:last-child{grid-column:2}}@media(max-width:380px){.time-controls{grid-template-columns:1fr}.timer-big{font-size:clamp(2.25rem,15vw,4rem)}.countdown-unit strong{font-size:2rem}.world-clock-card{padding:.75rem}.time-actions .btn{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){.time-primary,.timer-big,.fullscreen-clock-time{transition:none!important}}