.city-time-page{padding-top:0}.city-time-page>nav[aria-label="Хлебные крошки"]{margin-bottom:0}.city-time-page>section[aria-labelledby=tool-title],.city-time-page>section[aria-labelledby=family-title]{padding-bottom:1rem}.city-time-page :is(#tool-title,#family-title){font-size:1.625rem}.city-time-page :is(#tool-title,#family-title)+p{margin-top:.5rem;font-size:1rem;line-height:1.5}.city-time-tool{padding:0}.city-time-workspace{display:grid;min-width:0;gap:1rem}.city-time-clock-stage{display:flex;min-width:0;flex-direction:column;align-items:center;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem;text-align:center;container-type:inline-size}.city-time-clock-label{display:grid}.city-time-city-name{font-size:.875rem;line-height:1.25rem;text-transform:uppercase}.city-time-clock-digits{display:block;margin-top:.5rem;white-space:nowrap;font-size:clamp(3rem,16vw,4rem);line-height:1.1;font-weight:800}.city-time-clock-date{margin-top:.5rem;font-size:1rem;line-height:1.5}.city-time-clock-source{margin-top:.75rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.city-time-clock-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-top:.75rem}.city-time-clock-actions .btn-secondary{flex:1 1 8rem;min-width:0;padding-inline:.5rem;font-weight:500;color:var(--primary)}.city-time-clock-feedback{min-height:1.25rem;margin-top:.5rem;line-height:1.25rem}.city-time-comparisons{min-width:0;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1rem}.city-time-cities-title{font-size:1rem;line-height:1.5;font-weight:700;letter-spacing:-.025em}.city-time-reference{margin-top:.25rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.city-time-cities-list{margin-top:.5rem}.city-time-cities-list>li+li{border-top:1px solid var(--border)}.city-time-city-link{display:flex;min-height:3.5rem;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;margin-inline:-.5rem;padding:.5rem;font-size:.875rem;line-height:1.5}.city-time-city-link:hover{background:var(--surface-hover)}.city-time-city-link:active{background:var(--primary-soft)}.city-time-city-details{display:flex;min-width:0;flex-direction:column}.city-time-city-difference,.city-time-city-day{color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.city-time-city-time{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.25}.city-time-quick-links{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:1rem}.city-time-quick-link{display:inline-flex;min-height:2.75rem;min-width:0;max-width:100%;align-items:center;gap:.75rem;border-radius:.5rem;color:var(--primary);font-size:.875rem}.city-time-quick-link span{min-width:0;overflow-wrap:anywhere}.city-time-quick-link:hover{background:var(--surface-hover)}.city-time-quick-link:active{background:var(--primary-soft)}.city-time-info{margin-top:2rem}.city-time-info h2{font-size:1.25rem;line-height:1.5;font-weight:700;letter-spacing:-.025em}.city-time-info p{margin-top:.5rem;max-width:48rem;font-size:.875rem;line-height:1.75;color:var(--text-muted)}.city-time-info a{color:var(--primary);text-decoration:underline;text-underline-offset:.125rem}.city-time-page #faq{margin-top:1rem;padding-top:1.5rem}.city-time-page #faq-title{font-size:1.25rem;line-height:1.5}.city-time-clock-stage:fullscreen{justify-content:center;width:100%;height:100%;overflow:auto;border:0;border-radius:0;padding:2rem;background:var(--canvas);color:var(--text-primary)}.city-time-clock-stage:fullscreen .city-time-clock-digits{font-size:clamp(3rem,16vw,18rem)}.city-time-clock-stage:fullscreen .city-time-clock-date{font-size:clamp(1rem,2vw,2rem)}.city-time-clock-stage:fullscreen .city-time-clock-actions{width:auto}.city-time-clock-stage:fullscreen .city-time-clock-actions .btn-secondary{flex:0 1 auto;padding-inline:1rem}@media(min-width:48rem){.city-time-page{padding-top:2rem}.city-time-page>section[aria-labelledby=tool-title],.city-time-page>section[aria-labelledby=family-title]{padding-bottom:1.5rem}.city-time-page>nav[aria-label="Хлебные крошки"]{margin-bottom:.75rem}.city-time-page :is(#tool-title,#family-title){font-size:2.25rem}.city-time-clock-stage{padding:2rem 1.5rem 1rem}.city-time-clock-label{gap:.25rem}.city-time-clock-date{margin-top:.75rem}.city-time-clock-source,.city-time-clock-actions{margin-top:1rem}.city-time-clock-digits{font-size:6rem}.city-time-clock-date{font-size:1.125rem}.city-time-comparisons{padding:1.5rem}.city-time-cities-title{font-size:1.125rem}.city-time-city-link{font-size:1rem}.city-time-city-time{font-size:1.25rem}.city-time-city-difference,.city-time-city-day{font-size:.875rem}}@media(min-width:64rem){.city-time-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:1.5rem}.city-time-clock-stage{justify-content:center;border:0;border-radius:0;padding:1rem 1.5rem 0 0}.city-time-clock-digits{margin-top:2rem}.city-time-clock-digits{font-size:clamp(3rem,19cqw,6rem)}.city-time-clock-source{margin-top:1rem}.city-time-clock-actions{gap:1rem;width:auto;margin-top:2rem}.city-time-clock-actions .btn-secondary{flex:0 1 auto;min-width:10rem;padding-inline:1rem}.city-time-comparisons{border:0;border-left:1px solid var(--border);border-radius:0;padding:0 0 0 2rem}.city-time-cities-list{margin-top:.5rem}.city-time-city-link{min-height:4.5rem}.city-time-quick-links{margin-top:1rem}.city-time-info{margin-top:2rem}}@media(max-width:47.999rem){.city-time-clock-stage:fullscreen{padding:1rem}.city-time-clock-stage:fullscreen .city-time-clock-digits{font-size:clamp(2.5rem,15vw,7rem)}}
