:root{--photo:url('city-dusk.webp');--ink:#fff9ed;--muted:#e3e1da;--subtle:#c3c8c3;--accent:#efb78e;--line:#ffffff25;--glass:#15252a5c;--paper:#fbf7ed;--paper-ink:#263d41;--paper-muted:#748084;--green:#b5cfb5;--dim:.25;--radius:24px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#cbbba77a #182b35}body{margin:0;background:#1d3039;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.backdrop{position:fixed;inset:0;z-index:-3;background-image:var(--photo);background-size:cover;background-position:center 57%;transition:filter .5s}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b263747,#152c3520 30%,#0b20294d 65%,#071c2bd9),rgba(5,18,25,var(--dim))}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.shell{max-width:1440px;margin:auto;padding:0 46px}.site-header{position:fixed;top:0;left:0;right:0;z-index:15;transition:opacity .25s;background:linear-gradient(180deg,#142b395c,#142b3900)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;letter-spacing:-.65px;font-weight:600;white-space:nowrap}.brand svg{width:29px;height:29px;stroke:var(--accent);stroke-width:1.25}.brand small{font-size:inherit;opacity:.65;font-weight:400}.header-right{display:flex;align-items:center;gap:11px}.header-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);background:transparent;padding:10px 12px;margin-right:10px;white-space:nowrap}.status-led{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #efb78e0c;flex-shrink:0}.is-synced .status-led{background:var(--green);box-shadow:0 0 0 4px #b5cfb50c}.is-busy .status-led{animation:pulse 1.7s infinite}.is-error .status-led{background:#efb78e}.toolbar-button{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;background:#1533472b;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(18px);font-size:12px;transition:background .2s}.toolbar-button:hover{background:#ffffff16}.toolbar-button.icon-button{width:42px;padding:0}.toolbar-button svg{width:18px;height:18px}.menu-trigger{padding-right:16px}.menu-trigger svg{width:17px;margin-right:1px}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--paper);color:var(--paper-ink);padding:12px 20px;border-radius:10px;text-decoration:none}.skip-link:focus{top:15px}.city-screen{min-height:100svh;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;padding:125px 30px 112px;isolation:isolate;scroll-margin-top:0}.city-screen:after{content:"";position:absolute;bottom:0;left:50%;width:min(900px,calc(100% - 60px));transform:translateX(-50%);border-bottom:1px solid #ffffff10;pointer-events:none}.clock-stage{text-align:center;max-width:1050px;width:100%}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.24em;font-weight:550;color:var(--muted);margin:0 0 17px;text-transform:uppercase}.clock-heading{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;letter-spacing:-1.4px;line-height:1.25;margin:0 0 14px}.location-label{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 33px}.location-label svg{width:12px;height:12px;color:var(--accent)}.location-label .separator{opacity:.4;margin:0 4px}.digital-clock{display:inline-flex;align-items:baseline;justify-content:center;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(104px,12.7vw,179px);font-weight:350;line-height:1.05;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-7px;user-select:none;text-shadow:0 4px 32px #0b1e2012;cursor:pointer;border-radius:15px;outline-offset:12px;position:relative}.digital-clock .clock-colon{display:inline-block;color:#faf2e566;font-weight:250;transform:translateY(-.045em);padding:0 4px}.digital-clock .seconds{color:var(--accent);font-weight:300}.clock-digits{min-width:1.13em;text-align:center}.seconds-wrap{display:inline-flex;flex-direction:column;align-items:center;position:relative}.seconds-label{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);position:absolute;bottom:-18px;left:0;right:0;text-shadow:none;opacity:.85;line-height:1;white-space:nowrap}.full-date{font-size:14px;letter-spacing:.03em;color:var(--muted);margin:35px 0 0;line-height:1.5;min-height:21px}.date-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--accent);margin:0 10px 3px}.clock-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0 28px}.quiet-button{background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 3px;font-size:10px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.quiet-button:hover{color:var(--ink);border-color:#ffffff33}.quiet-button svg{width:12px;height:12px}.clock-actions .quiet-button.active{color:var(--accent)}.clock-actions .button-divider{height:11px;border-right:1px solid var(--line)}.time-facts{display:grid;grid-template-columns:repeat(3,1fr);width:min(700px,100%);margin:0 auto;border:1px solid #ffffff26;border-radius:18px;background:#18303b4d;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 32px #0a1d2410}.time-fact{padding:18px 20px 19px;position:relative}.time-fact+.time-fact:before{content:"";position:absolute;left:0;top:21px;bottom:21px;border-left:1px solid var(--line)}.fact-label{display:block;color:var(--subtle);text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:500;margin-bottom:8px;line-height:1.5}.fact-value{display:block;font-size:17px;line-height:1.3;letter-spacing:.02em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.city-note{font-size:11px;line-height:1.8;color:var(--subtle);max-width:680px;margin:24px auto 0;text-wrap:pretty}.city-note strong{color:var(--muted);font-weight:500}.below-note{font-size:9px;color:#cbd4cf9e;margin-top:12px}.yakutia-choice{margin:16px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.yakutia-choice select{border:1px solid var(--line);border-radius:8px;background:#243f4a80;color:var(--ink);font-size:10px;padding:7px 9px;max-width:260px}option{background:var(--paper);color:var(--paper-ink)}.section-nav{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;color:var(--subtle)}.section-nav a{display:flex;align-items:center;gap:7px;text-decoration:none;padding:5px 0;transition:color .2s}.section-nav a:hover{color:var(--ink)}.section-nav svg{width:12px;height:12px}.section-position{font-variant-numeric:tabular-nums;color:#cbd4cf78;font-size:9px;padding:0 9px;border-left:1px solid #ffffff21;border-right:1px solid #ffffff21}.quick-cities{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:26px;flex-wrap:wrap}.quick-cities a{border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:var(--muted);font-size:10px;text-decoration:none;background:#18303b29;backdrop-filter:blur(8px)}.quick-cities a:hover{background:#fff1}.quick-cities a.active{color:var(--accent);border-color:#efb78e66}.clock-analog{display:none;margin:0 auto;width:200px;height:200px;position:relative;border-radius:50%;border:1px solid #fff5;background:#14313c50;backdrop-filter:blur(12px);box-shadow:inset 0 0 0 9px #fff1}.clock-analog .tick{height:5px;width:1px;background:#faf2e56e;position:absolute;left:calc(50% - .5px);top:9px;transform-origin:.5px 90px}.clock-analog .tick.major{height:9px;width:2px;background:#faf2e5b3}.clock-analog .hand{position:absolute;left:50%;bottom:50%;width:2px;transform-origin:50% 100%;border-radius:8px;background:var(--paper)}.clock-analog .hand.hour{height:47px;width:4px;margin-left:-2px}.clock-analog .hand.minute{height:66px;width:2px;margin-left:-1px}.clock-analog .hand.second{height:73px;width:1px;background:var(--accent);margin-left:-.5px}.clock-analog .pin{height:7px;width:7px;background:var(--accent);position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.clock-analog .dial-number{position:absolute;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.n12{top:24px;left:50%;transform:translateX(-50%)}.n3{right:25px;top:50%;transform:translateY(-50%)}.n6{bottom:23px;left:50%;transform:translateX(-50%)}.n9{left:25px;top:50%;transform:translateY(-50%)}body.analog-mode .clock-analog{display:block}body.analog-mode .digital-clock{font-size:49px;letter-spacing:-2px;margin-top:18px;line-height:1.2}body.analog-mode .digital-clock .seconds-label{display:none}body.analog-mode .full-date{margin-top:17px}body.analog-mode .clock-actions{margin-top:15px;margin-bottom:22px}body.analog-mode .location-label{margin-bottom:23px}body.analog-mode .city-screen{padding-top:120px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:12;transition:opacity .3s;background:linear-gradient(0deg,#102735e6,#10273599 70%,transparent);padding-top:18px}.bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding-top:14px;padding-bottom:23px}.local-clock{display:flex;gap:9px;align-items:center;color:var(--subtle);font-size:10px}.local-clock svg{width:14px;height:14px}.local-clock time{font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px;letter-spacing:.03em;margin-left:2px}.bottom-middle{display:flex;align-items:center;gap:8px;color:#cbd4cfa6;font-size:9px}.bottom-middle svg{width:12px;height:12px;color:var(--accent)}.bottom-right{display:flex;align-items:center;gap:17px}.bottom-right a{font-size:10px;color:var(--subtle);text-decoration:none}.background-button{border:1px solid var(--line);height:31px;padding:0 10px;background:#ffffff05;border-radius:9px;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:6px}.background-button svg{height:12px;width:12px}.key-hint{padding:2px 5px;font-size:9px;font-family:inherit;border:1px solid #ffffff2b;border-radius:4px;color:#cbd4cf8c}body[data-background="plain"] .backdrop{background-image:none;background-color:#25424a}body[data-background="plain"] .backdrop:after{background:radial-gradient(ellipse at 40% 0,#758c7d33,transparent 70%),linear-gradient(180deg,#183a45,#14252e)}body[data-background="night"] .backdrop{filter:brightness(.52) saturate(.7)}body.focus-mode .site-header,body.focus-mode .bottom-bar,body.focus-mode .city-note,body.focus-mode .time-facts,body.focus-mode .quick-cities,body.focus-mode .section-nav,body.focus-mode .clock-actions,body.focus-mode .below-note{opacity:0;pointer-events:none}body.focus-mode .city-screen:after{display:none}body.focus-mode{overflow:hidden}.exit-focus{display:none;position:fixed;top:25px;right:28px;z-index:30;background:#1533475c;color:var(--ink);padding:11px 15px;border:1px solid var(--line);border-radius:11px;backdrop-filter:blur(16px);font-size:11px;align-items:center;gap:7px}body.focus-mode .exit-focus{display:flex}.exit-focus svg{width:14px;height:14px}.seo-section{scroll-snap-align:start;background:#102936df;backdrop-filter:blur(24px);padding:100px 36px 140px;border-top:1px solid #ffffff15}.article-inner{max-width:1000px;margin:auto}.seo-section h2{font-family:Georgia,serif;font-size:33px;line-height:1.25;letter-spacing:-.8px;font-weight:400;margin:0 0 22px}.seo-section p{font-size:13px;line-height:1.9;color:#cbd4cf;margin:0 0 15px}.article-eyebrow{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:15px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-bottom:70px}.faq-list{border-top:1px solid #ffffff26}.faq-list details{border-bottom:1px solid #ffffff26;padding:17px 0}.faq-list summary{cursor:pointer;color:var(--muted);font-size:13px;line-height:1.6;padding-right:12px}.faq-list details p{font-size:12px;margin:15px 0 0}.article-links{margin-top:12px;font-size:10px!important}.article-links a{color:var(--accent);text-underline-offset:3px}.city-directory{margin-top:65px}.directory-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 25px;margin:25px 0 45px}.directory-links a{color:#dce0d5;font-size:11px;text-decoration:none;line-height:1.6}.directory-links a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.page-end{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;border-top:1px solid #ffffff25;margin-top:40px;color:#b8c7c6;font-size:10px}.page-end a{text-decoration:none}.footer-brand{font-size:15px;color:var(--ink);letter-spacing:-.3px}dialog{padding:0;border:0;background:var(--paper);color:var(--paper-ink);box-shadow:0 20px 100px #04101966;max-width:calc(100% - 24px);color-scheme:light}dialog::backdrop{background:#0a1b285c;backdrop-filter:blur(8px)}.cities-dialog{width:500px;height:calc(100svh - 38px);max-height:calc(100svh - 38px);margin:19px 20px 19px auto;border-radius:24px;overflow:hidden}.drawer-layout{display:flex;flex-direction:column;height:100%}.dialog-head{padding:25px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0}.close-dialog{background:#263d4108;color:#748084;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.close-dialog:hover{background:#263d4114}.close-dialog svg{width:18px;height:18px}.drawer-description{font-size:11px;line-height:1.6;color:var(--paper-muted);margin:0 25px 17px}.search-wrap{margin:0 25px 18px;display:flex;align-items:center;gap:9px;background:#fffdf6;border:1px solid #d8dfd5;border-radius:12px;padding:12px 13px}.search-wrap svg{width:17px;height:17px;color:#82908a}.search-wrap input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:var(--paper-ink);font-size:13px;line-height:1.5}.search-wrap input::placeholder{color:#96a098}.search-wrap:focus-within{border-color:#9fae9e;box-shadow:0 0 0 3px #a8b69d14}.search-clear{background:#e7ece3;color:#81907e;border-radius:50%;height:22px;width:22px;display:none;align-items:center;justify-content:center;flex-shrink:0}.search-clear svg{width:12px;height:12px}.search-clear.visible{display:flex}.filter-row{display:flex;align-items:center;gap:6px;padding:0 25px 19px}.filter-button{border:1px solid #d9e1d4;border-radius:20px;background:transparent;color:#84917e;padding:7px 12px;font-size:10px}.filter-button[aria-pressed="true"]{background:#e6ecdf;color:#4b6552;border-color:#afbea4}.city-results{padding:0 15px 20px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#c5cfbc transparent}.result-heading{font-size:9px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:#97a08e;padding:4px 13px 12px;display:flex;justify-content:space-between;gap:10px}.menu-city{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;padding:12px 13px;border-radius:11px;transition:background .15s;color:var(--paper-ink)}.menu-city:hover{background:#edf0e6}.menu-city[aria-current="location"]{background:#e5ecde}.menu-city .city-name{display:block;font-size:13px;font-weight:500;line-height:1.4}.menu-city .city-region{display:block;font-size:9px;color:#95a08d;margin-top:4px;line-height:1.4}.menu-time{font-size:17px;color:#72866f;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.menu-time small{font-size:9px;display:block;letter-spacing:0;text-align:right;color:#99a58e}.menu-city[hidden]{display:none}.result-empty{text-align:center;padding:50px 20px;font-size:12px;color:#92a087;line-height:1.8}.result-empty[hidden]{display:none}.drawer-footer{padding:16px 25px 18px;border-top:1px solid #dee4d8;color:#98a28e;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper)}.drawer-footer a{color:#647e59;text-decoration:none;font-size:10px}.drawer-footer kbd{border-color:#d5ddcc;color:#98a28e}.sync-dialog{width:430px;border-radius:23px;max-height:calc(100svh - 34px);overflow:auto}.sync-dialog .dialog-head{padding-bottom:18px}.sync-body{padding:0 26px 26px}.sync-state-banner{border-radius:12px;background:#ececdf;color:#a0845e;display:flex;align-items:center;gap:9px;padding:13px 15px;font-size:12px;line-height:1.5;margin:0 0 20px}.sync-state-banner.good{background:#e5ecdf;color:#64835b}.sync-state-banner .status-led{background:currentColor}.sync-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #e1e5d9;padding:13px 0;font-size:11px;line-height:1.7}.sync-row dt{color:#8a9580}.sync-row dd{margin:0;text-align:right;max-width:205px;color:#4e6951;font-variant-numeric:tabular-nums}.sync-info{font-size:11px;line-height:1.85;color:#8b9782;margin:18px 0 22px}.solid-button{border:0;border-radius:11px;background:#355047;color:#fffaf0;min-height:44px;padding:12px 20px;font-size:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.solid-button:hover{background:#416255}.solid-button:disabled{opacity:.6;cursor:default}.solid-button svg{width:14px;height:14px}.sync-note{font-size:9px;color:#a1aa99;line-height:1.7;margin-top:13px}.sync-device-message{font-size:12px;color:#637d57;text-align:center;line-height:1.7;margin:19px 0}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--paper);color:var(--paper-ink);padding:13px 19px;border-radius:12px;box-shadow:0 12px 48px #071a2a4d;z-index:100;font-size:12px;transition:opacity .25s,transform .25s;max-width:calc(100% - 28px);text-align:center;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.anchor-alias{position:absolute;top:0;left:0;scroll-margin-top:0}.no-script{position:fixed;top:100px;left:50%;transform:translateX(-50%);max-width:600px;background:#fff7e6;color:#5d493b;z-index:20;padding:15px 20px;border-radius:12px;font-size:13px;text-align:center;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-backdrop{display:none}body.focus-mode .digital-clock{font-size:clamp(110px,14vw,208px)}body.focus-mode.analog-mode .digital-clock{font-size:50px}body.focus-mode .clock-stage{transform:translateY(15px)}.digital-clock:after{display:none}.digital-clock:hover:after{opacity:1}body.focus-mode .digital-clock:after{display:none}.is-synced.is-weak .status-led{background:var(--accent)}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 0 6px #efb78e08}}@media(min-width:1550px) and (min-height:880px){.clock-heading{font-size:49px}.digital-clock{font-size:194px}.location-label{margin-bottom:40px}.full-date{font-size:15px;margin-top:40px}.time-facts{width:760px}.time-fact{padding:21px 20px}.city-note{margin-top:27px;font-size:12px;max-width:730px}.clock-actions{margin-top:25px;margin-bottom:32px}.section-nav{margin-top:35px}}
@media(max-height:780px) and (min-width:701px){.header-inner{height:80px}.city-screen{padding:100px 30px 93px}.eyebrow{margin-bottom:11px;font-size:9px}.clock-heading{font-size:35px;margin-bottom:11px}.location-label{margin-bottom:24px;font-size:11px}.digital-clock{font-size:clamp(103px,11vw,154px)}.full-date{font-size:12px;margin-top:30px}.clock-actions{margin:17px 0 20px}.time-fact{padding:15px 17px}.city-note{margin-top:19px;font-size:10px;max-width:680px}.section-nav{margin-top:19px}.quick-cities{margin-top:18px}.bottom-inner{min-height:63px;padding-bottom:18px}.clock-analog{width:160px;height:160px}.clock-analog .tick{transform-origin:.5px 70px}.clock-analog .hand.hour{height:37px}.clock-analog .hand.minute{height:50px}.clock-analog .hand.second{height:59px}.clock-analog .dial-number{font-size:9px}.n12{top:19px}.n3{right:18px}.n6{bottom:18px}.n9{left:18px}body.analog-mode .city-screen{padding-top:95px}.seo-section{padding-top:80px}}
@media(max-width:1000px){.shell{padding-left:30px;padding-right:30px}.header-status{margin-right:0;font-size:10px;padding-left:5px;padding-right:5px}.brand{font-size:19px}.bottom-middle{display:none}.clock-heading{font-size:38px}.directory-links{grid-template-columns:repeat(3,1fr)}.digital-clock{font-size:13.2vw;letter-spacing:-.045em}.city-screen{padding-left:30px;padding-right:30px}.time-facts{width:650px;max-width:100%}.about-columns{gap:35px}}
@media(max-width:700px){html{scroll-snap-type:y proximity}.shell{padding-left:23px;padding-right:23px}.header-inner{height:82px;gap:10px}.brand{font-size:18px;gap:8px;letter-spacing:-.7px}.brand svg{width:25px;height:25px}.header-status{position:fixed;left:50%;transform:translateX(-50%);bottom:75px;padding:6px 10px;z-index:17;margin:0;font-size:9px;gap:6px;white-space:nowrap}.header-right{gap:8px}.toolbar-button{height:37px;border-radius:10px;padding:0 11px;font-size:11px}.toolbar-button.icon-button{height:37px;width:37px;padding:0}.toolbar-button svg{width:17px;height:17px}.menu-trigger .menu-label{display:none}.menu-trigger{width:38px;padding:0}.menu-trigger svg{margin:0;width:18px}.city-screen{padding:112px 22px 137px;min-height:100svh}.clock-stage{width:100%}.eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:14px}.clock-heading{font-size:31px;letter-spacing:-1px;line-height:1.28;margin:0 auto 14px;max-width:400px}.location-label{font-size:10px;margin-bottom:32px;flex-wrap:wrap;line-height:1.5}.location-label svg{width:11px;height:11px}.digital-clock{font-size:15.1vw;letter-spacing:-.045em;line-height:1.12}.digital-clock .clock-colon{padding:0 1px}.clock-digits{min-width:1.1em}.seconds-label{font-size:6px;bottom:-13px;letter-spacing:.15em}.full-date{font-size:11px;line-height:1.6;margin-top:30px;letter-spacing:.02em}.clock-actions{gap:14px;margin-top:20px;margin-bottom:26px}.quiet-button{font-size:9px;gap:5px}.quiet-button svg{width:12px;height:12px}.time-facts{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.time-fact{padding:15px 6px 16px}.fact-label{font-size:6px;letter-spacing:.06em;line-height:1.7;margin-bottom:7px;white-space:nowrap}.fact-value{font-size:12px;letter-spacing:0}.time-fact+.time-fact:before{top:17px;bottom:17px}.city-note{font-size:10px;line-height:1.9;margin:23px auto 0;max-width:420px}.section-nav{margin-top:24px;gap:8px;font-size:9px;flex-wrap:wrap;line-height:1.6}.section-position{font-size:8px;padding:0 7px}.section-nav svg{width:10px;height:10px}.section-nav a{gap:4px;max-width:44%;text-align:left}.section-nav a:last-child{text-align:right}.quick-cities{gap:5px;margin-top:23px}.quick-cities a{font-size:8px;padding:6px 9px}.bottom-bar{padding-top:16px;background:linear-gradient(0deg,#0c2432f2,#0c2432c2 70%,transparent)}.bottom-inner{min-height:72px;padding-top:15px;padding-bottom:20px;gap:12px;align-items:center}.local-clock{font-size:8px;gap:6px;max-width:65%}.local-clock svg{width:12px;height:12px}.local-clock .local-label{display:none}.local-clock time{font-size:11px;margin-left:0}.bottom-right{gap:8px}.bottom-right>a{display:none}.background-button{height:31px;font-size:8px;padding:0 8px;border-radius:8px;gap:5px}.background-button svg{width:11px;height:11px}.key-hint{display:none}.cities-dialog{margin:10px;width:calc(100% - 20px);max-height:calc(100svh - 20px);height:calc(100svh - 20px);max-width:calc(100% - 20px);border-radius:20px}.dialog-head{padding:22px 22px 16px}.dialog-head h2{font-size:21px}.drawer-description{margin-left:22px;margin-right:22px;font-size:10px}.search-wrap{margin:0 22px 15px;padding:11px 12px}.search-wrap input{font-size:12px}.filter-row{padding:0 22px 15px;gap:5px}.filter-button{padding:7px 10px;font-size:9px}.city-results{padding-left:11px;padding-right:11px}.menu-city{padding:12px 13px}.menu-city .city-name{font-size:12px}.menu-city .city-region{font-size:9px}.menu-time{font-size:16px}.drawer-footer{padding:16px 22px 18px;font-size:9px}.drawer-footer a{font-size:9px}.drawer-footer .key-hint{display:none}.sync-dialog{width:calc(100% - 26px);border-radius:20px}.sync-body{padding:0 22px 23px}.sync-row{font-size:10px;gap:15px}.sync-row dd{max-width:185px}.sync-info{font-size:10px}.sync-device-message{font-size:11px}.sync-state-banner{font-size:11px}.seo-section{padding:85px 23px 135px}.seo-section h2{font-size:28px;letter-spacing:-.6px}.seo-section p{font-size:12px;line-height:1.9}.about-columns{display:block;margin-bottom:45px}.faq-list{margin-top:32px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.directory-links a{font-size:10px}.page-end{flex-direction:column;align-items:flex-start;gap:15px}.clock-analog{width:170px;height:170px}.clock-analog .tick{transform-origin:.5px 75px}.clock-analog .hand.hour{height:39px}.clock-analog .hand.minute{height:55px}.clock-analog .hand.second{height:64px}.clock-analog .dial-number{font-size:10px}.n12{top:20px}.n3{right:19px}.n6{bottom:19px}.n9{left:19px}body.analog-mode .city-screen{padding-top:115px}body.analog-mode .digital-clock{font-size:40px;margin-top:16px}body.analog-mode .clock-heading{font-size:27px}body.analog-mode .location-label{margin-bottom:22px}body.analog-mode .full-date{font-size:10px;margin-top:13px}.exit-focus{top:23px;right:22px;font-size:10px;padding:10px 12px}body.focus-mode .digital-clock{font-size:15.5vw}body.focus-mode.analog-mode .digital-clock{font-size:42px}.yakutia-choice{font-size:9px;gap:6px;flex-wrap:wrap;justify-content:center;line-height:1.6}.yakutia-choice select{font-size:9px;max-width:100%}.toast{bottom:115px;font-size:11px}.digital-clock:after{display:none}.no-script{font-size:11px;top:90px;width:calc(100% - 30px)}}
@media(max-width:360px){.shell{padding-left:17px;padding-right:17px}.brand{font-size:16px;gap:6px}.brand svg{width:23px;height:23px}.header-right{gap:6px}.toolbar-button.icon-button{width:33px;height:34px}.menu-trigger{width:34px;height:34px}.city-screen{padding-left:17px;padding-right:17px}.clock-heading{font-size:27px}.digital-clock{font-size:15vw}.time-fact{padding-left:3px;padding-right:3px}.fact-label{font-size:5.7px}.fact-value{font-size:11px}.city-note{font-size:9px}.section-nav{font-size:8px}.section-position{font-size:7px}.quick-cities a{font-size:7px;padding-left:7px;padding-right:7px}.bottom-right{gap:5px}.background-button .background-text{display:none}.background-button{width:31px;padding:0;justify-content:center}.local-clock{font-size:8px;gap:5px}.local-clock time{font-size:10px}.bottom-inner{gap:6px}.clock-actions{gap:11px}}
@media(max-height:740px) and (max-width:700px){.header-inner{height:70px}.city-screen{padding-top:89px;padding-bottom:124px}.eyebrow{font-size:7px;margin-bottom:11px}.clock-heading{font-size:27px;margin-bottom:11px}.location-label{font-size:9px;margin-bottom:24px}.full-date{font-size:10px;margin-top:27px}.clock-actions{margin-top:16px;margin-bottom:21px}.time-fact{padding-top:13px;padding-bottom:14px}.city-note{font-size:9px;margin-top:18px}.section-nav{margin-top:18px}.quick-cities{margin-top:17px}.quick-cities a{font-size:7px;padding-top:5px;padding-bottom:5px}.header-status{bottom:66px;font-size:8px}.bottom-inner{min-height:63px;padding-bottom:16px;padding-top:12px}body.analog-mode .city-screen{padding-top:91px}body.analog-mode .clock-analog{width:140px;height:140px}body.analog-mode .clock-analog .tick{transform-origin:.5px 60px}body.analog-mode .clock-analog .hand.hour{height:32px}body.analog-mode .clock-analog .hand.minute{height:43px}body.analog-mode .clock-analog .hand.second{height:51px}body.analog-mode .clock-analog .dial-number{font-size:8px}body.analog-mode .n12{top:17px}body.analog-mode .n3{right:16px}body.analog-mode .n6{bottom:16px}body.analog-mode .n9{left:16px}body.analog-mode .clock-heading{font-size:24px}body.analog-mode .location-label{margin-bottom:16px}body.analog-mode .digital-clock{font-size:34px}body.analog-mode .city-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.digital-clock{font-size:21vw;letter-spacing:-.055em}.city-screen{padding-top:102px;padding-bottom:128px}.seconds-label{font-size:7px}body.focus-mode .digital-clock{font-size:21.4vw}}
@media(max-width:700px) and (max-height:740px){.city-screen{padding-top:82px;padding-bottom:112px}.quick-cities,.below-note{display:none}.city-note{line-height:1.7;margin-top:16px}.eyebrow{margin-bottom:9px}.clock-actions{margin-bottom:17px}.section-nav{margin-top:15px}.full-date{margin-top:24px}.location-label{margin-bottom:22px}.header-status{bottom:65px}.fact-label{font-size:6px}}
.search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

/* World edition */
.city-screen{content-visibility:auto;contain-intrinsic-size:auto 100svh}.clock-heading{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,3.1vw,43px);text-wrap:balance}.clock-heading bdi{white-space:normal}.city-english{font-size:11px;opacity:.65;margin:0 0 12px;letter-spacing:.1em}.city-english[hidden]{display:none}.location-label{margin-bottom:24px}.city-note{margin-top:20px}.city-population{color:var(--muted);font-size:9px;letter-spacing:.04em;margin:18px 0 0}.city-population strong{font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.clock-actions{gap:14px}.clock-actions button{min-height:30px}.digital-clock,.fact-value,.menu-time,.local-clock time,.section-position,.clock-analog{direction:ltr;unicode-bidi:isolate}.clock-digits{font-weight:300}.clock-stage{max-width:1100px}.clock-heading{margin-bottom:10px}.site-header .brand{direction:ltr;unicode-bidi:isolate}.header-right{gap:8px}.header-inner{height:92px}.language-trigger{font-size:11px;text-transform:uppercase;gap:7px}.language-trigger svg{width:15px}.language-dialog{border:1px solid var(--line);background:var(--paper);color:var(--paper-ink);width:460px;max-width:calc(100% - 26px);border-radius:24px;padding:0;box-shadow:0 30px 100px #001a2a80}.language-dialog::backdrop{background:#081e30aa;backdrop-filter:blur(7px)}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 24px}.language-grid a{border:1px solid #263d4119;border-radius:13px;text-decoration:none;padding:14px;font-size:13px;display:flex;align-items:center;justify-content:space-between;min-height:49px}.language-grid a:hover,.language-grid [aria-current]{background:#e8e7db;border-color:#b4b6a4}.language-grid [aria-current]:after{content:'✓';color:#59715c}.language-grid a[dir=rtl]{direction:rtl}.language-grid small{opacity:.55;font-size:10px;direction:ltr}.cities-dialog{width:500px}.drawer-description{line-height:1.8;margin-bottom:16px}.alphabet{direction:ltr;display:flex;gap:3px;padding:0 26px 14px;flex-wrap:wrap}.alphabet button{width:23px;height:25px;background:transparent;border-radius:5px;font-size:10px;color:var(--paper-muted)}.alphabet button:hover,.alphabet button[aria-pressed=true]{background:#dce2d8;color:var(--paper-ink)}.alphabet button[disabled]{opacity:.3;cursor:default}.menu-city .city-region{line-height:1.6}.city-name small{font-size:10px;font-weight:400;opacity:.55;margin-inline-start:5px}.menu-hm{font-size:17px}.result-heading{padding-top:2px}.drawer-layout{overflow:hidden}.search-wrap input{min-width:0}.directory-links{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-links a{line-height:1.5}.directory-group{margin-top:34px}.directory-group>h3{font-size:18px;color:var(--accent);font-weight:400;border-bottom:1px solid var(--line);padding-bottom:10px}.seo-section{content-visibility:auto;contain-intrinsic-size:auto 9000px}.city-directory{margin-top:65px}.about-columns p{max-width:650px}.source-citation{font-size:10px!important;opacity:.75}.clock-analog{display:none;margin:0 auto;width:190px;height:190px;border-radius:50%;border:1px solid #fff5;position:relative;background:#14313c55;backdrop-filter:blur(12px)}.dial-markers{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#faf2e59c 0deg 1deg,transparent 1deg 6deg);mask-image:radial-gradient(circle,transparent 61%,#000 62%,#000 66%,transparent 67%);-webkit-mask-image:radial-gradient(circle,transparent 61%,#000 62%,#000 66%,transparent 67%)}.clock-analog .hand{position:absolute;left:50%;bottom:50%;width:2px;transform-origin:50% 100%;border-radius:8px;background:var(--paper)}.clock-analog .hand.hour{height:44px;width:3px}.clock-analog .hand.minute{height:64px}.clock-analog .hand.second{height:72px;width:1px;background:var(--accent)}.dial-center{position:absolute;inset:calc(50% - 3px);border-radius:50%;background:var(--accent)}.dial-number{position:absolute;font-size:11px;opacity:.7}.n12{top:23px;left:50%;transform:translateX(-50%)}.n3{right:24px;top:50%;transform:translateY(-50%)}.n6{bottom:23px;left:50%;transform:translateX(-50%)}.n9{left:24px;top:50%;transform:translateY(-50%)}.clock-ampm{font-size:13px;letter-spacing:0;margin-inline-start:12px;align-self:center;max-width:70px;line-height:1.5}.clock-ampm:empty{display:none}.sync-row dd{overflow-wrap:anywhere}.sync-device-message bdi{font-variant-numeric:tabular-nums}.country-code{letter-spacing:.12em;font-size:9px;opacity:.65}.section-nav a{max-width:40%;text-wrap:balance}.section-nav{min-height:26px}.bottom-bar{z-index:14}.brand{font-size:20px}.format-button{font-variant-numeric:tabular-nums;min-width:35px}.time-facts .fact-label{white-space:normal}.menu-city,.directory-links a{content-visibility:auto;contain-intrinsic-size:auto 65px}.menu-city[hidden]{display:none}.no-results{padding:30px;font-size:13px;line-height:1.8;color:var(--paper-muted)}.no-results[hidden]{display:none}.sync-state-banner{line-height:1.6}.local-clock #localZone{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-head h2{line-height:1.4}.sync-row dt{max-width:55%}.sync-row dd{max-width:55%}.world-brand{letter-spacing:-.65px}.english-inline{direction:ltr;unicode-bidi:isolate}.dialog-head{gap:16px}.close-dialog{flex-shrink:0}.time-format-help{font-size:10px;color:var(--subtle)}
[dir=rtl] .header-status{margin-right:0;margin-left:8px}[dir=rtl] .cities-dialog{margin-left:20px;margin-right:auto}[dir=rtl] .menu-time{margin-left:0;margin-right:auto}[dir=rtl] .city-name small{display:block;margin-inline-start:0}[dir=rtl] .time-fact+.time-fact:before{left:auto;right:0}[dir=rtl] .clock-heading{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-weight:400;letter-spacing:0}[dir=rtl] .seo-section h2,[dir=rtl] .dialog-head h2{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .fact-label{letter-spacing:0;font-size:10px}[dir=rtl] .brand{letter-spacing:-.65px}[dir=rtl] .language-trigger{text-transform:none}[dir=rtl] .search-wrap{direction:rtl}[dir=rtl] .search-wrap input{direction:rtl}[lang=hi] .clock-heading{font-family:"Nirmala UI","Segoe UI",sans-serif;line-height:1.55;letter-spacing:0}[lang=zh-CN] .clock-heading{font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.03em}[lang=hi] .eyebrow,[lang=zh-CN] .eyebrow{letter-spacing:.08em}[lang=hi] .fact-label{font-size:10px;letter-spacing:0}
@media(min-width:1100px){.header-status{max-width:270px}.city-screen{padding-top:115px;padding-bottom:100px}.clock-stage{transform:translateY(-3px)}}
@media(max-width:1000px){.site-header .menu-label{display:none}.menu-trigger{width:42px;padding:0}.header-status{max-width:240px;white-space:normal;text-align:start;line-height:1.6}.brand{font-size:18px}.language-trigger{padding:0 10px}.directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.header-inner{height:76px;gap:9px}.shell{padding-inline:20px}.brand{font-size:17px;gap:7px}.brand svg{width:24px}.header-right{gap:6px}.language-trigger{height:36px;padding:0 9px}.language-trigger svg{display:none}.focus-toolbar{display:none}.menu-trigger{height:36px;width:36px}.header-status{white-space:nowrap;text-align:center;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;bottom:75px}.header-status #headerStatusText{overflow:hidden;text-overflow:ellipsis}.city-screen{padding:100px 22px 137px}.clock-heading{font-size:30px;line-height:1.35;letter-spacing:-.7px}.city-english{font-size:9px;margin-bottom:12px}.location-label{font-size:10px;margin-bottom:29px}.eyebrow{margin-bottom:13px}.clock-actions{gap:12px;margin-top:17px;margin-bottom:23px;flex-wrap:wrap}.quiet-button{font-size:10px;min-height:35px}.digital-clock{font-size:20.5vw;letter-spacing:-.06em}.full-date{font-size:11px;margin-top:30px}.clock-ampm{font-size:9px;margin-inline-start:5px;position:absolute;right:-6px;bottom:-17px}.seconds-label{bottom:-15px}.city-population{font-size:9px;margin-top:18px;line-height:1.8}.fact-label{font-size:7px;letter-spacing:.03em}.fact-value{font-size:13px}.time-fact{padding:15px 6px}.section-nav{font-size:10px;gap:9px;margin-top:23px;flex-wrap:nowrap}.section-nav a{max-width:38%;flex:1}.section-nav a:last-child{justify-content:flex-end}.section-position{flex-shrink:0}.local-clock{max-width:75%}.local-clock #localZone{max-width:145px}.bottom-inner{min-height:70px}.background-text{display:none}.background-button{padding:0;width:31px;justify-content:center}.cities-dialog{width:calc(100% - 20px)}.alphabet{padding-inline:22px;gap:3px;padding-bottom:14px}.alphabet button{width:24px;height:27px}.menu-city{min-height:66px}.menu-city .city-name{font-size:14px}.menu-city .city-region{font-size:10px}.drawer-description{font-size:11px}.search-wrap input{font-size:16px}.drawer-footer{font-size:10px;gap:20px;line-height:1.7}.drawer-footer span{max-width:75%}.city-name small{font-size:10px;display:block;margin-inline-start:0}.language-grid{gap:7px;padding:0 18px 20px}.language-grid a{font-size:13px;padding:13px}.directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-links a{font-size:11px}.clock-analog{width:160px;height:160px}.clock-analog .hand.hour{height:35px}.clock-analog .hand.minute{height:50px}.clock-analog .hand.second{height:60px}.clock-analog .dial-number{font-size:9px}body.analog-mode .clock-heading{font-size:26px}body.analog-mode .city-screen{padding-top:100px}body.analog-mode .digital-clock{font-size:37px}body.analog-mode .full-date{margin-top:13px}[dir=rtl] .cities-dialog{margin:10px}[dir=rtl] .fact-label{font-size:9px}[lang=hi] .fact-label{font-size:8px}.bottom-inner{padding-inline:20px}.toast{bottom:120px;max-width:calc(100% - 30px);text-align:center;line-height:1.6}.clock-stage{transform:none}}
@media(max-width:360px){.brand{font-size:15px;gap:5px}.brand svg{width:21px}.shell{padding-inline:15px}.language-trigger{padding:0 8px;font-size:10px}.header-right{gap:5px}.menu-trigger{width:33px}.city-screen{padding-inline:17px}.clock-heading{font-size:26px}.quiet-button{font-size:9px}.clock-actions{gap:10px}.digital-clock{font-size:20.5vw}.fact-value{font-size:12px}.fact-label{font-size:6.5px}.local-clock #localZone{max-width:120px}.city-population{font-size:8px}.section-nav{font-size:9px}.alphabet{gap:1px}.alphabet button{width:23px}.city-english{margin-bottom:9px}}
@media(max-height:740px) and (max-width:700px){.city-screen{padding-top:85px;padding-bottom:120px}.clock-heading{font-size:26px}.city-english{margin-bottom:8px}.eyebrow{margin-bottom:9px}.location-label{margin-bottom:23px}.full-date{margin-top:26px}.clock-actions{margin-top:11px;margin-bottom:17px}.time-fact{padding:12px 5px}.city-population{margin-top:15px}.section-nav{margin-top:17px}.header-status{bottom:66px;font-size:8px}.bottom-inner{min-height:63px}.clock-analog{width:130px;height:130px}.clock-analog .hand.hour{height:29px}.clock-analog .hand.minute{height:42px}.clock-analog .hand.second{height:48px}body.analog-mode .city-screen{padding-top:85px}body.analog-mode .digital-clock{font-size:30px}body.analog-mode .city-population{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}}

body.dialog-open{overflow:hidden}.time-facts .fact-value{font-variant-numeric:tabular-nums}body.focus-mode .city-population,body.focus-mode .city-english{display:none}.menu-utc{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-device-message{unicode-bidi:plaintext}.clock-ampm{unicode-bidi:isolate}.directory-links small{opacity:.6;font-size:9px}.search-clear{flex-shrink:0}body.focus-mode .clock-stage{transform:none}
/* A fixed intrinsic minimum keeps distant anchors stable across 511 screens. */
.city-screen{contain-intrinsic-size:auto 0}html{scroll-behavior:auto;scroll-snap-type:none}

body{overflow-anchor:none}

.alphabet .all-letters{width:auto;padding-inline:8px}.alphabet{gap:2px}@media(max-width:700px){.focus-toolbar{display:flex!important;width:34px!important;height:36px!important}.focus-toolbar svg{width:16px}.header-right{gap:5px}.header-status{font-size:9px}}@media(max-width:360px){.focus-toolbar{width:30px!important;height:34px!important}.brand{font-size:14px}.header-right{gap:4px}.header-inner{gap:7px}.menu-trigger{width:30px}.language-trigger{padding-inline:7px}}