.world-clock{--wc-day: color-mix(in srgb, var(--accent-soft) 30%, var(--bg));--wc-night: color-mix(in srgb, var(--cool-soft) 80%, var(--bg));--wc-face-day: var(--bg);--wc-face-night: color-mix(in srgb, var(--cool-soft) 45%, var(--bg));--wc-hand: var(--ink)}.tools-page .tool-grid.wc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}@media(max-width:1099px){.tools-page .tool-grid.wc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:759px){.tools-page .tool-grid.wc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}}@media(max-width:479px){.tools-page .tool-grid.wc-grid{grid-template-columns:minmax(0,1fr)}}.tools-page .tool-panel.wc-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:var(--s5) var(--s4) var(--s4);text-align:center;background:var(--wc-day);transition:background-color .6s}.tools-page .tool-panel.wc-card.is-night{background:var(--wc-night)}.wc-card .analog{display:block;flex:0 0 auto;width:clamp(96px,46%,136px);height:auto;margin-bottom:var(--s3);overflow:visible}.wc-card .a-face{fill:var(--wc-face-day);stroke:var(--line-2);stroke-width:1.5;transition:fill .6s}.wc-card.is-night .a-face{fill:var(--wc-face-night)}.wc-card .a-ticks line{stroke:var(--ink-3);stroke-width:2;stroke-linecap:round}.wc-card .a-ticks .a-12{stroke:var(--accent);stroke-width:3.6}.wc-card :is(.a-h,.a-m,.a-s){stroke-linecap:round}.wc-card .a-h{stroke:var(--wc-hand);stroke-width:5.2}.wc-card .a-m{stroke:var(--wc-hand);stroke-width:3.4}.wc-card .a-s{stroke:var(--accent);stroke-width:1.4}.wc-card .a-c{fill:var(--accent);stroke:var(--bg);stroke-width:1}.wc-card .wc-body{width:100%;min-width:0;container-type:inline-size}.tools-page .wc-card .wc-name{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-page .wc-card .wc-name:before{content:none}.wc-card .wc-name a{color:var(--ink);text-decoration:none}.wc-card .wc-name a:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.wc-card .wc-country{margin:2px 0 0;font-size:var(--fs-small);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-page .wc-card .wc-time{display:block;margin:var(--s2) 0 var(--s1);white-space:nowrap;overflow-wrap:normal;word-break:keep-all;font-size:clamp(1.25rem,14cqi,2.5rem);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.wc-card .wc-date{margin:0;font-size:var(--fs-small);color:var(--ink-2)}.wc-card .wc-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;margin:var(--s1) 0 0;font-size:var(--fs-small);color:var(--ink-2)}.wc-card .wc-diff{font-weight:600;color:var(--accent-ink)}.tools-page .wc-card .wc-remove{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);min-height:var(--tap);padding:0;border:0;background:none;box-shadow:none;color:var(--ink-3);font-size:0;line-height:1}.tools-page .wc-card .wc-remove:before{content:"×";font-size:22px;font-weight:400}.tools-page .wc-card .wc-remove:hover{color:var(--accent-ink)}@media(hover:hover){.tools-page .wc-card .wc-remove{opacity:.45}.tools-page .wc-card:hover .wc-remove,.tools-page .wc-card .wc-remove:focus-visible{opacity:1}}@media(max-width:479px){.tools-page .tool-panel.wc-card{flex-direction:row;gap:var(--s4);padding:var(--s3) var(--s7) var(--s3) var(--s3);text-align:start}.wc-card .analog{width:88px;margin:0}.tools-page .wc-card .wc-time{margin:var(--s1) 0 2px}.wc-card .wc-meta{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.tools-page .tool-panel.wc-card,.wc-card .a-face{transition:none}}