@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-cyrillic-ext-wght-normal.2v1o51uc2kchm.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-cyrillic-wght-normal.40fhna1udykyx.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-greek-wght-normal.27bif0w39buap.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-vietnamese-wght-normal.2j8_frj6hvgv_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-latin-ext-wght-normal.1l408xhqv1p1x.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(../media/ibm-plex-sans-latin-wght-normal.1-vxdsykms0gx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f5f4f0;--surface:#faf9f6;--text:#343631;--muted:#6e7066;--line:#dfdfd7;--control:#eaeae3;--accent:#a9b09a;--shadow:#1e20181a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#191b19;--surface:#222522;--text:#e0e1d9;--muted:#95998f;--line:#353932;--control:#2c302a;--accent:#adb79d;--shadow:#00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--clock-case-top:#30322e;--clock-case-bottom:#252823;--clock-ink:#f3f2e8;--clock-needle:#a9b09a}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}:focus-visible{outline:2px solid var(--text)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}::selection{color:#242724;background:#cfd4c4}.clock-app{--page-gutter:56px;min-height:100svh;padding:env(safe-area-inset-top,0px) max(var(--page-gutter),env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--page-gutter),env(safe-area-inset-left,0px));background:var(--paper);flex-direction:column;transition:background .35s,color .35s;display:flex;overflow:hidden}.dim-overlay{opacity:0;pointer-events:none;z-index:25;background:#000;transition:opacity .6s;position:fixed;inset:0}.is-dimmed .dim-overlay{opacity:.65}.site-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:113px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:12px;font-size:25px;font-weight:550;display:flex}.brand-symbol{border:1.6px solid var(--text);border-radius:2px;width:20px;height:24px;display:block;position:relative}.brand-symbol:after{content:"";border-top:2px solid var(--paper);width:24px;position:absolute;top:10px;left:-3.5px}.brand-symbol i:first-child{border-top:1.5px solid var(--text);z-index:1;width:100%;position:absolute;top:9.5px;left:0}.brand-symbol i:last-child{border-left:1.5px solid var(--text);height:15px;position:absolute;top:4px;left:8px}.brand-period{color:var(--muted)}.icon-button{width:40px;height:40px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--control)}.icon-button[aria-pressed=true]{color:var(--text)}.clock-main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:640px;padding:65px 0 54px;display:flex}.clock-composition{flex-direction:column;align-items:center;width:min(100%,1040px);display:flex}.clock-date{color:var(--muted);letter-spacing:1px;white-space:nowrap;align-items:center;gap:15px;height:18px;margin-bottom:27px;font-size:11px;font-weight:400;display:flex}.clock-face{--digit-height:clamp(115px,17.4vw,238px);--digit-size:calc(var(--digit-height) * .84);align-items:flex-start;gap:18px;width:100%;display:flex;position:relative}.digit-group{flex:1;min-width:0}.digit-pair{gap:8px;display:flex}.flip-digit{height:var(--digit-height);perspective:900px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#242723;border-radius:8px;flex:1;min-width:0;font-family:IBM Plex Sans Variable,Arial,sans-serif;font-weight:500;position:relative;box-shadow:0 1px #171915,0 5px 8px -5px #11171088,0 18px 32px -20px #282d274a}.digit-half{width:100%;height:50%;color:var(--clock-ink);backface-visibility:hidden;display:block;position:absolute;overflow:hidden}.digit-half span{width:100%;height:var(--digit-height);text-align:center;line-height:var(--digit-height);font-size:var(--digit-size);letter-spacing:-.035em;padding-right:.035em;position:absolute;transform:translateY(-1.7%)}.digit-top{background:linear-gradient(170deg,var(--clock-case-top),#272925);border-radius:8px 8px 0 0;top:0}.digit-bottom{background:linear-gradient(170deg,var(--clock-case-bottom),#292c26);border-radius:0 0 8px 8px;bottom:0}.digit-bottom span{top:-100%}.flap-motion{transform-style:preserve-3d;border-radius:8px;position:absolute;inset:0}.flap-out{background:linear-gradient(170deg,var(--clock-case-top),#272925);transform-origin:bottom;z-index:3;border-radius:8px 8px 0 0;animation:.25s cubic-bezier(.55,.05,.8,.5) forwards flip-out;top:0}.flap-in{background:linear-gradient(170deg,var(--clock-case-bottom),#292c26);transform-origin:top;z-index:3;border-radius:0 0 8px 8px;animation:.25s cubic-bezier(.15,.55,.3,1) .25s forwards flip-in;bottom:0;transform:rotateX(90deg)}.flap-in span{top:-100%}.digit-seam{z-index:5;background:#141710;width:100%;height:2px;position:absolute;top:calc(50% - 1px);box-shadow:0 1px #ffffff08}.hinge{z-index:6;background:linear-gradient(90deg,#393d35,#13160f);border-radius:1px;width:4px;height:8px;position:absolute;top:calc(50% - 4px);box-shadow:0 1px 1px #0007}.hinge-left{left:0}.hinge-right{right:0}.clock-colon{width:5px;height:var(--digit-height);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:21px;display:flex}.clock-colon i{background:#aaa99f;border-radius:50%;width:5px;height:5px;display:block}.meridiem{color:var(--muted);letter-spacing:1px;font-size:9px;position:absolute;bottom:-28px;right:-1px}.analog-clock{width:var(--analog-size,min(100%,clamp(232px,34vw,350px),42svh));filter:drop-shadow(0 1px #171915)drop-shadow(0 5px 8px #11171026)drop-shadow(0 18px 28px #282d2714);-webkit-user-select:none;user-select:none;flex-shrink:0;height:auto;display:block;overflow:visible}.analog-numeral{fill:var(--clock-ink);font-variant-numeric:tabular-nums;font-family:IBM Plex Sans Variable,Arial,sans-serif;font-size:22px;font-weight:500}.analog-hand{fill:var(--clock-ink);stroke:#20241d;stroke-width:.5px;filter:drop-shadow(0 1px 1px #0005)}.analog-second-hand{filter:drop-shadow(0 1px 1px #0003)}:root[data-theme=dark] .analog-clock{filter:drop-shadow(0 1px #11140f)drop-shadow(0 5px 8px #0003)drop-shadow(0 18px 28px #0002)}.without-seconds{width:72%}.zone-trigger{border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 10px;font-size:11px;transition:background .2s;display:flex}.zone-trigger:hover{background:var(--control);color:var(--text)}.zone-offset{font-variant-numeric:tabular-nums;margin-left:4px;font-size:10px}.clock-toolbar{border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;margin-top:46px;padding:5px 8px;display:flex}.toolbar-normal{align-items:center;gap:5px;transition:opacity .25s;display:flex}.fullscreen-button{width:44px;height:44px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.fullscreen-button:hover,.fullscreen-button[aria-pressed=true]{color:var(--text);background:var(--control)}.site-footer{border-top:1px solid var(--line);min-height:84px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.copyright-notice{letter-spacing:.15px;font-size:9px;line-height:1.5}.copyright-notice:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.notes-copyright{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:17px;font-size:9px;display:flex}.notes-copyright a{align-items:center;gap:5px;padding:5px 0;display:flex}.notes-button{letter-spacing:.5px;align-items:center;gap:9px;min-height:40px;font-size:10px;display:flex}.notes-button:hover{color:var(--text)}.chrome{transition:opacity .3s}.clock-date,.meridiem,.clock-toolbar{transition:opacity .25s}.chrome-hidden .chrome,.chrome-hidden .clock-date,.chrome-hidden .meridiem,.chrome-hidden .clock-toolbar{opacity:0;visibility:hidden;pointer-events:none}.is-immersive{height:100dvh;position:relative}.is-immersive .site-header,.is-immersive .site-footer{left:max(var(--page-gutter),env(safe-area-inset-left,0px));right:max(var(--page-gutter),env(safe-area-inset-right,0px));z-index:2;border-color:#0000;position:absolute}.is-immersive .site-header{top:env(safe-area-inset-top,0px);height:88px}.is-immersive .site-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 64px);pointer-events:none;min-height:18px}.is-immersive .site-footer>a,.is-immersive .site-footer>button{pointer-events:auto}.is-immersive .clock-main{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex:none;min-height:0;padding:0}.is-immersive .clock-composition{position:relative}.is-immersive .clock-date{margin:0 0 34px;position:absolute;bottom:100%}.is-immersive .digit-group{position:relative}.is-immersive .clock-toolbar{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:3;background:var(--paper);margin:0;position:absolute}.is-immersive .analog-clock{--analog-size:min(100%,70dvh,calc(100dvh - 240px),480px)}.style-control{border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px;display:flex}.style-control button{min-height:36px;color:var(--muted);border-radius:4px;padding:9px 12px;font-size:11px}.style-control button[aria-pressed=true]{background:var(--control);color:var(--text)}.skip-link{z-index:10;background:var(--surface);border:1px solid var(--line);padding:12px;font-size:13px;position:absolute;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.toast{background:var(--text);width:max-content;max-width:calc(100% - 32px);color:var(--paper);box-shadow:0 8px 30px var(--shadow);z-index:30;border-radius:8px;padding:14px 20px;font-size:12px;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.modal{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:16px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100svh - 48px);padding:30px;box-shadow:0 28px 100px #0003}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#171c194a}.modal-wide{width:660px}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.modal-header h2{margin:0;font-size:20px;font-weight:450;line-height:1.5}.modal-header .icon-button{width:32px;height:32px;margin:-3px -8px 0 0}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:19px 0;display:flex}.setting-row h3{margin:0 0 7px;font-size:13px;font-weight:450}.setting-row>h3{margin:0}.setting-row p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.switch{background:0 0;flex-shrink:0;width:44px;height:40px;padding:0;position:relative}.switch:before{content:"";background:var(--line);border-radius:12px;width:36px;height:21px;transition:background .2s;position:absolute;top:9.5px;left:4px}.switch span{background:var(--surface);border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block;position:absolute;top:12.5px;left:7px;box-shadow:0 1px 3px #0002}.switch.is-on:before{background:#707e62}.switch.is-on span{background:#fff;transform:translate(15px)}.theme-control{border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px;display:flex}.theme-control button{width:32px;height:29px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;display:flex}.theme-control button[aria-pressed=true]{background:var(--control);color:var(--text)}.app-card{border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:15px}.app-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-card h3{margin:0;font-size:12px;font-weight:450}.app-card p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.8}.text-button{border:1px solid var(--line);border-radius:6px;min-height:36px;padding:8px 10px;font-size:11px}.text-button:hover{background:var(--control)}.update-button{margin-top:12px}.modal-footnote{color:var(--muted);margin:22px 0 0;font-size:10px;line-height:1.8}.zone-search{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}.zone-search input{width:100%;height:43px;color:var(--text);background:0 0;border:none;outline:none;padding:0;font-size:12px}.zone-search:focus-within{outline:2px solid var(--text);outline-offset:2px}.zone-list{scrollbar-width:thin;max-height:340px;margin-top:13px;padding:2px;overflow-y:auto}.zone-option{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:13px 12px;font-size:12px;display:flex}.zone-option:hover,.zone-option.selected{background:var(--control)}.zone-option>span:last-child{color:var(--muted)}.empty-state{color:var(--muted);text-align:center;padding:24px 0;font-size:12px}.research-links{margin-top:26px}.research-links h3{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:500}.research-links>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.research-links>a:hover{color:#6c7c57}.research-links strong{font-size:12px;font-weight:450;display:block}.research-links a span{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.7;display:block}@keyframes flip-out{0%{filter:brightness();transform:rotateX(0)}to{filter:brightness(.55);transform:rotateX(-90deg)}}@keyframes flip-in{0%{filter:brightness(.55);transform:rotateX(90deg)}70%{filter:brightness();transform:rotateX(-7deg)}to{filter:brightness();transform:rotateX(0)}}@media (min-width:1600px){.clock-main{min-height:720px}}@media (max-width:1100px){.clock-app{--page-gutter:36px}.clock-face{--digit-height:18vw;gap:12px}.digit-pair{gap:6px}.clock-main{min-height:590px}.clock-toolbar{margin-top:40px}}@media (max-width:700px){.clock-app{--page-gutter:24px}.site-header{height:88px}.brand{gap:10px;font-size:23px}.clock-main{min-height:calc(100svh - 178px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:52px 0}.clock-composition{width:100%}.clock-date{letter-spacing:.4px;gap:10px;margin-bottom:23px;font-size:10px}.clock-face{--digit-height:23.8vw;gap:7px}.digit-pair{gap:3px}.flip-digit{border-radius:5px;box-shadow:0 1px #171915,0 4px 6px -4px #11171088,0 10px 20px -15px #282d274a}.digit-top,.flap-out{border-radius:5px 5px 0 0}.digit-bottom,.flap-in{border-radius:0 0 5px 5px}.digit-half span{font-weight:500}.clock-colon{gap:11px;width:3px}.clock-colon i{width:3px;height:3px}.digit-seam{height:1px;top:50%}.hinge{width:2px;height:5px;top:calc(50% - 2.5px)}.zone-trigger{gap:6px;padding:7px;font-size:10px}.zone-offset{margin-left:1px;font-size:8px}.clock-toolbar{gap:3px;margin-top:42px;padding:5px}.toolbar-normal{gap:2px}.clock-toolbar .icon-button{width:44px;height:44px}.site-footer{gap:15px;min-height:90px}.notes-button{gap:6px;font-size:9px}.without-seconds{--digit-height:31vw;width:88%}.meridiem{font-size:8px;bottom:-25px}.modal{padding:23px}.modal-header h2{font-size:18px}.setting-row{padding:17px 0}.setting-row p{font-size:9px}}@media (max-width:360px){.clock-app{--page-gutter:16px}.clock-face{gap:5px}.zone-trigger{padding:7px 3px}.clock-date{font-size:9px}}@media (max-height:950px) and (min-width:701px){.clock-main{padding:40px 0 30px}}@media (max-height:780px) and (min-width:701px){.site-header{height:88px}.clock-main{min-height:0;padding:32px 0 24px}.clock-face{--digit-height:180px}.clock-date{margin-bottom:20px}.clock-toolbar{margin-top:30px}.site-footer{min-height:70px}}@media (max-height:600px) and (min-width:701px){.site-header{height:76px}.clock-main{min-height:440px;padding:25px 0}.clock-face{--digit-height:150px;max-width:820px}.clock-date{margin-bottom:15px}.clock-toolbar{margin-top:20px}.site-footer{min-height:65px}}@media (max-height:740px){.clock-main:has(.analog-view){min-height:0;padding:24px 0}.analog-clock{--analog-size:min(100%,clamp(232px,34vw,350px),max(160px,calc(100svh - 320px)))}.clock-main:has(.analog-view) .clock-toolbar{margin-top:24px}.is-immersive .clock-main:has(.analog-view){padding:0}.is-immersive .clock-main .clock-toolbar{margin-top:0}}@media (max-height:500px) and (orientation:landscape){.is-immersive .analog-clock{--analog-size:min(100%,calc(100dvh - 128px),480px)}.is-immersive .clock-date{margin-bottom:14px}.is-immersive .clock-toolbar{left:max(var(--page-gutter),env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}.is-immersive .site-footer{bottom:env(safe-area-inset-bottom,0px);min-height:14px}.is-immersive .notes-button{min-height:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.flap-motion{display:none}}