:root{--control-height:38px;--canvas:#000;--surface:#181a1e;--surface-raised:#202228;--inset:#111216;--line:#2b2d34;--text:#f3f3f2;--muted:#999ca7;--faint:#7e828d;--accent:#e2e7ff;--accent-text:#22263d;--green:#aecbb9;--led-off:#23262b;--shadow:0 16px 60px #0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--canvas:#fff;--surface:#fff;--surface-raised:#e6e7e5;--inset:#edeeeb;--line:#d6d7d3;--text:#202226;--muted:#62666e;--faint:#727780;--accent:#30374d;--accent-text:#fff;--green:#4d725e;--led-off:#dddeda;--shadow:0 16px 60px #1a211512;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}svg{vertical-align:middle;flex-shrink:0}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-text)}.app-shell{--interface-duration:.28s;--interface-easing:cubic-bezier(.22, 1, .36, 1);--stage-duration:.48s;--stage-easing:cubic-bezier(.4, 0, .2, 1);min-height:100svh}.app-shell[data-ready=false] .header-actions,.app-shell[data-ready=false] .clock-stage{visibility:hidden}.app-shell:has(.clock-experience){overflow-x:clip}.skip-link{z-index:100;background:var(--accent);color:var(--accent-text);border-radius:8px;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:24px;height:106px;padding:0 48px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.9px;align-items:center;gap:9px;font-size:21px;font-weight:700;display:inline-flex}.brand-domain{color:var(--muted);letter-spacing:-.6px;margin-inline-start:-6px;font-size:18px;font-weight:400}.brand-mark{border:2px solid;border-radius:50%;width:17px;height:17px;margin-inline-end:1px;position:relative}.brand-mark:before{content:"";background:var(--text);border-radius:1px;width:1.5px;height:5px;position:absolute;top:2.5px;left:6px}.brand-mark i{background:var(--text);transform-origin:0;width:4px;height:1.5px;position:absolute;top:7px;left:6px;transform:rotate(27deg)}.header-actions{align-items:center;gap:12px;display:flex}.display-controls{z-index:10;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.fullscreen-button{height:var(--control-height);color:var(--muted);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:0 6px;font-size:11px;display:inline-flex}.fullscreen-button:hover{color:var(--text);background:var(--surface)}.fullscreen-button kbd{border:1px solid var(--line);min-width:24px;color:var(--muted);font:inherit;text-align:center;border-radius:5px;padding:3px 5px;font-size:10px}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button.selected{color:var(--text);background:var(--surface)}.header-actions>.icon-button{height:var(--control-height);width:var(--control-height)}.seconds-toggle{height:var(--control-height);border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;padding:0 13px;font-size:11px;font-weight:500;display:flex}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.seconds-toggle .status-dot{background:var(--faint)}.seconds-toggle.on .status-dot{background:var(--green)}.toggle-value{color:var(--muted);padding-left:4px;font-size:10px}.header-divider{background:var(--line);width:1px;height:17px;margin:0 2px 0 8px}.offline{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.experience{min-height:100svh;padding-bottom:150px;position:relative}.clock-page-heading{text-align:center;position:absolute;top:118px;left:0;right:0}.clock-page-heading h1{letter-spacing:2px;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:400}.clock-stage{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 150px);padding:190px 30px 30px;display:flex}.clock-overline{text-align:center;color:var(--muted);letter-spacing:.3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 0 38px;font-size:11px;display:flex}.date-line{align-items:center;gap:9px;display:inline-flex}.clock-center{flex-direction:column;align-items:center;width:100%;min-height:260px;display:flex}.digital-clock{letter-spacing:0;font-variant-numeric:tabular-nums;font-kerning:none;white-space:nowrap;justify-content:center;align-items:baseline;font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,20.2vw,330px);font-weight:400;line-height:1;display:flex;position:relative}.digital-clock>*{flex-shrink:0}.digital-clock.clean{letter-spacing:0}.time-digits{letter-spacing:0;gap:0;display:inline-flex}.time-digit{text-align:center;flex:0 0 .52em;width:.52em;min-width:0}.digital-clock.clean>.time-colon{letter-spacing:0;flex:0 0 .21em;justify-content:center;min-width:0;display:inline-flex}.time-colon{color:inherit;margin:0 .012em;font-weight:300;position:relative;top:-.035em}.digital-seconds{color:inherit;letter-spacing:inherit;font-size:1em;display:inline-flex}.meridiem{letter-spacing:1px;color:var(--muted);font-size:.055em;position:absolute;bottom:14%;right:-30px}.clock-customize{z-index:5;align-items:center;gap:12px;display:flex;position:relative}.segmented,.dock{border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:2px;padding:3px;display:flex}.segmented{height:var(--control-height)}.segmented :is(a,button),.dock-item{height:calc(var(--control-height) - 8px);color:var(--muted);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-size:11px;display:flex}.segmented :is(a,button).selected,.dock-item.active{background:var(--surface-raised);border-color:var(--line);color:var(--text)}.analog-mini{font-size:18px;line-height:1}.style-button{border:1px solid var(--line);height:var(--control-height);border-radius:9px;align-items:center;gap:13px;min-width:141px;padding:0 15px;font-size:11px;display:flex}.style-button:hover{background:var(--surface)}.style-button>svg{color:var(--muted);margin-inline-start:auto}.style-picker{position:relative}.muted{color:var(--muted)}.clock-caption{letter-spacing:.3px;color:var(--faint);margin-top:24px;font-size:10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px}.style-menu{overscroll-behavior:contain;width:316px;max-width:calc(100vw - 42px);max-height:calc(100svh - 190px);box-shadow:var(--shadow);z-index:15;padding:6px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto}.style-option{text-align:start;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:94px;padding:11px 9px;display:flex}.style-option-copy{flex:1;min-width:0}.style-option:hover{background:var(--surface-raised)}.style-option strong{font-size:12px;font-weight:500;display:block}.style-option small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.style-option>svg{color:var(--accent);margin-inline-start:auto}.style-preview{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:76px;display:flex}.bottom-bar{pointer-events:none;z-index:30;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;bottom:28px;left:40px;right:40px}.bottom-note{color:var(--faint);letter-spacing:.15px;width:240px;font-size:10px}.right-note{text-align:end;justify-content:flex-end;align-items:center;gap:8px;display:flex}.right-note .status-dot{background:var(--faint);width:4px;height:4px}.dock{pointer-events:auto;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:6px}.dock-item{white-space:nowrap;gap:9px;height:49px;padding:0 18px}.dock-item svg{width:17px;height:17px}.dock-item:hover{color:var(--text);background:var(--surface-raised)}.more-wrap{position:relative}.more-menu{width:242px;box-shadow:var(--shadow);padding:6px;position:absolute;bottom:calc(100% + 18px);right:-7px}.more-menu a{border-radius:10px;align-items:center;gap:12px;padding:15px 13px;font-size:12px;display:flex}.more-menu a:hover{background:var(--surface-raised)}.more-menu a svg:last-child{color:var(--muted);margin-inline-start:auto}.led-pair{align-items:center;gap:.07em;height:.85em;display:inline-flex}.led-pair svg{flex-shrink:0;width:auto;height:100%}.digital-clock.led{letter-spacing:0;gap:.02em;font-size:clamp(95px,17.7vw,285px)}.digital-clock.led .time-colon{font-size:.8em}.digital-clock.flip{--flip-font-size:clamp(90px, 16vw, 260px);font-size:var(--flip-font-size);letter-spacing:-.055em;perspective:12em;perspective-origin:50% 42%;align-items:center;gap:.09em}.digital-clock.flip .digital-seconds{transform-style:preserve-3d}.flip-block{--flip-height:round(1.24em, 2px);--flip-upper:#202228;--flip-lower:#1a1c21;--flip-edge:#353840;--flip-plane:.006em;--flip-shadow-close:#0004;--flip-shadow-soft:#0003;--flip-seam:#090a0de0;--flip-seam-highlight:#ffffff0a;--flip-crease-shadow:#0003;width:1.28em;height:var(--flip-height);transform-style:preserve-3d;box-shadow:0 .012em .03em var(--flip-shadow-close), 0 .05em .11em var(--flip-shadow-soft);background:#101115;border-radius:.065em;flex:none;line-height:1.05;display:inline-block;position:relative;overflow:visible}:root[data-theme=light] .flip-block{--flip-upper:#fff;--flip-lower:#f2f2ee;--flip-edge:#d0d2cc;--flip-shadow-close:#0002;--flip-shadow-soft:#00000014;--flip-seam:#c4c6c0;--flip-seam-highlight:#fff9;--flip-crease-shadow:#0000000a;background:#d0d2cc}.flip-half,.flip-face{width:100%;height:50%;box-shadow:inset 0 0 0 1px var(--flip-edge);backface-visibility:hidden;border:0;position:absolute;left:0;overflow:hidden}.flip-half{transform:translateZ(var(--flip-plane))}.flip-upper,.flip-front{background:linear-gradient(to bottom, #ffffff06, #0000000a), var(--flip-upper);box-shadow:inset 0 0 0 1px var(--flip-edge), inset 0 1px 0 #ffffff08;border-bottom:0;border-radius:.065em .065em 0 0;top:0}.flip-lower,.flip-back{background:linear-gradient(to bottom, #0000000a, #ffffff03), var(--flip-lower);border-top:0;border-radius:0 0 .065em .065em;bottom:0}.flip-lower{top:50%;bottom:auto}.flip-half:after,.flip-face:before{content:"";z-index:1;pointer-events:none;height:.02em;position:absolute;left:0;right:0}.flip-upper:after,.flip-front:before{background:linear-gradient(to top, var(--flip-crease-shadow), transparent);bottom:0}.flip-lower:after,.flip-back:before{background:linear-gradient(to bottom, var(--flip-crease-shadow), transparent);top:0}.flip-glyph{width:100%;height:var(--flip-height);justify-content:center;align-items:center;padding-right:.055em;display:flex;position:absolute;top:0;left:0}.flip-lower .flip-glyph,.flip-back .flip-glyph{top:calc(var(--flip-height) * -.5)}.flip-lower-next{opacity:0}.flip-leaf{z-index:3;visibility:hidden;transform-origin:50% 100%;width:100%;height:50%;transform:translateZ(var(--flip-plane));transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.flip-face{height:100%;inset:0}.flip-face:after,.flip-half:before{content:"";border-radius:inherit;z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 .003em #ffffff24,inset .003em 0 #ffffff0a,inset -.003em 0 #0002,inset 0 -.002em .004em #00000014}.flip-back{transform:rotateX(180deg)}.flip-seam{background:var(--flip-seam);height:max(1px,.006em);box-shadow:0 1px 0 var(--flip-seam-highlight);z-index:4;pointer-events:none;position:absolute;top:calc(50% - max(.5px,.003em));left:0;right:0;transform:translateZ(.014em)}.flip-hinge{z-index:5;pointer-events:none;background:linear-gradient(90deg,#111318,#6d717b 45%,#23252c);border-radius:.01em;width:max(2px,.02em);height:.07em;position:absolute;top:calc(50% - .035em);transform:translateZ(.018em);box-shadow:0 1px 2px #0008}.flip-hinge-left{left:0}.flip-hinge-right{right:0}.clock-experience:has(.analog-stage){padding-bottom:0}.clock-stage.analog-stage{min-height:100svh;padding:128px 30px 112px}.analog-stage .clock-center{min-height:0}.analog-stage .clock-overline{margin-bottom:20px}.analog-clock{width:min(82vw,max(180px,100svh - 286px),900px);height:auto;overflow:visible}.analog-clock .dial{fill:var(--canvas);stroke:var(--line);stroke-width:1px}.analog-clock line{stroke:var(--muted);stroke-width:1.2px}.analog-clock line.major{stroke:var(--text);stroke-width:3px}.analog-clock .hour-hand,.analog-clock .minute-hand{fill:var(--text)}.clock-hand{transform-origin:200px 200px}.second-hand{stroke:var(--green);stroke-width:1.6px;fill:var(--green)}.hand-pin{fill:var(--green)}.analog-clock text{text-anchor:middle;fill:var(--muted);font-family:Georgia,serif;font-size:20px}.analog-clock text.dial-brand{letter-spacing:2.4px;fill:var(--muted);font-family:Arial,sans-serif;font-size:8px}.analog-clock.station .dial{fill:var(--canvas);stroke:var(--line)}.analog-clock.station line{stroke:var(--text)}.analog-clock.station .hour-hand,.analog-clock.station .minute-hand,.analog-clock.station .dial-brand{fill:var(--text)}.analog-clock.station .second-hand{stroke:#e0001b;fill:#e0001b}.analog-clock.station .hand-pin{fill:#e0001b}.analog-clock.classic .dial{fill:var(--surface);stroke:#9c8d6d;stroke-width:4px}.analog-clock.classic .inner-dial{fill:none;stroke:#9c8d6d;stroke-width:.5px}.analog-clock.classic .major{stroke:#c7b58e;stroke-width:4px}.analog-clock.classic text:not(.dial-brand),.analog-clock.classic .hour-hand,.analog-clock.classic .minute-hand{fill:#c7b58e}.analog-clock.classic .second-hand{stroke:#c7b58e}.analog-clock.classic .hand-pin{fill:#c7b58e}.analog-clock.minimal .minor,.analog-clock.minimal .dial-brand{display:none}.analog-clock.minimal line.major{stroke-width:1px;stroke:var(--muted)}.analog-clock.minimal .second-hand{stroke:var(--text);fill:var(--text)}.analog-clock.minimal .hand-pin{fill:var(--text)}.settings-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#0007;justify-content:flex-end;align-items:flex-start;padding:90px 32px 25px;display:flex;position:fixed;inset:0}.settings-panel{width:400px;box-shadow:var(--shadow);max-height:calc(100svh - 115px);padding:28px;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.panel-heading h2{letter-spacing:-.6px;margin-top:7px;font-size:21px;font-weight:500}.eyebrow{color:var(--faint);letter-spacing:1.6px;text-transform:uppercase;font-size:10px;line-height:1.8}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:21px 0;display:flex}.settings-panel>.setting-row:last-child{border-bottom:0}.setting-row>div>span{font-size:12px}.setting-row p{color:var(--muted);max-width:215px;margin-top:6px;font-size:10px;line-height:1.5}.setting-row .select-control{flex-shrink:0;width:auto}.setting-row .select-trigger{min-width:116px;font-size:11px}.switch{border:1px solid var(--line);background:var(--surface-raised);border-radius:20px;flex-shrink:0;width:44px;height:26px;position:relative}.switch:before{content:"";position:absolute;inset:-10px}.switch>span{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:4px;left:4px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on>span{background:var(--accent-text);transform:translate(18px)}.privacy-note{color:var(--muted);align-items:center;gap:7px;margin:25px 0 3px;font-size:10px;display:flex}.privacy-note svg{color:var(--green)}.tool-experience{width:min(880px,100% - 64px);margin:0 auto;padding-top:150px}.tool-heading{text-align:center;margin-bottom:44px}.tool-heading h1{letter-spacing:-1.5px;margin-top:10px;font-size:43px;font-weight:400}.tool-intro{color:var(--muted);margin-top:13px;font-size:13px;line-height:1.7}.directory-group+.directory-group{margin-top:36px}.directory-group>h2{margin-bottom:14px;font-size:17px;font-weight:400}.directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}@media (min-width:1024px){.tool-experience:has(.directory){width:min(1120px,100% - 64px)}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.directory-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;display:flex}.directory-card:hover{background:var(--surface-raised);border-color:var(--muted)}.directory-card-heading{padding:22px 22px 12px}.directory-card-preview{background:var(--inset);border-radius:9px;justify-content:center;align-items:center;min-height:116px;margin-bottom:18px;display:flex}.directory-card-preview .style-preview{transform:scale(1.35)}.directory-card-preview .directory-timer-preview{flex-direction:column;gap:6px}.directory-preview-days{color:var(--muted);font-size:9px}.directory-card-preview .style-preview .timer-digits.flip{font-size:22px}.directory-card h3{justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:400;line-height:1.5;display:flex}.directory-card p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.directory-card-content{flex:1;padding:0 22px 22px}.directory-card .directory-guide-label{color:var(--text);margin-top:0}.directory-clock-tip,.directory-settings-intro,.directory-settings-options{color:var(--muted);font-size:13px;line-height:1.8}.directory-settings-options{margin:9px 0 0;padding-inline-start:20px}.directory-settings-options li+li{margin-top:6px}.directory-share{margin-top:36px}.directory-share>h2,.directory-share-steps h3{align-items:center;gap:12px;font-weight:400;display:flex}.directory-share>h2{font-size:20px;line-height:1.5}.directory-share p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.8}.directory-share-steps{margin:24px 0;padding:0;list-style:none}.directory-share-steps>li{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:22px}.directory-share-steps h3{font-size:15px;line-height:1.5}.directory-step-number{background:var(--inset);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.directory-share .directory-share-note{font-size:12px}.tool-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.tiny-tabs{align-items:center;gap:5px;display:flex}.tiny-tabs button,.tiny-tabs a{color:var(--muted);border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:12px 17px;font-size:11px;display:inline-flex}.tiny-tabs .active{background:var(--surface);color:var(--text)}.tiny-tabs button:hover,.tiny-tabs a:hover{color:var(--text)}.centered{justify-content:center}.primary,.secondary{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 21px;font-size:12px;line-height:1.3;display:inline-flex}.primary{background:var(--accent);color:var(--accent-text);border:1px solid #0000}.primary:hover{filter:brightness(.94)}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.secondary:hover{background:var(--surface-raised)}.actions{justify-content:center;align-items:center;gap:13px;margin-top:28px;display:flex}.tool-footnote{color:var(--faint);text-align:center;margin-top:32px;font-size:10px;line-height:1.8}.world-list{border-top:1px solid var(--line)}.world-row{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:27px 10px 27px 8px;display:flex}.day-icon{border:1px solid var(--line);width:43px;height:43px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.day-icon.day{color:#c8b48d}.city-description{flex:1}.city-description h2{letter-spacing:-.4px;font-size:20px;font-weight:400}.city-description p{color:var(--muted);align-items:center;gap:8px;margin-top:9px;font-size:10px;line-height:1.5;display:flex}.city-description p>span{color:var(--faint)}.world-time{text-align:end}.world-time strong{letter-spacing:-1.3px;font-variant-numeric:tabular-nums;font-size:36px;font-weight:400;line-height:1.1;display:block}.world-time>span{color:var(--muted);margin-top:8px;font-size:10px;display:block}.remove-city{width:32px;height:44px;margin-inline-start:5px}.converter-form{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;padding:23px;display:grid}.field{text-align:start;flex-direction:column;gap:10px;min-width:0;display:flex}.field>span,.field>label{color:var(--muted);font-size:10px;line-height:1.5}input,select{background:var(--inset);border:1px solid var(--line);color:var(--text);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:12px;font-size:12px}input::placeholder{color:var(--faint)}select{cursor:pointer}.select-control{width:100%;min-width:0;display:inline-flex}.select-trigger{border:1px solid var(--line);background:var(--inset);width:100%;min-width:0;min-height:44px;color:var(--text);text-align:start;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 14px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:var(--faint);background:var(--surface-raised)}.select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger>svg{color:var(--muted);transition:transform .15s}.select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.select-menu{z-index:100;overscroll-behavior:contain;box-shadow:var(--shadow);color:var(--text);text-align:start;border-radius:14px;margin:0;padding:6px;font-size:12px;position:fixed;overflow-y:auto}.select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:10px;display:flex}.select-option.highlighted{background:var(--surface-raised)}.select-option[aria-selected=true]{color:var(--accent)}.date-time-control{border:1px solid var(--line);background:var(--inset);border-radius:10px;align-items:center;min-width:0;transition:border-color .15s,background .15s;display:flex;position:relative}.date-time-control:hover,.date-time-control:focus-within{border-color:var(--faint);background:var(--surface-raised)}.date-time-control>input{border-radius:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;min-height:42px;padding:11px 48px 11px 14px}.date-time-control>input::-webkit-calendar-picker-indicator{display:none}.date-picker-time input::-webkit-calendar-picker-indicator{display:none}.date-time-control>input::-webkit-datetime-edit{padding:0}.date-time-trigger{width:44px;height:100%;color:var(--muted);border-radius:9px;place-items:center;display:grid;position:absolute;top:0;right:0}.date-time-trigger:hover,.date-time-trigger[aria-expanded=true]{color:var(--text)}.date-picker{z-index:100;overscroll-behavior:contain;width:min(320px,100vw - 16px);box-shadow:var(--shadow);color:var(--text);border-radius:14px;padding:14px;font-size:12px;position:fixed;overflow-y:auto}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.date-picker-nav{width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.date-picker-nav.previous svg{transform:rotate(90deg)}.date-picker-nav.next svg{transform:rotate(-90deg)}.date-picker-weekdays,.date-picker-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.date-picker-weekdays{color:var(--muted);padding-bottom:6px;font-size:10px;line-height:28px}.date-picker-day{font-variant-numeric:tabular-nums;border-radius:8px;min-height:36px;padding:0;position:relative}.date-picker-day.outside-month{color:var(--faint)}.date-picker-day[aria-current=date]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:calc(50% - 2px)}.date-picker :is(.date-picker-nav,.date-picker-day,.date-picker-today):hover:enabled{background:var(--surface-raised);color:var(--text)}.date-picker .date-picker-day[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.date-picker-time{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.date-picker-time label{color:var(--muted)}.date-picker-time input{font-variant-numeric:tabular-nums;border-radius:8px;width:96px;min-height:36px;padding:6px 8px}.date-picker-footer{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.date-picker-footer button{border-radius:8px;min-height:36px;padding:8px 14px}.date-picker-today{color:var(--muted)}.date-picker-done{background:var(--accent);color:var(--accent-text)}.field .date-time-control :is(input,button):focus-visible,.date-picker :is(input,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.select-trigger,.select-trigger>svg,.date-time-control{transition:none}}.form-error,.overlap{grid-column:1/-1}.form-error{color:#dfa7a7;font-size:12px;line-height:1.7}.city-search{margin-bottom:25px;padding:20px}.city-results{grid-template-columns:1fr 1fr;gap:4px;max-height:260px;margin-top:14px;display:grid;overflow-y:auto}.city-results button{text-align:start;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;font-size:12px;display:flex}.city-results button:hover{background:var(--surface-raised)}.city-results small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.timer-tool,.stopwatch-tool{text-align:center}.timer-face{margin:32px 0 0}.timer-stage-anchor{justify-content:center;display:flex}.timer-stage{transition:translate var(--stage-duration) var(--stage-easing);justify-content:center;align-items:center;display:flex;position:relative;translate:0}.timer-stage.has-title{flex-direction:column;gap:24px}.timer-stage-clock{transition:scale var(--stage-duration) var(--stage-easing);justify-content:center;align-items:center;display:flex;scale:1}.timer-stage-title{transition:translate var(--stage-duration) var(--stage-easing);translate:0 -12px}.timer-stage.is-centered{translate:var(--timer-center-x,0px) var(--timer-center-y,0px)}.timer-stage.is-centered .timer-stage-clock{scale:var(--timer-face-scale,1)}.timer-stage-anchor[data-fit-viewport] .timer-stage-clock:has(.digital-clock.flip){width:var(--timer-flip-layout-width);height:var(--timer-flip-layout-height);scale:var(--timer-flip-resting-scale,1)}.timer-stage-anchor[data-fit-viewport] .digital-clock.flip{font-size:var(--timer-flip-font-size,var(--flip-font-size));flex:none}.timer-stage-anchor[data-fit-viewport] .timer-stage.is-centered .timer-stage-clock:has(.digital-clock.flip){scale:1}.timer-stage.is-centered .timer-stage-title{translate:0 var(--timer-title-center-y,0px)}.timer-stage[data-reduced=true],.timer-stage[data-reduced=true] .timer-stage-clock,.timer-stage[data-reduced=true] .timer-stage-title,.timer-stage-anchor[data-restoring] .timer-stage,.timer-stage-anchor[data-restoring] .timer-stage-clock,.timer-stage-anchor[data-restoring] .timer-stage-title{transition:none}.timer-mode-tabs{width:max-content;margin:24px auto}.timer-face+.timer-mode-tabs{margin-top:48px}.timer-number{letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(80px,13vw,160px);font-weight:400;line-height:1.15;display:inline-block}.timer-track{background:var(--line);border-radius:2px;width:260px;height:2px;margin:22px auto 0;overflow:hidden}.timer-track span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block}.timer-message{color:var(--muted);min-height:20px;margin-top:23px;font-size:11px;line-height:1.8}.start-button{min-width:151px;min-height:48px}.reset-button{border:1px solid var(--line);width:46px;height:46px}.presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:25px;display:flex}.presets button:not([type=submit]){border:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:8px;padding:0 15px;font-size:10px}.presets button.selected{color:var(--text);background:var(--surface-raised)}.session-dots{justify-content:center;align-items:center;gap:7px;margin-top:30px;display:flex}.session-dots>span{background:var(--line);border-radius:50%;width:6px;height:6px}.session-dots>span.done{background:var(--accent)}.session-dots>small{color:var(--muted);margin-inline-start:9px;font-size:10px}.text-button{color:var(--muted);justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 8px;font-size:10px;display:inline-flex}.text-button:hover{color:var(--text)}.timer-tool>.text-button{margin-top:12px}.custom-timer{max-width:500px;margin:15px auto 0;padding:22px}.custom-duration-picker{position:relative}.countdown-experience .presets:has(.custom-timer){z-index:40;position:relative}.custom-duration-picker .custom-timer{z-index:10;width:min(320px,100vw - 32px);box-shadow:var(--shadow);margin:0;position:absolute;top:calc(100% + 10px);left:0}.custom-duration-picker .custom-fields .field{min-width:0}.custom-duration-picker .custom-fields{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.custom-duration-picker :is(input,button):focus-visible{outline:none}.custom-fields{gap:12px;margin-bottom:18px;display:flex}.custom-fields .field{flex:1}.event-form{flex-direction:column;width:calc(100% - 40px);max-width:530px;margin:25px auto 0;display:flex}.event-fields{text-align:start;grid-template-columns:1fr;align-items:start;gap:16px;display:grid}.event-fields .field,.event-fields input{min-width:0}.event-fields .overlap,.event-fields .form-error{grid-column:1/-1}.event-form :is(input,button):focus-visible{outline:none}.tool-controls :is(.presets button,.primary,.secondary,.icon-button,input,.select-trigger){height:var(--control-height);min-height:var(--control-height);padding-block:0}.tool-controls .icon-button{width:var(--control-height)}.tool-controls .field>input{border-radius:10px;padding-inline:14px;transition:border-color .15s,background .15s}.tool-controls .field>input:hover,.tool-controls .field>input:focus-visible{border-color:var(--faint);background:var(--surface-raised)}.tool-controls .date-time-control>input{height:calc(var(--control-height) - 2px);min-height:calc(var(--control-height) - 2px)}.event-name{overflow-wrap:anywhere;max-width:min(800px,100vw - 40px);font-size:clamp(32px,5vw,64px);font-weight:400}.event-display{justify-content:center;align-items:center;gap:30px;margin-top:0;display:flex}.event-display>span{flex-direction:column;gap:12px;display:flex}.event-display strong{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:clamp(36px,7vw,80px);font-weight:400}.event-display small{color:var(--muted);letter-spacing:.7px;font-size:10px}.stopwatch-number{font-size:clamp(66px,12vw,140px)}.lap-list{max-width:540px;margin:45px auto 0}.lap-empty{color:var(--faint);border-top:1px solid var(--line);justify-content:center;align-items:center;gap:9px;padding:27px;font-size:11px;display:flex}.lap-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{border-bottom:1px solid var(--line);text-align:end;padding:14px 10px;font-size:12px;font-weight:400}th{color:var(--muted);font-size:10px}th:first-child,td:first-child{text-align:start;color:var(--muted)}.alarm-tool{width:100%;max-width:530px;margin:auto}.alarm-tool .actions{flex-wrap:wrap}.directory-alarm-preview{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;font-size:32px;display:flex}.alarm-save-notice{text-align:start;max-width:36rem;display:block}.empty-state{text-align:center;color:var(--muted);padding:45px 25px}.empty-state>svg{color:var(--faint);margin-bottom:20px}.empty-state h2{color:var(--text);letter-spacing:-.5px;margin-top:17px;font-size:23px;font-weight:400}.empty-state p{margin-top:12px;font-size:11px;line-height:1.8}.alarm-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:23px 3px;display:flex}.alarm-details{text-align:start;flex:1;min-width:0;padding:0}.alarm-details strong{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:50px;font-weight:400}.alarm-details>span{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:11px;line-height:1.6;display:block}.alarm-details i{margin:0 8px;font-style:normal}.alarm-row.disabled .alarm-details{opacity:.4}.alarm-form{margin:25px auto 0}.alarm-form .panel-heading h2{margin-top:0}.alarm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.alarm-time-inputs{direction:ltr;align-items:center;gap:8px;display:flex}.alarm-time-inputs>input[type=time]{flex:1}.alarm-time-inputs>.alarm-seconds-input{text-align:center;font-variant-numeric:tabular-nums;flex:0 0 3.5rem;width:3.5rem}.modal-backdrop{justify-content:center;align-items:center;padding:24px}.alarm-dialog{text-align:center;width:100%;max-width:450px;padding:35px}.alarm-dialog h2{margin-top:10px;font-size:25px;font-weight:400}.alarm-big{letter-spacing:-3px;margin:20px 0;font-size:clamp(32px,10vw,64px)}.transition-list{gap:15px;display:grid}.transition-card{gap:25px;padding:27px;display:flex}.transition-card h2{letter-spacing:-.6px;margin-top:4px;font-size:24px;font-weight:400}.transition-card p{color:var(--muted);margin-top:10px;font-size:12px}.transition-icon{color:#c8b48d;padding-top:6px}.transition-times{align-items:center;gap:15px;margin:22px 0 10px;display:flex}.transition-times>span{letter-spacing:-.7px;font-size:27px}.transition-times small{color:var(--muted);margin-inline-start:8px;font-size:10px}.small{font-size:10px;line-height:1.7}.toast{background:var(--accent);max-width:calc(100vw - 32px);color:var(--accent-text);box-shadow:var(--shadow);z-index:100;text-align:center;border-radius:10px;padding:14px 21px;font-size:12px;line-height:1.6;position:fixed;bottom:115px;left:50%;transform:translate(-50%)}.topbar,.bottom-bar,.clock-overline,.clock-page-heading,.clock-caption,.tool-heading,.timer-controls{transition:opacity var(--interface-duration) ease, translate var(--interface-duration) var(--interface-easing), visibility 0s;translate:0}.interface-hidden .topbar,.interface-hidden .bottom-bar,.interface-hidden .clock-overline,.interface-hidden .clock-page-heading,.interface-hidden .clock-caption,.interface-hidden .tool-heading,.interface-hidden .timer-controls{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s, 0s, var(--interface-duration)}.interface-hidden{--interface-duration:.42s;--stage-duration:.68s;cursor:none}.interface-hidden .topbar,.interface-hidden .clock-overline,.interface-hidden .clock-page-heading,.interface-hidden .tool-heading{translate:0 -10px}.interface-hidden .bottom-bar,.interface-hidden .clock-caption,.interface-hidden .timer-controls{translate:0 10px}.app-shell[data-reduced=true]{--interface-duration:0s;--stage-duration:0s}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100svh;padding:120px 25px;display:flex}.not-found h1{letter-spacing:-1px;font-size:45px;font-weight:400}.not-found p{color:var(--muted);line-height:1.8}@media (min-width:1600px){.clock-center{min-height:330px}.clock-stage{padding-top:210px}.clock-overline{margin-bottom:40px}}@media (max-width:1150px){.bottom-note{display:none}.bottom-bar{justify-content:center}.topbar{padding:0 32px}.digital-clock{font-size:22vw}.clock-center{min-height:230px}.digital-clock.led{font-size:20vw}.digital-clock.flip{--flip-font-size:18vw}}@media (max-height:800px) and (min-width:701px){.topbar{height:85px}.clock-page-heading{top:96px}.clock-stage{padding-top:145px}.clock-overline{margin-bottom:22px}.clock-center{min-height:210px}.digital-clock{font-size:min(20vw,240px)}.clock-caption{margin-top:17px}.tool-experience{padding-top:125px}.tool-heading{margin-bottom:30px}.tool-heading h1{font-size:36px}.timer-face{margin-top:20px}.timer-number{font-size:120px}.tool-footnote{margin-top:24px}}@media (max-width:700px){:root{--control-height:34px}.topbar{height:84px;padding:0 21px}.brand{gap:7px;font-size:19px}.brand-domain{font-size:16px}.brand-mark{width:15px;height:15px}.brand-mark:before{top:2px;left:5px}.brand-mark i{top:6px;left:5px}.header-actions{gap:3px}.header-divider{display:none}.seconds-toggle{gap:6px;margin-inline-end:5px;padding:0 9px;font-size:10px}.icon-button{width:36px;height:44px}.header-actions .icon-button svg{width:18px}.experience{padding-bottom:130px}.clock-page-heading{top:112px}.clock-page-heading h1{letter-spacing:1.5px;font-size:9px}.clock-stage{justify-content:center;min-height:calc(100svh - 130px);padding:171px 15px 30px}.clock-overline{gap:8px;margin-bottom:35px;font-size:10px}.clock-center{justify-content:center;min-height:140px}.digital-clock{font-size:24vw}.digital-clock:not(.with-seconds){font-size:28vw}.clock-customize{gap:10px}.segmented :is(a,button){padding:0 13px;font-size:10px}.style-button{gap:11px;min-width:124px;padding:0 11px;font-size:10px}.clock-caption{margin-top:22px;font-size:9px}.bottom-bar{bottom:max(18px, env(safe-area-inset-bottom));left:12px;right:12px}.dock{gap:0;width:auto;max-width:100%;padding:5px}.dock-item{flex-direction:column;gap:7px;min-width:52px;height:56px;padding:7px 12px;font-size:9px}.dock-item svg{width:18px;height:18px}.style-menu{width:min(290px,100vw - 32px);left:auto;right:0}.digital-clock.flip{--flip-font-size:18.3vw}.digital-clock.flip:not(.with-seconds){--flip-font-size:23vw}.digital-clock.led{font-size:21vw}.digital-clock.led:not(.with-seconds){font-size:25vw}.analog-clock{width:min(100vw - 40px,max(180px,100svh - 332px))}.clock-stage.analog-stage{padding:176px 20px 108px}.analog-stage .clock-overline{margin-bottom:27px}.tool-experience{width:calc(100% - 40px);padding-top:125px}.tool-heading{margin-bottom:30px}.tool-heading h1{letter-spacing:-1px;font-size:32px;line-height:1.2}.tool-intro{margin-top:12px;font-size:11px}.eyebrow{letter-spacing:1.3px;font-size:9px}.tool-toolbar{gap:8px;margin-bottom:19px}.tiny-tabs{gap:3px}.tiny-tabs button,.tiny-tabs a{gap:7px;padding:10px 12px;font-size:10px}.tool-toolbar .secondary{padding:0 13px;font-size:10px}.world-row{gap:12px;padding:24px 0}.day-icon{width:33px;height:33px}.day-icon svg{width:18px}.city-description h2{font-size:17px}.city-description p{gap:5px;max-width:150px;font-size:9px;display:block}.city-description p>span{margin:0 5px}.world-time strong{font-size:28px}.world-time>span{margin-top:7px;font-size:9px}.remove-city{width:23px;margin-inline-start:0}.converter-form{grid-template-columns:1fr;gap:18px;padding:18px}.city-results{grid-template-columns:1fr 1fr}.city-results button{padding:12px 7px;font-size:11px}.field>span{font-size:10px}.timer-face{margin-top:34px}.timer-number{font-size:clamp(67px,22vw,135px)}.timer-message{font-size:10px}.timer-track{width:200px;margin-top:18px}.actions{gap:10px;margin-top:25px}.start-button{min-width:148px}.presets{gap:6px;margin-top:23px}.presets button:not([type=submit]){padding:0 11px;font-size:9px}.session-dots{margin-top:26px}.custom-timer{padding:17px}.custom-fields{gap:8px}.custom-fields input{padding:10px;font-size:12px}.custom-fields .field>span{font-size:9px}.event-fields{grid-template-columns:1fr}.event-display{gap:20px}.event-display strong{letter-spacing:-2px;font-size:9vw}.event-display small{font-size:8px}.stopwatch-number{font-size:19vw}.empty-state{padding:40px 12px}.alarm-form-grid{grid-template-columns:1fr}.alarm-time-field{width:min(100%,12rem)}.alarm-time-field input{appearance:none;max-width:100%}.alarm-time-field input::-webkit-date-and-time-value{text-align:start}.alarm-details strong{font-size:clamp(28px,7vw,43px)}.alarm-row{gap:13px}.transition-card{gap:17px;padding:20px}.transition-card h2{font-size:22px}.transition-card p{font-size:10px;line-height:1.7}.transition-times{flex-wrap:wrap;gap:10px}.transition-times>span{font-size:25px}.transition-times small{font-size:9px}.transition-card .small{font-size:8px}.settings-backdrop{padding:75px 12px 15px}.settings-panel{width:100%;max-width:400px;max-height:calc(100svh - 90px);padding:23px}.setting-row{padding:18px 0}.setting-row p{max-width:190px;font-size:9px}.toast{width:max-content;padding:12px 16px;font-size:11px;bottom:105px}.offline{display:none}}@media (max-width:370px){.topbar{padding:0 16px}.brand-domain{display:none}.dock-item{min-width:46px;padding:7px 10px}.clock-customize{gap:7px}.segmented :is(a,button){padding:0 10px}.style-button{min-width:117px}.digital-clock{font-size:23vw}.city-description p{max-width:125px}.tool-toolbar .tiny-tabs a{padding:10px 8px;font-size:9px}.tool-toolbar .tiny-tabs svg{display:none}.tool-heading h1{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.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}.seconds-toggle{position:relative}.seconds-toggle:before{content:"";position:absolute;inset:-4px 0}@media (pointer:coarse){.segmented :is(a,button),.style-button,.header-actions>.icon-button,.fullscreen-button{position:relative}.seconds-toggle:before,.segmented :is(a,button):before,.style-button:before,.header-actions>.icon-button:before,.fullscreen-button:before{content:"";position:absolute;inset:-9px 0}}.digital-clock.led{font-size:clamp(130px,26vw,420px)}@media (max-width:1150px){.digital-clock.led{font-size:28vw}}@media (max-width:700px){.digital-clock:not(.flip):not(.led){font-size:min(26vw,27.8707vw - 8.3612px)}.digital-clock:not(.with-seconds):not(.flip):not(.led){font-size:34vw}.digital-clock.flip{--flip-font-size:20vw}.digital-clock.flip:not(.with-seconds){--flip-font-size:32vw}.digital-clock.led{font-size:29vw}.digital-clock.led:not(.with-seconds){font-size:43vw}.meridiem{font-size:.08em;right:-15px}}.timer-number.has-hours{font-size:clamp(64px,10vw,130px)}@media (max-width:700px){.timer-number.has-hours{font-size:17vw}.stopwatch-number.has-hours{font-size:14vw}}.topbar .header-actions{margin-inline-start:auto}.bottom-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.dock{grid-column:2}.share-button{pointer-events:auto;grid-column:3;justify-self:end}.share-dialog{width:min(500px,100vw - 40px);color:var(--text);box-shadow:var(--shadow);padding:22px}.share-dialog::backdrop{background:#0008}.share-dialog h2{font-size:18px;font-weight:400}.share-dialog p{color:var(--muted);margin-bottom:18px;line-height:1.6}@media (max-width:1000px){.topbar{flex-wrap:wrap;gap:12px;height:auto;padding-top:18px;padding-bottom:18px}.app-shell .topbar:has(.clock-customize){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 8px;height:auto;min-height:84px;padding-top:18px;padding-bottom:18px;display:grid}.topbar:has(.clock-customize) .display-controls{grid-area:1/1/auto/-1;justify-self:start}.topbar:has(.clock-customize) .fullscreen-button{padding:0}.topbar:has(.clock-customize) .fullscreen-button kbd{display:none}.topbar:has(.clock-customize) .header-actions{display:contents}.clock-customize{display:contents}.clock-customize .segmented{grid-area:1/1/auto/-1;justify-self:end;margin-inline-end:calc(var(--control-height) + 8px)}.clock-customize .seconds-toggle{grid-area:2/2;justify-self:end;margin:0}.clock-customize .style-picker{grid-area:2/3;justify-self:end}.topbar:has(.clock-customize) .header-divider{display:none}.topbar:has(.clock-customize) .header-actions>.icon-button{grid-area:1/3;justify-self:end}.topbar:has(.clock-customize) .header-actions>.offline{display:none}.clock-customize .style-menu{max-width:calc(100vw - 42px)}}@media (max-width:700px){.app-shell:has(:is(.clock-experience,.countdown-experience)){grid-template-rows:auto minmax(min-content,1fr) auto;display:grid}.app-shell:has(:is(.clock-experience,.countdown-experience)) .topbar{position:relative}.app-shell:has(:is(.clock-experience,.countdown-experience))>main{min-width:0;min-height:0;display:flex}.clock-experience,.countdown-experience{flex:1;min-width:0;min-height:0;padding-bottom:0;display:flex}.countdown-experience{align-items:center;padding-top:0}.countdown-experience .timer-tool{width:100%}.countdown-experience .timer-face{margin-top:0}.countdown-experience .timer-stage:not(.is-centered) .timer-stage-title{translate:0}.clock-stage,.clock-stage.analog-stage{flex:1;min-width:0;min-height:0;padding:0 20px}.clock-center{min-height:0}.app-shell:has(:is(.clock-experience,.countdown-experience)) .bottom-bar{margin:18px 12px max(18px, env(safe-area-inset-bottom));position:relative;inset:auto}}@media (max-width:1000px) and (orientation:landscape){.app-shell:has(.clock-experience){grid-template-rows:auto minmax(min-content,1fr) auto;display:grid}.app-shell:has(.clock-experience) .topbar{position:relative}.clock-experience{min-height:0;padding-bottom:0}.clock-stage,.clock-stage.analog-stage{min-height:0;padding:20px}.clock-center{min-height:0}.app-shell:has(.clock-experience) .bottom-bar{margin:18px 12px max(18px, env(safe-area-inset-bottom));position:relative;inset:auto}}@media (max-width:370px){.topbar:has(.clock-customize) .fullscreen-button{gap:6px;font-size:10px}.clock-customize .segmented :is(a,button){gap:5px;padding:0 5px}}.pwa-status-bar{display:none}@media (display-mode:standalone){@supports (-webkit-touch-callout:none){:root:not(:fullscreen) .pwa-status-bar{z-index:0;pointer-events:none;background-color:var(--canvas);-webkit-background-clip:text;background-clip:text;height:11px;display:block;position:fixed;inset:0 0 auto}}}:root:fullscreen .app-shell:has(.clock-experience){display:block}:root:fullscreen .app-shell:has(.clock-experience) .topbar{position:absolute}:root:fullscreen .clock-stage{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;min-height:100dvh;padding:clamp(48px,8vmin,128px);display:grid}:root:fullscreen .clock-experience{padding-bottom:0}:root:fullscreen .clock-overline{grid-row:1;align-self:end}:root:fullscreen .clock-center{grid-row:2;min-height:0}@media (max-width:1000px){:root:fullscreen .topbar:has(.clock-customize) .display-controls{grid-column:1;min-width:0}:root:fullscreen .topbar:has(.clock-customize) .fullscreen-button{max-width:100%}:root:fullscreen .topbar:has(.clock-customize) .fullscreen-button span{white-space:normal;text-align:start}:root:fullscreen .app-shell:has(.clock-experience) .bottom-bar{inset:auto 12px max(18px, env(safe-area-inset-bottom));margin:0;position:fixed}}.style-preview .analog-clock{width:68px;height:68px}.style-preview .digital-clock.clean{font-size:26px}.style-preview .digital-clock.clean.with-seconds{font-size:23px}.style-preview .digital-clock.led{font-size:30px}.style-preview .digital-clock.flip{font-size:22px}.style-preview .meridiem{letter-spacing:0;align-self:flex-end;margin-inline-start:3px;font-size:6px;position:static}.timer-digits{--timer-size:160px;--timer-available-width:calc(100vw - 64px);font-variant-numeric:tabular-nums;letter-spacing:-.06em;white-space:nowrap;justify-content:center;align-items:baseline;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.15;display:inline-flex}:root:not(:fullscreen) .timer-stage:not(.is-centered) .timer-digits{font-size:min(var(--timer-size), calc(var(--timer-available-width) / (var(--timer-groups) * 1.6)))}.timer-digits.led{letter-spacing:0;gap:.02em}.timer-digits.led .time-colon{font-size:.8em}.timer-digits.flip{letter-spacing:-.055em;perspective:12em;perspective-origin:50% 42%;align-items:center;gap:.09em}.timer-digits.flip.with-days{font-size:min(var(--flip-font-size), calc((100vw - 40px) / var(--timer-flip-width)))}@media (max-height:800px) and (min-width:701px){.timer-face .timer-digits{--timer-size:120px}}.digital-clock,.analog-clock,.style-preview,.world-time strong,.alarm-big,.stopwatch-number,.date-picker-weekdays,.date-picker-days{direction:ltr;unicode-bidi:isolate}[dir=rtl] .style-menu,[dir=rtl] .date-time-trigger{left:0;right:auto}[dir=rtl] .date-time-control>input{padding-inline:14px 48px}[dir=rtl] .date-picker-nav.previous svg{transform:rotate(-90deg)}[dir=rtl] .date-picker-nav.next svg{transform:rotate(90deg)}.select-value,.select-option>span{overflow-wrap:anywhere}