.brand-logo-shell{display:flex;flex-direction:column;align-items:center}.brand-logo-shell--hero{width:min(100%,calc(360px * var(--ui-scale)))}.brand-logo-preview{display:flex;align-items:center;justify-content:center;width:100%}.brand-logo-art{display:block;width:auto;max-width:100%;object-fit:contain}.brand-logo-shell--hero .brand-logo-art{height:clamp(calc(63px * var(--ui-scale)),14.7vw,calc(88.5px * var(--ui-scale)))}.brand-logo-shell--header .brand-logo-art{height:clamp(calc(38px * var(--ui-scale)),5.2vw,calc(54px * var(--ui-scale)))}.brand-logo-shell--compact .brand-logo-art{height:calc(25px * var(--ui-scale))}.onboarding{--onboarding-ink: var(--ink);--onboarding-paper: var(--paper);font-family:var(--font-ui);min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:clip;background:var(--onboarding-paper);color:var(--onboarding-ink);padding:max(32px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}.onboarding-header{position:relative;flex:none;width:100%;min-height:calc(188px * var(--ui-scale));padding:10px max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center}.onboarding-welcome .onboarding-header{min-height:0;padding-bottom:calc(8px * var(--ui-scale))}.onboarding-welcome .onboarding-carousel{margin-top:clamp(calc(16px * var(--ui-scale)),3.5vh,calc(32px * var(--ui-scale)))}.onboarding-welcome .onboarding-carousel-viewport{padding-top:calc(8px * var(--ui-scale))}.onboarding-back{position:absolute;left:max(calc(28px * var(--ui-scale)),env(safe-area-inset-left));top:calc(6px * var(--ui-scale));display:grid;place-items:center;width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));border-radius:50%;color:var(--muted)}.onboarding-back:hover{background:var(--surface-subtle)}.onboarding-carousel{width:100%;flex:none;margin:clamp(calc(48px * var(--ui-scale)),8vh,calc(100px * var(--ui-scale))) 0 0;transition:margin .45s var(--ease);overscroll-behavior-x:contain}.onboarding-carousel-viewport{width:100%;display:flex;overflow-x:auto;overflow-y:hidden;padding:calc(16px * var(--ui-scale)) 0;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-width:none;user-select:none;-webkit-user-select:none}.onboarding-carousel-viewport::-webkit-scrollbar{display:none}.onboarding-carousel-viewport:focus-visible{outline-offset:calc(-5px * var(--ui-scale));border-radius:calc(12px * var(--ui-scale))}.onboarding-carousel-track{display:flex;gap:calc(22px * var(--ui-scale));width:max-content;min-width:100%;padding-inline:var(--carousel-edge, 0px)}.onboarding-clock-card{position:relative;display:block;flex:0 0 auto;scroll-snap-align:center;padding:0;width:clamp(270px,28vw,440px);aspect-ratio:11 / 5;border-radius:18px;cursor:inherit;transition:transform .45s var(--ease),box-shadow .35s;box-shadow:0 3px 10px #24252204}.onboarding-clock-surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;isolation:isolate;box-shadow:inset 0 0 0 1px #2425220a}.onboarding-clock-surface .background{z-index:-1}.onboarding-clock-card.is-selected{transform:scale(1.025)}.onboarding-selection{display:grid;place-items:center;position:absolute;bottom:calc(14px * var(--ui-scale));right:calc(14px * var(--ui-scale));width:calc(25px * var(--ui-scale));height:calc(25px * var(--ui-scale));border-radius:50%;background:var(--onboarding-paper);color:var(--onboarding-ink);box-shadow:0 1px 8px #0002}.onboarding-choose .onboarding-clock-card.is-selected{box-shadow:0 0 0 4px var(--onboarding-paper),0 0 0 5px var(--klocky-gray-mid)}.onboarding-carousel-caption{display:flex;align-items:center;justify-content:center;gap:calc(13px * var(--ui-scale));margin-top:calc(11px * var(--ui-scale));height:calc(36px * var(--ui-scale));color:var(--muted)}.onboarding-carousel-caption>span{min-width:calc(100px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));letter-spacing:.02em;text-align:center}.onboarding-clock-number{color:var(--muted);margin-right:calc(13px * var(--ui-scale));font-size:calc(10px * var(--ui-scale));font-weight:400;font-variant-numeric:tabular-nums}.onboarding-carousel-caption button{width:calc(36px * var(--ui-scale));height:calc(36px * var(--ui-scale));display:grid;place-items:center;border-radius:50%;color:var(--muted)}.onboarding-carousel-caption button:hover{background:var(--surface-subtle);color:var(--onboarding-ink)}.onboarding-content{width:min(calc(100% - 40px * var(--ui-scale)),calc(490px * var(--ui-scale)));text-align:center;margin:calc(38px * var(--ui-scale)) auto 0;animation:onboarding-arrive .4s var(--ease) both}.onboarding h1{font-size:clamp(calc(32px * var(--ui-scale)),3.1vw,calc(46px * var(--ui-scale)));line-height:1.12;font-weight:700;letter-spacing:-.055em;margin:0;outline:none}.onboarding-copy{color:var(--muted);font-size:calc(14px * var(--ui-scale));line-height:1.65;letter-spacing:-.01em;max-width:calc(380px * var(--ui-scale));margin:calc(16px * var(--ui-scale)) auto 0;text-wrap:balance}.onboarding-actions{display:flex;flex-direction:column;align-items:center;margin-top:calc(30px * var(--ui-scale))}.onboarding-primary{width:min(100%,calc(265px * var(--ui-scale)));display:flex;align-items:center;justify-content:center;gap:calc(27px * var(--ui-scale));min-height:calc(54px * var(--ui-scale));padding:0 calc(24px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:var(--ink);color:var(--klocky-white);font-size:calc(13px * var(--ui-scale));font-weight:700;transition:background .2s,transform .2s}.onboarding-primary:hover{background:color-mix(in srgb,var(--ink) 72%,var(--klocky-white));transform:translateY(-1px)}.onboarding-primary:active{transform:translateY(1px)}.onboarding-secondary{min-height:calc(44px * var(--ui-scale));margin-top:calc(9px * var(--ui-scale));color:var(--muted);font-size:calc(11px * var(--ui-scale))}.onboarding-secondary-button{width:min(100%,calc(265px * var(--ui-scale)));min-height:calc(54px * var(--ui-scale));margin-top:calc(12px * var(--ui-scale));padding:0 calc(24px * var(--ui-scale));display:flex;align-items:center;justify-content:center;gap:calc(27px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));background:var(--surface-subtle);color:var(--ink);font-size:calc(13px * var(--ui-scale));font-weight:700;transition:background .2s,transform .2s}.onboarding-secondary-button:hover{background:var(--line);color:var(--onboarding-ink);transform:translateY(-1px)}.onboarding-secondary:hover{color:var(--onboarding-ink)}.onboarding-footer{font-size:calc(9px * var(--ui-scale));letter-spacing:.07em;color:var(--muted);margin-top:auto;padding:calc(37px * var(--ui-scale)) calc(20px * var(--ui-scale)) 0}.onboarding-choose{display:block;padding-bottom:max(calc(56px * var(--ui-scale)),env(safe-area-inset-bottom))}.onboarding-choose .onboarding-header{position:relative}.onboarding-choose-intro{margin-top:clamp(calc(58px * var(--ui-scale)),9vh,calc(108px * var(--ui-scale)))}.onboarding-choose-actions{margin-top:calc(30px * var(--ui-scale))}.onboarding-clock-list{width:min(calc(100% - 48px * var(--ui-scale)),calc(1040px * var(--ui-scale)));margin:clamp(calc(64px * var(--ui-scale)),9vh,calc(112px * var(--ui-scale))) auto 0}.onboarding-clock-list-inner{display:grid;gap:clamp(calc(48px * var(--ui-scale)),7vw,calc(84px * var(--ui-scale)))}.onboarding-clock-list-item{width:100%}.onboarding-clock-list-surface-hit{display:block;width:100%;padding:0;border:0;background:transparent;text-align:inherit;cursor:pointer;border-radius:calc(22px * var(--ui-scale))}.onboarding-clock-list-surface-hit:focus-visible{outline:2px solid var(--klocky-blue);outline-offset:calc(3px * var(--ui-scale))}.onboarding-clock-list-item .onboarding-clock-surface{position:relative;width:100%;aspect-ratio:11 / 5;border-radius:22px;box-shadow:inset 0 0 0 1px #2425220d,0 9px 32px #2425220a}.onboarding-clock-list-meta{display:flex;align-items:center;justify-content:space-between;gap:calc(24px * var(--ui-scale));min-height:calc(74px * var(--ui-scale));padding:calc(16px * var(--ui-scale)) calc(4px * var(--ui-scale)) 0}.onboarding-clock-list-meta>div{display:flex;align-items:baseline;gap:calc(15px * var(--ui-scale))}.onboarding-clock-list-meta span{color:var(--muted);font-size:calc(10px * var(--ui-scale));font-weight:400;font-variant-numeric:tabular-nums}.onboarding-clock-list-meta h2{margin:0;font-size:calc(15px * var(--ui-scale));font-weight:700;letter-spacing:-.02em}.onboarding-clock-cta{min-height:calc(40px * var(--ui-scale));display:inline-flex;align-items:center;justify-content:center;gap:calc(10px * var(--ui-scale));padding:0 calc(17px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:var(--ink);color:var(--klocky-white);font-size:calc(11px * var(--ui-scale));font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.onboarding-clock-cta:hover{background:color-mix(in srgb,var(--ink) 72%,var(--klocky-white));transform:translateY(-1px)}.onboarding-location .onboarding-carousel{margin-top:calc(20px * var(--ui-scale))}.onboarding-location .onboarding-clock-card{width:clamp(200px,19vw,290px)}.onboarding-location .onboarding-carousel-caption{display:none}.onboarding-location .onboarding-content{margin-top:calc(28px * var(--ui-scale))}.onboarding-location .onboarding-copy{max-width:calc(350px * var(--ui-scale));font-size:calc(13px * var(--ui-scale))}.onboarding-content>.onboarding-location{width:min(100%,calc(320px * var(--ui-scale)));min-height:0;display:block;padding:0;overflow:visible;margin:calc(23px * var(--ui-scale)) auto 0}.onboarding-locate{width:100%;min-height:calc(46px * var(--ui-scale));display:flex;align-items:center;justify-content:center;gap:calc(9px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));background:var(--surface-subtle)}.onboarding-locate:hover{background:var(--line)}.onboarding-place{display:flex;align-items:center;justify-content:space-between;padding:calc(18px * var(--ui-scale)) calc(2px * var(--ui-scale)) calc(13px * var(--ui-scale));text-align:left;gap:calc(14px * var(--ui-scale))}.onboarding-place>div{display:flex;flex-direction:column;gap:calc(7px * var(--ui-scale));min-width:0}.onboarding-place-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale))}.onboarding-place strong{font-size:calc(14px * var(--ui-scale));font-weight:500;line-height:1.45}.onboarding-place-time{font-size:calc(12px * var(--ui-scale));color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.onboarding-place small{display:flex;align-items:center;gap:calc(4px * var(--ui-scale));color:var(--muted);font-size:calc(10px * var(--ui-scale))}.onboarding-place-edit{flex:none;font-size:calc(16px * var(--ui-scale));font-weight:500;color:var(--klocky-blue);min-height:calc(44px * var(--ui-scale));padding:0 calc(10px * var(--ui-scale));text-decoration:underline;text-underline-offset:3px}.onboarding-place-edit:hover{color:color-mix(in srgb,var(--klocky-blue) 82%,var(--ink))}.onboarding-time-settings{text-align:left;margin:0 0 calc(13px * var(--ui-scale))}.onboarding-time-options{padding:calc(4px * var(--ui-scale)) 0 calc(10px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.onboarding-time-options>div,.onboarding-time-options>label{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale));min-height:calc(44px * var(--ui-scale))}.onboarding-time-options input{min-width:0;width:calc(185px * var(--ui-scale));max-width:65%;border:1px solid var(--line);background:transparent;border-radius:calc(7px * var(--ui-scale));padding:calc(9px * var(--ui-scale)) calc(7px * var(--ui-scale));font-size:calc(10px * var(--ui-scale))}.onboarding-time-options>small{display:block;color:var(--muted);margin-top:calc(8px * var(--ui-scale));line-height:1.5}.onboarding-time-options>p{font-size:calc(11px * var(--ui-scale));color:var(--klocky-blue)}.onboarding-format{display:flex;background:var(--surface-subtle);border-radius:calc(7px * var(--ui-scale));padding:calc(3px * var(--ui-scale))}.onboarding-format button{font-size:calc(10px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));border-radius:calc(5px * var(--ui-scale))}.onboarding-format button[aria-pressed=true]{background:var(--klocky-white);box-shadow:0 1px 3px #0001}.onboarding-location .onboarding-primary{width:100%}.onboarding-search{margin:calc(5px * var(--ui-scale)) 0 calc(10px * var(--ui-scale));text-align:left}.onboarding-search>label{display:flex;gap:calc(9px * var(--ui-scale));align-items:center;border:1px solid var(--line);border-radius:calc(9px * var(--ui-scale));padding:0 calc(12px * var(--ui-scale));color:var(--muted)}.onboarding-search input{width:100%;min-width:0;min-height:calc(44px * var(--ui-scale));background:none;border:0;font-size:calc(12px * var(--ui-scale));color:var(--ink)}.onboarding-search-results{max-height:calc(180px * var(--ui-scale));overflow:auto;margin-top:calc(5px * var(--ui-scale));border-radius:calc(8px * var(--ui-scale));background:var(--surface-subtle)}.onboarding-search-results button{width:100%;min-height:calc(48px * var(--ui-scale));display:flex;flex-direction:column;gap:calc(5px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(12px * var(--ui-scale));text-align:left;font-size:calc(11px * var(--ui-scale));border-bottom:1px solid var(--line)}.onboarding-search-results button:hover{background:var(--line)}.onboarding-search-results small{font-size:calc(9px * var(--ui-scale));color:var(--muted)}.onboarding-status{font-size:calc(11px * var(--ui-scale));line-height:1.5;color:var(--muted);text-align:left}@keyframes onboarding-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(min-width:1500px){.onboarding-carousel{margin-top:11vh}.onboarding-welcome .onboarding-carousel{margin-top:clamp(calc(24px * var(--ui-scale)),5vh,calc(48px * var(--ui-scale)))}.onboarding-content{margin-top:calc(48px * var(--ui-scale))}}@media(max-width:650px){.onboarding{padding-top:max(calc(24px * var(--ui-scale)),env(safe-area-inset-top))}.onboarding-header{min-height:calc(168px * var(--ui-scale));padding-bottom:calc(12px * var(--ui-scale))}.onboarding-welcome .onboarding-header{min-height:0;padding-bottom:calc(4px * var(--ui-scale))}.onboarding-welcome .onboarding-carousel{margin-top:clamp(calc(10px * var(--ui-scale)),2.5vh,calc(20px * var(--ui-scale)))}.onboarding-back{left:max(calc(14px * var(--ui-scale)),env(safe-area-inset-left));top:0}.onboarding-carousel{margin-top:clamp(calc(32px * var(--ui-scale)),7vh,calc(65px * var(--ui-scale)))}.onboarding-carousel-track{gap:calc(17px * var(--ui-scale))}.onboarding-clock-card{width:76vw;border-radius:calc(17px * var(--ui-scale))}.onboarding-content{margin-top:calc(30px * var(--ui-scale));width:calc(100% - 44px * var(--ui-scale))}.onboarding h1{font-size:calc(34px * var(--ui-scale))}.onboarding-copy{max-width:calc(295px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));margin-top:calc(14px * var(--ui-scale))}.onboarding-actions{margin-top:calc(27px * var(--ui-scale))}.onboarding-primary,.onboarding-secondary-button{width:min(100%,calc(290px * var(--ui-scale)));min-height:calc(53px * var(--ui-scale))}.onboarding-footer{padding-top:calc(28px * var(--ui-scale))}.onboarding-location .onboarding-carousel{margin-top:calc(18px * var(--ui-scale))}.onboarding-location .onboarding-clock-card{width:46vw;border-radius:calc(10px * var(--ui-scale))}.onboarding-location .onboarding-content{margin-top:calc(17px * var(--ui-scale))}.onboarding-location h1{font-size:calc(30px * var(--ui-scale))}.onboarding-content>.onboarding-location{margin-top:calc(19px * var(--ui-scale))}.onboarding-search input,.onboarding-time-options input{font-size:calc(16px * var(--ui-scale))}.onboarding-time-options input{max-width:72%}.onboarding-choose-intro{margin-top:calc(48px * var(--ui-scale))}.onboarding-clock-list{width:calc(100% - 32px * var(--ui-scale));margin-top:calc(64px * var(--ui-scale))}.onboarding-clock-list-inner{gap:calc(48px * var(--ui-scale))}.onboarding-clock-list-item .onboarding-clock-surface{border-radius:calc(14px * var(--ui-scale))}.onboarding-clock-list-meta{align-items:flex-start;min-height:calc(70px * var(--ui-scale));padding:calc(13px * var(--ui-scale)) calc(2px * var(--ui-scale)) 0}.onboarding-clock-list-meta>div{gap:calc(10px * var(--ui-scale));padding-top:calc(12px * var(--ui-scale))}.onboarding-clock-list-meta h2{font-size:calc(13px * var(--ui-scale))}.onboarding-clock-cta{min-height:calc(44px * var(--ui-scale));padding:0 calc(14px * var(--ui-scale));font-size:calc(10px * var(--ui-scale))}}@media(max-height:730px)and (min-width:651px){.onboarding{padding-top:calc(18px * var(--ui-scale))}.onboarding-carousel{margin-top:calc(24px * var(--ui-scale))}.onboarding-welcome .onboarding-carousel{margin-top:calc(16px * var(--ui-scale))}.onboarding-clock-card{width:clamp(calc(250px * var(--ui-scale)),27vw,calc(365px * var(--ui-scale)))}.onboarding-content{margin-top:calc(20px * var(--ui-scale))}.onboarding-actions{margin-top:calc(22px * var(--ui-scale))}.onboarding-footer{padding-top:calc(20px * var(--ui-scale))}.onboarding-location .onboarding-clock-card{width:calc(190px * var(--ui-scale))}.onboarding-location .onboarding-carousel{margin-top:calc(5px * var(--ui-scale))}}@media(max-height:730px)and (max-width:650px){.onboarding-carousel{margin-top:calc(24px * var(--ui-scale))}.onboarding-welcome .onboarding-carousel{margin-top:calc(12px * var(--ui-scale))}.onboarding-content{margin-top:calc(20px * var(--ui-scale))}}@media(prefers-reduced-motion:reduce){.onboarding-clock-card.is-selected{transform:none}}.onboarding[data-reduced=true] .onboarding-clock-card.is-selected{transform:none}::view-transition-new(clock-stage){animation:onboarding-clock-reveal .65s both}@keyframes onboarding-clock-reveal{0%{opacity:0}to{opacity:1}}@font-face{font-family:Humin;src:url(/fonts/humin-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Humin;src:url(/fonts/humin-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Antonio;src:url(/fonts/antonio.ttf) format("truetype");font-weight:100 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/libre-baskerville.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:"Rubik 80s Fade";src:url(/fonts/rubik-80s-fade.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Rubik Mono One;src:url(/fonts/rubik-mono-one.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"Jersey 20";src:url(/fonts/jersey-20.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Danfo;src:url(/fonts/danfo.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Days One;src:url(/fonts/days-one.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Tiempos Headline;src:url(/fonts/tiempos-headline-light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Tiempos Headline;src:url(/fonts/tiempos-headline-regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Tiempos Headline;src:url(/fonts/tiempos-headline-bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Tiempos Headline;src:url(/fonts/tiempos-headline-black.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:American Typewriter Web;src:url(/fonts/american-typewriter-light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:American Typewriter Web;src:url(/fonts/american-typewriter-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:American Typewriter Web;src:url(/fonts/american-typewriter-semibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:American Typewriter Web;src:url(/fonts/american-typewriter-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Black Valentine;src:url(/fonts/black-valentine.ttf) format("truetype");font-weight:400;font-display:swap}:root{--ui-scale: 1.25;font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-synthesis:none;font-weight:400;--klocky-white: #ffffff;--klocky-black: #000000;--klocky-blue: #365ef2;--klocky-gray-light: #d9d9d9;--klocky-gray-mid: #bebebe;--paper: var(--klocky-white);--ink: var(--klocky-black);--muted: var(--klocky-gray-mid);--line: var(--klocky-gray-light);--surface-subtle: #f5f5f5;--font-ui: Humin, "Arial Rounded MT Bold", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-weight:400}h1,h2,h3,h4,.eyebrow,.primary-button,.secondary-button,.onboarding-primary,.onboarding-secondary-button,.onboarding-clock-cta,.app-header nav button,.section-toggle,.panel-heading h2,.collection-intro h1{font-weight:700}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--klocky-blue);outline-offset:calc(4px * var(--ui-scale))}button{touch-action:manipulation}button svg{flex-shrink:0}::selection{background:color-mix(in srgb,var(--klocky-blue) 22%,var(--klocky-white))}.icon-button{display:inline-flex;width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:#20251b0c}.app-header{height:calc(104px * var(--ui-scale));max-width:calc(1680px * var(--ui-scale));margin:0 auto;padding:0 5.2%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:calc(28px * var(--ui-scale))}.gallery-shell{--gallery-header-height: 112px}.gallery-header{position:sticky;top:0;z-index:40;height:var(--gallery-header-height);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);border-bottom-color:color-mix(in srgb,var(--line) 88%,transparent);transform:translateZ(0);transition:transform .62s var(--ease),box-shadow .62s var(--ease),border-color .62s var(--ease);will-change:transform}.gallery-header--hidden{transform:translate3d(0,calc(-100% - 1px),0);box-shadow:none;border-bottom-color:transparent;pointer-events:none}.gallery-header .wordmark{min-width:clamp(calc(120px * var(--ui-scale)),18vw,calc(220px * var(--ui-scale)))}@media(prefers-reduced-motion:reduce){.gallery-header{transition-duration:.01ms}}.wordmark{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;color:inherit;padding:0;border:0;background:transparent;cursor:pointer;border-radius:calc(12px * var(--ui-scale));transition:opacity .2s var(--ease)}.wordmark:hover{opacity:.88}.wordmark:focus-visible{outline:2px solid var(--klocky-blue);outline-offset:calc(4px * var(--ui-scale))}.app-header nav{display:flex;gap:calc(30px * var(--ui-scale));margin-left:auto;margin-right:auto;padding-left:calc(100px * var(--ui-scale))}.app-header nav button{display:inline-flex;align-items:center;gap:calc(7px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));color:var(--muted);height:calc(44px * var(--ui-scale));position:relative}.gallery-header .header-end{margin-left:auto}.gallery-header-actions{display:inline-flex;align-items:center;gap:calc(2px * var(--ui-scale))}.gallery-header .icon-button{color:var(--muted)}.gallery-header .icon-button.gallery-header-icon--active,.gallery-header .icon-button[aria-pressed=true]{color:var(--ink)}.pika-icon path{stroke:currentColor}.gallery-header .icon-button.gallery-header-icon--active .pika-icon path,.gallery-header .icon-button[aria-pressed=true] .pika-icon path{fill:color-mix(in srgb,currentColor 14%,transparent)}.card-caption .icon-button[aria-pressed=true] .pika-icon path{fill:currentColor}.empty-state .empty-state-heart path{stroke:var(--muted);fill:color-mix(in srgb,var(--muted) 12%,transparent)}.app-header nav .active{color:var(--ink)}.app-header nav .active:after{content:"";position:absolute;width:calc(4px * var(--ui-scale));height:calc(4px * var(--ui-scale));background:var(--ink);border-radius:50%;bottom:0;left:calc(50% - 2px * var(--ui-scale))}.gallery-header nav .active:after{content:none}.header-end{display:flex;align-items:center;gap:calc(24px * var(--ui-scale))}.local-indicator{font-size:calc(11px * var(--ui-scale));color:var(--muted);display:flex;align-items:center;gap:calc(8px * var(--ui-scale))}.local-indicator>span{width:calc(5px * var(--ui-scale));height:calc(5px * var(--ui-scale));border-radius:50%;background:#819269}.gallery-main{max-width:calc(1680px * var(--ui-scale));margin:0 auto;padding:0 5.2%}.collection-intro{padding:calc(60px * var(--ui-scale)) 0 calc(49px * var(--ui-scale));display:flex;justify-content:space-between;align-items:center}.eyebrow{display:block;font-size:calc(9px * var(--ui-scale));letter-spacing:calc(1.7px * var(--ui-scale));font-weight:500}.collection-intro h1{font-weight:400;font-size:calc(48px * var(--ui-scale));letter-spacing:calc(-2.2px * var(--ui-scale));line-height:1.1;margin:calc(18px * var(--ui-scale)) 0 calc(12px * var(--ui-scale))}.collection-intro p{font-size:calc(13px * var(--ui-scale));color:var(--muted);margin:0}.collection-note{display:flex;align-items:center;gap:calc(15px * var(--ui-scale));color:var(--muted);font-size:calc(11px * var(--ui-scale));line-height:1.6;padding-top:calc(17px * var(--ui-scale))}.gallery-main>.collection-toolbar:first-child{border-top:0;padding-top:clamp(calc(20px * var(--ui-scale)),3vw,calc(32px * var(--ui-scale)))}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:calc(15px * var(--ui-scale)) 0 calc(23px * var(--ui-scale));gap:calc(10px * var(--ui-scale))}.filters{display:flex;gap:calc(5px * var(--ui-scale))}.filters button{height:calc(35px * var(--ui-scale));padding:0 calc(15px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));color:var(--muted);border-radius:calc(5px * var(--ui-scale));white-space:nowrap}.filters .selected{color:var(--ink);background:var(--surface-subtle)}.filters button span{font-size:calc(11px * var(--ui-scale));margin-left:calc(8px * var(--ui-scale));opacity:.65}.collection-count{font-size:calc(10px * var(--ui-scale));color:var(--muted);white-space:nowrap;display:flex;gap:calc(17px * var(--ui-scale));align-items:center}.tiny-grid{font-size:calc(20px * var(--ui-scale))}.clock-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(24px * var(--ui-scale));row-gap:calc(27px * var(--ui-scale))}.gallery-item{min-width:0;animation:arrive .7s var(--ease) both}.clock-card{display:block;width:100%;padding:0;text-align:left;border-radius:calc(9px * var(--ui-scale));overflow:hidden;position:relative;isolation:isolate}.card-art{aspect-ratio:11 / 5;position:relative;background-size:cover;background-position:center;overflow:hidden;transition:transform .8s var(--ease)}.clock-card:hover .card-art{transform:scale(1.025)}.clock-card:focus-visible{outline-offset:calc(5px * var(--ui-scale))}.card-enter{position:absolute;right:calc(16px * var(--ui-scale));bottom:calc(16px * var(--ui-scale));color:#fff;display:flex;align-items:center;justify-content:center;background:#ffffff18;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:calc(35px * var(--ui-scale));height:calc(35px * var(--ui-scale));border-radius:50%;opacity:0;transform:translateY(5px);transition:all .3s}.clock-card:hover .card-enter,.clock-card:focus-visible .card-enter{opacity:1;transform:none}.card-caption{display:flex;justify-content:space-between;align-items:center;padding:calc(13px * var(--ui-scale)) 0 0}.card-caption h2{font-size:calc(12px * var(--ui-scale));line-height:1.3;font-weight:500;margin:0 0 calc(4px * var(--ui-scale))}.card-caption>div>span{font-size:calc(10px * var(--ui-scale));color:var(--muted)}.caption-dot{margin:0 calc(4px * var(--ui-scale));opacity:.6}.card-caption .icon-button{color:var(--muted);margin-right:calc(-12px * var(--ui-scale))}.card-caption .icon-button[aria-pressed=true]{color:var(--klocky-blue)}.gallery-footer{margin-top:calc(58px * var(--ui-scale));border-top:1px solid var(--line);padding:calc(26px * var(--ui-scale)) 0 calc(34px * var(--ui-scale));display:flex;justify-content:center;font-size:calc(10px * var(--ui-scale));color:var(--muted)}.gallery-footer-brand{display:inline-flex;align-items:center;gap:calc(12px * var(--ui-scale));color:inherit;text-decoration:none;border-radius:calc(8px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(6px * var(--ui-scale));margin:calc(-4px * var(--ui-scale)) calc(-6px * var(--ui-scale));transition:color .2s,background .2s}.gallery-footer-brand:hover{color:var(--ink);background:var(--surface-subtle)}.gallery-footer-brand:focus-visible{outline:2px solid var(--klocky-blue);outline-offset:calc(2px * var(--ui-scale))}.gallery-footer-copy{font-size:calc(11px * var(--ui-scale));letter-spacing:.01em;color:var(--muted)}.gallery-footer-humin-logo{display:block;height:calc(24px * var(--ui-scale));width:auto;object-fit:contain;flex-shrink:0}.empty-state{min-height:35vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.empty-state h2{font-size:calc(20px * var(--ui-scale));font-weight:400;color:var(--ink)}.empty-state p{font-size:calc(13px * var(--ui-scale))}.background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;overflow:hidden}.background canvas{width:100%;height:100%;display:block}.background canvas[data-status=fallback],.background .shader-failed{opacity:0}.shader-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:fadeout .7s var(--ease) forwards}.player{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#24352e;color:#fffaf0;-webkit-user-select:none;user-select:none;--liquid-glass-blur: 72px;--liquid-glass-saturate: 2.15;--liquid-glass-brightness: 1.14;--liquid-glass-fill: rgba(255, 255, 255, .04);--liquid-glass-border: rgba(255, 255, 255, .44);--liquid-glass-highlight: rgba(255, 255, 255, .62);--liquid-glass-shadow: 0 10px 36px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06)}.display-stage{position:absolute;top:0;right:0;bottom:0;left:0;view-transition-name:clock-stage;transition:width .6s var(--ease),height .6s var(--ease)}.display-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .6s}.display-top{display:flex;align-items:flex-start;justify-content:space-between;padding:max(24px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) 0 max(30px,env(safe-area-inset-left));gap:calc(16px * var(--ui-scale))}.display-top>*{pointer-events:auto}.display-top-start{display:flex;align-items:center;gap:calc(12px * var(--ui-scale));min-width:0;flex:1;justify-content:flex-start}.quiet-button{min-height:calc(44px * var(--ui-scale));display:flex;align-items:center;gap:calc(9px * var(--ui-scale));padding:0 calc(16px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.player .glass-button,.player .glass-panel:not(.editor){position:relative;isolation:isolate;overflow:hidden;color:#fffaf0;border:.5px solid var(--liquid-glass-border);background:var(--liquid-glass-fill);backdrop-filter:blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate)) brightness(var(--liquid-glass-brightness));-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate)) brightness(var(--liquid-glass-brightness));box-shadow:inset 0 1px 0 var(--liquid-glass-highlight),inset 0 -.5px #ffffff1f,var(--liquid-glass-shadow);transition:background .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.player .glass-button:before,.player .glass-panel:not(.editor):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(148deg,#ffffff42,#ffffff0f 42%,#fff0 68%);pointer-events:none;z-index:0;mix-blend-mode:soft-light}.player .glass-button:after,.player .glass-panel:not(.editor):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(130% 100% at 8% -30%,rgba(255,255,255,.35),transparent 52%);pointer-events:none;z-index:0;opacity:.85}.player .glass-button>*,.player .glass-panel:not(.editor)>*{position:relative;z-index:1}.player .glass-button:hover,.player .glass-panel:not(.editor):hover{background:#ffffff12;border-color:#ffffff85}.player .glass-button:active{background:#ffffff1a}.display-name{text-align:left;min-width:0;text-shadow:0 1px 10px #0003}.display-name>span{font-size:calc(12px * var(--ui-scale));display:block}.display-name>small{font-size:calc(9px * var(--ui-scale));opacity:.6;display:block;margin-top:calc(5px * var(--ui-scale))}.display-top-actions{display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--ui-scale));padding:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));margin-left:auto;flex-shrink:0}.display-top-actions .icon-button{width:calc(42px * var(--ui-scale));height:calc(42px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));color:#fffaf0;transition:background .18s var(--ease)}.display-top-actions .icon-button+.icon-button{box-shadow:0 -1px #ffffff1a}.display-top-actions .icon-button:hover{background:#ffffff24}.display-top-actions .icon-button:active{background:#ffffff3d}.display-bottom{position:absolute;bottom:max(calc(30px * var(--ui-scale)),env(safe-area-inset-bottom));left:max(calc(30px * var(--ui-scale)),env(safe-area-inset-left));right:max(calc(30px * var(--ui-scale)),env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:calc(20px * var(--ui-scale))}.display-hint,.display-shortcuts{font-size:calc(10px * var(--ui-scale));opacity:.65;width:calc(200px * var(--ui-scale))}.display-shortcuts{text-align:right}.display-shortcuts>span{margin:0 calc(7px * var(--ui-scale))}.share-fallback.glass-panel{background:linear-gradient(130deg,#333b31ee,#20281fef);border:1px solid #ffffff26;box-shadow:inset 0 1px #ffffff0c,0 18px 60px #0002;color:#f4f3ea;-webkit-backdrop-filter:blur(34px) saturate(1.15);backdrop-filter:blur(34px) saturate(1.15)}.display-dock{--display-dock-extra-width: 48px;border-radius:calc(999px * var(--ui-scale));display:flex;align-items:stretch;padding:calc(4px * var(--ui-scale));pointer-events:auto;flex:none}.display-bottom-actions{display:flex;align-items:center;justify-content:flex-end;gap:calc(8px * var(--ui-scale));margin-left:auto;flex-shrink:0}.display-dock-tools{display:flex;align-items:center;padding:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));pointer-events:auto;flex:none}.display-dock-tools .icon-button{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));color:#fffaf0;transition:background .18s var(--ease)}.display-dock-tools .icon-button+.icon-button{box-shadow:0 -1px #ffffff1a}.display-dock-tools .icon-button:hover{background:#ffffff24}.display-dock-tools .icon-button:active{background:#ffffff3d}.display-dock-tools .icon-button--active{color:#ffb4bc}.edit-button{display:flex;align-items:center;justify-content:center;flex:1 1 auto;align-self:stretch;width:100%;min-width:calc(5.25rem + var(--display-dock-extra-width));gap:calc(9px * var(--ui-scale));min-height:calc(44px * var(--ui-scale));padding:0 calc(16px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:#fffaf0;background:transparent;transition:background .18s var(--ease)}.edit-button:hover{background:#ffffff1f}.edit-button:active{background:#fff3}.is-ambient{cursor:none}.is-ambient .display-controls{opacity:0}.is-editing .display-stage{width:calc(100% - 370px)}.is-editing .display-top,.is-editing .display-bottom{right:calc(370px * var(--ui-scale))}.is-editing .display-top{width:calc(100% - 370px * var(--ui-scale));padding-right:calc(28px * var(--ui-scale))}.is-editing .display-shortcuts,.is-editing .display-hint{display:none}.is-editing .display-bottom{justify-content:center}.editor{position:absolute;right:max(calc(18px * var(--ui-scale)),env(safe-area-inset-right));top:max(calc(18px * var(--ui-scale)),env(safe-area-inset-top));bottom:max(calc(18px * var(--ui-scale)),env(safe-area-inset-bottom));width:calc(340px * var(--ui-scale));border-radius:calc(20px * var(--ui-scale));display:flex;flex-direction:column;animation:panel-in .4s var(--ease);-webkit-user-select:auto;user-select:auto;background:var(--paper);border-color:#ffffffb8;box-shadow:0 22px 70px #171c1628;color:var(--ink);-webkit-backdrop-filter:blur(28px) saturate(.8);backdrop-filter:blur(28px) saturate(.8)}.editor:focus{outline:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:calc(24px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(22px * var(--ui-scale));gap:calc(12px * var(--ui-scale))}.panel-heading h2{font-weight:400;font-size:calc(24px * var(--ui-scale));letter-spacing:calc(-.8px * var(--ui-scale));margin:calc(7px * var(--ui-scale)) 0 0}.panel-heading .eyebrow{font-size:calc(8px * var(--ui-scale));color:var(--muted);letter-spacing:calc(1.2px * var(--ui-scale))}.editor-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:calc(12px * var(--ui-scale)) calc(24px * var(--ui-scale)) 0;scrollbar-width:thin;scrollbar-color:#252a201f transparent}.editor-section{border-bottom:1px solid var(--line)}.section-heading-row{display:flex;align-items:center}.section-toggle{width:auto;flex:1;min-width:0;min-height:calc(72px * var(--ui-scale));display:flex;justify-content:space-between;align-items:center;gap:calc(16px * var(--ui-scale));font-size:calc(15px * var(--ui-scale));padding:0}.section-randomize{width:calc(38px * var(--ui-scale));height:calc(38px * var(--ui-scale));flex:none;display:grid;place-items:center;margin-left:calc(8px * var(--ui-scale));border:1px solid color-mix(in srgb,var(--ink) 14%,var(--line));border-radius:calc(999px * var(--ui-scale));color:var(--ink);background:var(--surface-subtle);box-shadow:0 1px color-mix(in srgb,var(--ink) 6%,transparent);transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}.section-randomize:hover:not(:disabled){background:var(--paper);border-color:var(--klocky-gray-mid);box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 8%,transparent);transform:rotate(9deg)}.section-randomize:active:not(:disabled){transform:rotate(9deg) scale(.96);box-shadow:none}.section-randomize:disabled{color:var(--muted);background:transparent;border-color:var(--line);box-shadow:none;opacity:.35}.section-title,.section-selection{display:flex;align-items:center}.section-title{min-width:0;gap:calc(13px * var(--ui-scale));font-weight:560;letter-spacing:calc(-.18px * var(--ui-scale))}.section-title svg{color:var(--muted)}.section-selection{min-width:0;justify-content:flex-end;gap:calc(9px * var(--ui-scale));color:var(--muted);font-size:calc(13px * var(--ui-scale))}.section-selection>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-toggle svg{opacity:.72;transition:transform .25s}.section-randomize svg{opacity:1}.section-toggle .rotated{transform:rotate(180deg)}.section-content{padding:calc(2px * var(--ui-scale)) 0 calc(24px * var(--ui-scale));animation:arrive .3s var(--ease)}.quick-background-controls{min-height:calc(185px * var(--ui-scale));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;padding:calc(24px * var(--ui-scale)) calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));animation:arrive .3s var(--ease)}.quick-background-slider{display:flex;flex-direction:column;align-items:center;gap:0;color:var(--muted);font-size:calc(11px * var(--ui-scale));text-align:center;cursor:ns-resize}.quick-background-slider>span:last-child{width:100%;text-align:center}.quick-slider-track{position:relative;width:calc(44px * var(--ui-scale));height:calc(128px * var(--ui-scale))}.quick-background-slider input{--range-fill: 50%;position:absolute;top:50%;left:50%;width:calc(120px * var(--ui-scale));height:calc(36px * var(--ui-scale));margin:0;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;cursor:ns-resize;touch-action:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.quick-background-slider input::-webkit-slider-runnable-track{height:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:linear-gradient(to right,var(--klocky-blue) 0,var(--klocky-blue) var(--range-fill),var(--klocky-gray-light) var(--range-fill),var(--klocky-gray-light) 100%)}.quick-background-slider input::-webkit-slider-thumb{width:calc(19px * var(--ui-scale));height:calc(19px * var(--ui-scale));margin-top:calc(-7.5px * var(--ui-scale));border:2px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:0 1px 5px #1c211b30;-webkit-appearance:none}.quick-background-slider input::-moz-range-track{height:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:linear-gradient(to right,var(--klocky-blue) 0,var(--klocky-blue) var(--range-fill),var(--klocky-gray-light) var(--range-fill),var(--klocky-gray-light) 100%)}.quick-background-slider input::-moz-range-thumb{width:calc(15px * var(--ui-scale));height:calc(15px * var(--ui-scale));border:2px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:0 1px 5px #1c211b30}.background-picker-wrap{position:relative;max-height:calc(340px * var(--ui-scale))}.background-picker-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(44px * var(--ui-scale));pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 0%,transparent),var(--paper));z-index:1}.background-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(15px * var(--ui-scale)) calc(9px * var(--ui-scale));max-height:inherit;overflow:auto;padding:calc(2px * var(--ui-scale)) calc(2px * var(--ui-scale)) calc(12px * var(--ui-scale));scrollbar-width:thin;scrollbar-color:#252a201f transparent}.background-picker-summary{width:100%;min-height:calc(58px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale)) calc(8px * var(--ui-scale)) calc(8px * var(--ui-scale));display:flex;align-items:center;gap:calc(12px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(14px * var(--ui-scale));background:var(--surface-subtle);color:var(--ink);text-align:left}.background-picker-summary .background-swatch{width:calc(72px * var(--ui-scale));flex:none;margin-bottom:0;aspect-ratio:1.25}.background-picker-summary-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale))}.background-picker-summary-copy strong{font-size:calc(14px * var(--ui-scale));font-weight:560;letter-spacing:calc(-.2px * var(--ui-scale))}.background-picker-summary-copy small{color:var(--muted);font-size:calc(11px * var(--ui-scale))}.background-picker-summary>svg:last-child{flex:none;color:var(--muted);opacity:.72}.background-choice{padding:0;text-align:left;font-size:calc(9px * var(--ui-scale));color:var(--muted);opacity:.72}.background-choice.selected,.background-choice:hover{opacity:1}.background-swatch{display:flex;width:100%;aspect-ratio:1.25;align-items:center;justify-content:center;background-size:cover;background-position:center;border-radius:calc(9px * var(--ui-scale));margin-bottom:calc(7px * var(--ui-scale));border:1px solid var(--line)}.background-choice.selected .background-swatch{outline:2px solid var(--ink);outline-offset:calc(2px * var(--ui-scale))}.background-swatch svg{filter:drop-shadow(0 1px 2px #0005)}.fine-tune-entry{width:100%;min-height:calc(62px * var(--ui-scale));margin-top:calc(17px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(15px * var(--ui-scale)) calc(10px * var(--ui-scale)) calc(17px * var(--ui-scale));display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:calc(16px * var(--ui-scale));background:var(--surface-subtle);color:var(--ink);text-align:left}.fine-tune-entry span{font-size:calc(13px * var(--ui-scale));font-weight:540}.fine-tune-entry small{display:block;margin-bottom:calc(4px * var(--ui-scale));color:var(--muted);font-size:calc(9px * var(--ui-scale));font-weight:400;letter-spacing:.03em}.fine-tune-entry:hover{background:var(--surface-subtle);border-color:var(--klocky-gray-mid)}.background-fine-tune{animation:arrive .25s var(--ease)}.fine-tune-heading{min-height:calc(62px * var(--ui-scale));display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale));border-bottom:1px solid var(--line)}.fine-tune-back{min-width:0;display:flex;align-items:center;gap:calc(10px * var(--ui-scale));text-align:left;font-size:calc(13px * var(--ui-scale));font-weight:550}.fine-tune-back span{min-width:0}.fine-tune-back small{display:block;margin-bottom:calc(3px * var(--ui-scale));color:var(--muted);font-size:calc(9px * var(--ui-scale));font-weight:400}.fine-tune-reset{min-height:calc(38px * var(--ui-scale));display:flex;align-items:center;gap:calc(6px * var(--ui-scale));color:var(--muted);font-size:calc(10px * var(--ui-scale))}.fine-tune-group{padding:calc(18px * var(--ui-scale)) 0;border-bottom:1px solid var(--line)}.fine-tune-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(13px * var(--ui-scale))}.fine-tune-label-row .field-label{margin:0}.fine-tune-label-row button{min-height:calc(34px * var(--ui-scale));display:flex;align-items:center;gap:calc(6px * var(--ui-scale));color:var(--muted);font-size:calc(10px * var(--ui-scale))}.fine-palette{display:flex;flex-wrap:wrap;gap:calc(10px * var(--ui-scale))}.fine-palette-item{width:calc(36px * var(--ui-scale));height:calc(36px * var(--ui-scale));position:relative}.fine-palette-item label,.fine-palette-add{width:calc(36px * var(--ui-scale));height:calc(36px * var(--ui-scale));display:grid;place-items:center;border:1px solid #0002;border-radius:50%;overflow:hidden}.fine-palette-item label{cursor:pointer;box-shadow:inset 0 0 0 2px #fff8}.fine-palette-item input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.fine-palette-item label:focus-within{outline:2px solid var(--klocky-blue);outline-offset:calc(3px * var(--ui-scale))}.fine-palette-item>button{width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale));position:absolute;right:calc(-4px * var(--ui-scale));bottom:calc(-4px * var(--ui-scale));display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--muted)}.fine-palette-add{border-style:dashed;color:#777c73;background:transparent}.fine-tune-sliders{display:grid;gap:calc(18px * var(--ui-scale))}.fine-tune-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));color:#5e635a;font-size:calc(11px * var(--ui-scale))}.fine-tune-range output{color:var(--muted);font-size:calc(9px * var(--ui-scale));font-variant-numeric:tabular-nums}.fine-tune-range input{width:100%;grid-column:1 / -1;margin:0;accent-color:var(--klocky-blue)}.fine-tune-advanced{border-bottom:1px solid var(--line)}.fine-tune-advanced>summary{min-height:calc(55px * var(--ui-scale));display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:calc(12px * var(--ui-scale))}.fine-tune-advanced>summary::-webkit-details-marker{display:none}.fine-tune-advanced>summary small{color:var(--muted);font-size:calc(9px * var(--ui-scale))}.fine-tune-summary-end{display:flex;align-items:center;gap:calc(8px * var(--ui-scale))}.fine-tune-summary-end svg{color:#7e827a;transition:transform .2s}.fine-tune-advanced[open] .fine-tune-summary-end svg{transform:rotate(180deg)}.fine-tune-advanced-body{display:grid;gap:calc(20px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) 0 calc(22px * var(--ui-scale))}.fine-interpolation .field-label{margin-top:0}.fine-interpolation>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(4px * var(--ui-scale));padding:calc(4px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(12px * var(--ui-scale));background:var(--surface-subtle)}.fine-interpolation button{min-height:calc(36px * var(--ui-scale));border:1px solid transparent;border-radius:calc(8px * var(--ui-scale));font-size:calc(10px * var(--ui-scale))}.fine-interpolation button[aria-pressed=true]{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.help-text{font-size:calc(11px * var(--ui-scale));line-height:1.65;color:var(--muted);margin:calc(13px * var(--ui-scale)) 0}.editor-footer{padding:calc(16px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(20px * var(--ui-scale));border-top:1px solid var(--line);background:var(--paper);display:grid;gap:calc(9px * var(--ui-scale))}.editor-footer>span{font-size:calc(9px * var(--ui-scale));display:block;text-align:center;color:var(--muted);margin-bottom:calc(13px * var(--ui-scale))}.primary-button{background:var(--ink);color:var(--klocky-white);min-height:calc(50px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));padding:0 calc(20px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));display:flex;justify-content:space-between;align-items:center;width:100%;transition:background .2s}.primary-button:hover{background:color-mix(in srgb,var(--ink) 72%,var(--klocky-white))}.secondary-button{color:var(--ink);min-height:calc(46px * var(--ui-scale));border:1px solid color-mix(in srgb,var(--ink) 14%,var(--line));border-radius:calc(999px * var(--ui-scale));padding:0 calc(20px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--surface-subtle);box-shadow:0 1px color-mix(in srgb,var(--ink) 6%,transparent);transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}.secondary-button:hover{background:var(--paper);border-color:var(--klocky-gray-mid);box-shadow:0 2px 10px color-mix(in srgb,var(--ink) 8%,transparent)}.secondary-button:active{transform:scale(.99);box-shadow:none}.fill-control{margin:calc(18px * var(--ui-scale)) 0}.fill-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(4px * var(--ui-scale));padding:calc(4px * var(--ui-scale));background:var(--surface-subtle);border:1px solid var(--line);border-radius:calc(12px * var(--ui-scale))}.fill-options button{min-height:calc(40px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(4px * var(--ui-scale));border:1px solid transparent;border-radius:calc(8px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));background:transparent}.fill-options button[aria-pressed=true]{color:var(--ink);background:#fff;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fill-options button:disabled{opacity:.35;cursor:not-allowed}.layout-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8px * var(--ui-scale))}.layout-picker button{background:var(--surface-subtle);border:1px solid var(--line);border-radius:calc(10px * var(--ui-scale));min-height:calc(76px * var(--ui-scale));font-size:calc(9px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(5px * var(--ui-scale))}.layout-picker button.selected{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.editor-subsection+.editor-subsection{border-top:1px solid var(--line);margin-top:calc(24px * var(--ui-scale));padding-top:calc(22px * var(--ui-scale))}.layout-preview{display:block;position:relative;width:100%;max-width:calc(112px * var(--ui-scale));aspect-ratio:8 / 5;margin:0 auto calc(6px * var(--ui-scale));overflow:hidden;pointer-events:none}.layout-preview-stage{position:absolute;top:0;left:0;width:calc(800px * var(--ui-scale));height:calc(500px * var(--ui-scale));transform-origin:top left}.layout-preview *,.layout-preview *:before,.layout-preview *:after{animation:none!important;transition:none!important}.toggle-row{display:flex;position:relative;align-items:center;justify-content:space-between;min-height:calc(48px * var(--ui-scale));gap:calc(18px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row small{font-size:calc(10px * var(--ui-scale));line-height:1.6;display:block;opacity:.5;margin:calc(5px * var(--ui-scale)) 0}.toggle-row input{position:absolute;right:0;opacity:0;width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));cursor:pointer;z-index:1}.switch{height:calc(21px * var(--ui-scale));width:calc(35px * var(--ui-scale));background:#d6d8d1;border-radius:calc(30px * var(--ui-scale));position:relative;flex:none}.switch:after{content:"";position:absolute;width:calc(15px * var(--ui-scale));height:calc(15px * var(--ui-scale));border-radius:50%;background:#fff;top:calc(3px * var(--ui-scale));left:calc(3px * var(--ui-scale));transition:transform .2s}.toggle-row input:checked+.switch{background:var(--ink)}.toggle-row input:checked+.switch:after{background:#fff;transform:translate(14px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--klocky-blue);outline-offset:calc(5px * var(--ui-scale))}.select-row{min-height:calc(50px * var(--ui-scale));display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.select-row select,.select-row input{max-width:65%;background:transparent;color:inherit;border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));padding:calc(9px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));min-height:calc(40px * var(--ui-scale))}.select-row select option{background:var(--paper);color:var(--ink)}.field-label{font-size:calc(10px * var(--ui-scale));color:var(--muted);opacity:1;display:block;margin:calc(6px * var(--ui-scale)) 0 calc(12px * var(--ui-scale))}.font-control{position:relative;padding-bottom:calc(20px * var(--ui-scale))}.typeface-trigger{width:100%;min-height:calc(62px * var(--ui-scale));display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--ui-scale));padding:calc(9px * var(--ui-scale)) calc(15px * var(--ui-scale)) calc(9px * var(--ui-scale)) calc(17px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(18px * var(--ui-scale));background:var(--surface-subtle);text-align:left}.typeface-trigger>span{min-width:0;display:flex;align-items:baseline;justify-content:space-between;flex:1;gap:calc(12px * var(--ui-scale))}.typeface-trigger strong{font-size:calc(13px * var(--ui-scale));font-weight:500}.typeface-trigger small{color:var(--muted);font-size:calc(17px * var(--ui-scale));font-weight:400;white-space:nowrap}.typeface-trigger svg{transition:transform .2s}.typeface-trigger .rotated{transform:rotate(180deg)}.typeface-menu{position:absolute;z-index:4;top:calc(100% - 14px * var(--ui-scale));left:0;right:0;max-height:calc(280px * var(--ui-scale));overflow-y:auto;padding:calc(6px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(16px * var(--ui-scale));background:var(--paper);box-shadow:0 18px 45px #20251b1a}.typeface-menu button{width:100%;min-height:calc(56px * var(--ui-scale));display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:calc(12px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale)) calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));border-radius:calc(11px * var(--ui-scale));text-align:left}.typeface-menu button:hover,.typeface-menu button:focus-visible{background:var(--surface-subtle)}.typeface-menu button[aria-selected=true]{background:var(--surface-subtle)}.typeface-menu button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:calc(12px * var(--ui-scale));white-space:nowrap}.typeface-menu button>strong{font-size:calc(18px * var(--ui-scale));font-weight:400;white-space:nowrap}.typeface-menu button>svg{justify-self:end}.font-weight-control{padding-bottom:calc(8px * var(--ui-scale))}.font-weight-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(6px * var(--ui-scale))}.font-weight-options button{min-width:0;min-height:calc(76px * var(--ui-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(9px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(3px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(13px * var(--ui-scale));background:var(--surface-subtle);transition:background .2s,border-color .2s,transform .2s}.font-weight-options button:hover{background:#fff;transform:translateY(-1px)}.font-weight-options button[aria-pressed=true]{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.font-weight-options strong{font-size:calc(21px * var(--ui-scale));line-height:1}.font-weight-options span{max-width:100%;overflow:hidden;color:#6d7168;font-family:var(--font-ui);font-size:calc(8px * var(--ui-scale));font-weight:500;letter-spacing:-.01em;text-overflow:ellipsis}.color-options{display:flex;gap:calc(7px * var(--ui-scale));align-items:center;flex-wrap:wrap;margin-bottom:calc(15px * var(--ui-scale))}.color-options>button,.custom-color{width:calc(38px * var(--ui-scale));height:calc(38px * var(--ui-scale));display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line)}.color-options>button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:calc(3px * var(--ui-scale))}.custom-color{overflow:hidden;background:conic-gradient(#d0876d,#e2d3ab,#65896e,#7e8cbe,#d0876d)}.custom-color input{opacity:0;width:100%;height:100%;cursor:pointer}.range-row{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:calc(11px * var(--ui-scale));gap:calc(12px * var(--ui-scale));margin-top:calc(18px * var(--ui-scale))}.range-row output{opacity:.5;font-variant-numeric:tabular-nums}.range-row input{width:100%;height:calc(20px * var(--ui-scale));cursor:pointer}.klocky-range{--range-fill: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.klocky-range::-webkit-slider-runnable-track{height:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:linear-gradient(to right,var(--klocky-blue) 0,var(--klocky-blue) var(--range-fill),var(--klocky-gray-light) var(--range-fill),var(--klocky-gray-light) 100%)}.klocky-range::-webkit-slider-thumb{width:calc(19px * var(--ui-scale));height:calc(19px * var(--ui-scale));margin-top:calc(-7.5px * var(--ui-scale));border:2px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:0 1px 5px #1c211b30;-webkit-appearance:none}.klocky-range::-moz-range-track{height:calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:linear-gradient(to right,var(--klocky-blue) 0,var(--klocky-blue) var(--range-fill),var(--klocky-gray-light) var(--range-fill),var(--klocky-gray-light) 100%)}.klocky-range::-moz-range-thumb{width:calc(15px * var(--ui-scale));height:calc(15px * var(--ui-scale));border:2px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:0 1px 5px #1c211b30}.weather-controls .search-field{display:flex;gap:calc(8px * var(--ui-scale));align-items:center;border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));padding-left:calc(10px * var(--ui-scale))}.search-field input{width:0;flex:1;padding:calc(12px * var(--ui-scale)) 0;border:0;outline:0;background:none;color:inherit;font-size:calc(12px * var(--ui-scale));min-height:calc(44px * var(--ui-scale))}.search-field button{font-size:calc(11px * var(--ui-scale));padding:calc(10px * var(--ui-scale))}.text-button{display:flex;align-items:center;gap:calc(8px * var(--ui-scale));min-height:calc(44px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.city-result{display:block;min-height:calc(44px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));text-align:left;padding:calc(9px * var(--ui-scale)) 0;border-bottom:1px solid var(--line);width:100%}.location-status{font-size:calc(11px * var(--ui-scale));display:flex;gap:calc(10px * var(--ui-scale));align-items:center;justify-content:space-between}.location-status button{min-height:calc(44px * var(--ui-scale));font-size:calc(10px * var(--ui-scale));text-decoration:underline}.attribution{font-size:calc(9px * var(--ui-scale));text-decoration:underline;opacity:.6}.setup-button{min-height:calc(44px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));padding:0 calc(17px * var(--ui-scale));display:inline-flex;align-items:center;gap:calc(9px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));background:var(--surface-subtle)}.setup-button:hover{background:var(--surface-subtle)}.weather-summary{display:flex;align-items:center;gap:calc(10px * var(--ui-scale));min-height:calc(46px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.weather-summary>span{flex:1}.weather-summary button{min-height:calc(36px * var(--ui-scale));padding:0 calc(13px * var(--ui-scale));border:1px solid var(--line);border-radius:calc(999px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.weather-setup-panel{padding-top:calc(1px * var(--ui-scale))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a241947;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:calc(20px * var(--ui-scale))}.modal{background:var(--paper);color:var(--ink);width:calc(460px * var(--ui-scale));max-width:100%;max-height:90dvh;border:1px solid #ffffff80;border-radius:calc(15px * var(--ui-scale));box-shadow:0 30px 100px #1820102c;display:flex;flex-direction:column}.modal .panel-heading{padding-bottom:calc(15px * var(--ui-scale))}.modal .panel-heading h2{font-size:calc(25px * var(--ui-scale));margin:0}.settings-body{padding:0 calc(26px * var(--ui-scale)) calc(25px * var(--ui-scale));overflow:auto;scrollbar-width:thin}.settings-body .help-text{color:var(--muted)}.settings-body .switch{background:var(--klocky-gray-light)}.settings-body .switch:after{background:#f9faf4}.settings-body .select-row input,.settings-body .select-row select{border-color:var(--line)}.settings-body .select-row select option{background:var(--paper);color:var(--ink)}.settings-body details{border-top:1px solid var(--line);font-size:calc(12px * var(--ui-scale))}.settings-body details summary{padding:calc(19px * var(--ui-scale)) 0;cursor:pointer}.settings-body .search-field{border-color:var(--line)}.settings-foot{font-size:calc(10px * var(--ui-scale));line-height:1.7;color:var(--muted);text-align:center;margin:calc(25px * var(--ui-scale)) 0 0}.settings-sync-row{margin-top:calc(18px * var(--ui-scale));padding-top:calc(18px * var(--ui-scale));border-top:1px solid var(--line)}.settings-sync-row button{width:100%}.account-sync-body{padding:0 calc(22px * var(--ui-scale)) max(calc(22px * var(--ui-scale)),env(safe-area-inset-bottom));overflow:auto;flex:1;min-height:0}.account-sync-lede{margin:0 0 calc(12px * var(--ui-scale));line-height:1.55}.account-sync-notice{margin:0 0 calc(14px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(12px * var(--ui-scale));border-radius:calc(10px * var(--ui-scale));background:#ebece4;color:var(--ink);font-size:calc(11px * var(--ui-scale));line-height:1.5}.account-sync-list{margin:0 0 calc(16px * var(--ui-scale));padding-left:1.15em;line-height:1.5;font-size:calc(11px * var(--ui-scale))}.account-sync-email{display:flex;flex-direction:column;align-items:stretch;gap:calc(6px * var(--ui-scale));min-height:0;margin:0 0 calc(4px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.account-sync-email .field-label{margin:0}.account-sync-email input{width:100%;max-width:none;box-sizing:border-box;min-height:calc(48px * var(--ui-scale));font-size:max(16px,calc(14px * var(--ui-scale)));padding:calc(12px * var(--ui-scale)) calc(16px * var(--ui-scale));border-radius:calc(12px * var(--ui-scale));background:#fff}.account-sync-note{margin-top:calc(10px * var(--ui-scale))}.account-sync-actions{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale));margin-top:calc(16px * var(--ui-scale))}.account-sync-actions .primary-button{width:100%;min-height:calc(48px * var(--ui-scale));justify-content:center}.account-sync-skip{width:100%;min-height:calc(44px * var(--ui-scale));justify-content:center;text-align:center}.modal--sheet{max-height:min(92dvh,100%);margin:0}.modal-backdrop--sheet{align-items:flex-end;justify-content:center;padding:0}.modal-backdrop--sheet .modal{width:100%;max-width:100%;border-radius:calc(22px * var(--ui-scale)) calc(22px * var(--ui-scale)) 0 0;border-bottom:0;box-shadow:0 -12px 60px #18201038;padding-bottom:env(safe-area-inset-bottom,0)}.modal-backdrop--sheet .modal:before{content:"";display:block;width:calc(36px * var(--ui-scale));height:calc(4px * var(--ui-scale));margin:calc(8px * var(--ui-scale)) auto calc(4px * var(--ui-scale));border-radius:calc(999px * var(--ui-scale));background:var(--line);flex-shrink:0}.modal-backdrop--sheet .panel-heading{padding:calc(18px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(12px * var(--ui-scale))}.modal-backdrop--sheet .panel-heading h2{font-size:calc(21px * var(--ui-scale));line-height:1.2;padding-right:calc(8px * var(--ui-scale))}.modal-backdrop--sheet .account-sync-body{padding-bottom:max(calc(24px * var(--ui-scale)),env(safe-area-inset-bottom))}@media(min-width:651px){.modal-backdrop--sheet{align-items:center;padding:calc(20px * var(--ui-scale))}.modal-backdrop--sheet .modal{width:min(calc(420px * var(--ui-scale)),100%);border-radius:calc(15px * var(--ui-scale));border-bottom:1px solid #ffffff80;padding-bottom:0}.modal-backdrop--sheet .modal:before{display:none}}.reset-row{display:flex;gap:calc(10px * var(--ui-scale));align-items:center;flex-wrap:wrap;font-size:calc(11px * var(--ui-scale));margin-top:calc(14px * var(--ui-scale))}.reset-row button{min-height:calc(44px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));text-decoration:underline}.toast{position:fixed;bottom:max(calc(24px * var(--ui-scale)),env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);max-width:min(calc(480px * var(--ui-scale)),90vw);padding:calc(15px * var(--ui-scale)) calc(22px * var(--ui-scale));background:#f2f3e9;color:#30382c;border:1px solid #ffffff80;border-radius:calc(8px * var(--ui-scale));box-shadow:0 8px 40px #0002;font-size:calc(12px * var(--ui-scale));line-height:1.5;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%)}.share-fallback{position:fixed;inset:auto calc(20px * var(--ui-scale)) calc(20px * var(--ui-scale));z-index:100;padding:calc(20px * var(--ui-scale));border-radius:calc(12px * var(--ui-scale))}.share-fallback label{display:flex;gap:calc(20px * var(--ui-scale));align-items:center}.share-fallback input{flex:1;min-width:0}.loading{height:100dvh;display:grid;place-items:center;font-size:calc(15px * var(--ui-scale));color:var(--muted)}.share-fallback>.icon-button{float:right}@supports not (backdrop-filter: blur(10px)){.share-fallback.glass-panel{background:#283323}.player .glass-panel:not(.editor),.player .glass-button{background:#ffffff24}}@media(prefers-reduced-transparency:reduce){.player .glass-panel:not(.editor),.player .glass-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff29}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:none}}@keyframes fadeout{to{opacity:0}}::view-transition-group(clock-stage){animation-duration:.65s;animation-timing-function:var(--ease)}::view-transition-old(clock-stage){animation:fadeout .6s both}::view-transition-new(clock-stage){animation:arrive .6s both}@media(min-width:1900px){.gallery-main,.app-header{max-width:calc(1840px * var(--ui-scale))}.collection-intro{padding-top:calc(70px * var(--ui-scale));padding-bottom:calc(60px * var(--ui-scale))}.clock-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(35px * var(--ui-scale))}}@media(max-width:1100px){.header-end .local-indicator{display:none}.app-header nav{padding-left:0}.clock-gallery{gap:calc(20px * var(--ui-scale))}.collection-intro h1{font-size:calc(42px * var(--ui-scale))}.display-hint,.display-shortcuts{width:auto}.is-editing .display-name{display:none}}@media(max-width:760px){.app-header{height:calc(82px * var(--ui-scale));padding:0 6%}.app-header nav{gap:calc(17px * var(--ui-scale));margin-right:0}.app-header nav button{font-size:calc(11px * var(--ui-scale))}.header-end{gap:0}.gallery-main{padding:0 6%}.collection-intro{padding:calc(38px * var(--ui-scale)) 0 calc(31px * var(--ui-scale))}.collection-intro h1{font-size:calc(38px * var(--ui-scale));letter-spacing:calc(-1.8px * var(--ui-scale));margin-top:calc(16px * var(--ui-scale))}.collection-intro p{font-size:calc(12px * var(--ui-scale))}.collection-note{display:none}.clock-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24px * var(--ui-scale)) calc(16px * var(--ui-scale))}.collection-count{display:none}.filters{overflow:auto;scrollbar-width:none;gap:calc(1px * var(--ui-scale))}.filters button{padding:0 calc(12px * var(--ui-scale));min-height:calc(44px * var(--ui-scale))}.collection-toolbar{padding:calc(7px * var(--ui-scale)) 0 calc(15px * var(--ui-scale))}.gallery-footer{font-size:calc(9px * var(--ui-scale))}.display-hint,.display-shortcuts{display:none}.display-bottom{justify-content:center;bottom:max(calc(22px * var(--ui-scale)),env(safe-area-inset-bottom))}.display-top{padding:calc(18px * var(--ui-scale));padding-top:max(calc(18px * var(--ui-scale)),env(safe-area-inset-top))}.display-top-start{gap:calc(10px * var(--ui-scale))}.display-name small{display:none}.quiet-button{padding:0 calc(12px * var(--ui-scale))}.modal{max-height:92dvh}.editor .panel-heading{padding:calc(18px * var(--ui-scale)) calc(20px * var(--ui-scale))}.editor .panel-heading h2{font-size:calc(23px * var(--ui-scale))}.editor-footer{padding:calc(12px * var(--ui-scale)) calc(20px * var(--ui-scale))}.editor-footer>span{display:none}}@media(max-width:650px){.layout-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-picker button{padding:calc(6px * var(--ui-scale))}.layout-preview{max-width:none;margin-bottom:0}.layout-name{display:none}.clock-gallery{grid-template-columns:1fr;row-gap:calc(24px * var(--ui-scale))}.app-header{gap:calc(12px * var(--ui-scale))}.app-header nav{gap:calc(14px * var(--ui-scale))}.header-end .icon-button{width:calc(32px * var(--ui-scale))}.collection-intro h1{font-size:calc(39px * var(--ui-scale))}.eyebrow{font-size:calc(8px * var(--ui-scale))}.collection-intro p{font-size:calc(12px * var(--ui-scale))}.collection-toolbar{margin-top:calc(5px * var(--ui-scale))}.filters button{padding:0 calc(11px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.card-caption h2{font-size:calc(13px * var(--ui-scale))}.card-caption>div>span{font-size:calc(10px * var(--ui-scale))}.card-caption{padding-top:calc(10px * var(--ui-scale))}.card-enter{opacity:.6}.gallery-footer{margin-top:calc(35px * var(--ui-scale));padding-bottom:max(calc(30px * var(--ui-scale)),env(safe-area-inset-bottom))}.player.is-editing{--editor-preview-height: 39%;--editor-sheet-radius: 22px;--editor-preview-bleed: 12px}.is-editing .display-stage{width:100%;height:calc(var(--editor-preview-height) + var(--editor-sheet-radius) + var(--editor-preview-bleed));z-index:1}.is-editing .display-top{right:0;width:100%;padding:calc(12px * var(--ui-scale));z-index:3}.is-editing .display-name,.is-editing .display-bottom{display:none}.is-editing .quiet-button{font-size:calc(10px * var(--ui-scale));min-height:calc(36px * var(--ui-scale))}.is-editing .editor{z-index:2}.editor{width:auto;left:0;right:0;top:var(--editor-preview-height, 39%);bottom:0;border-radius:var(--editor-sheet-radius, 22px) var(--editor-sheet-radius, 22px) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.editor-scroll{padding:calc(10px * var(--ui-scale)) calc(24px * var(--ui-scale)) 0}.background-picker-wrap{max-height:calc(210px * var(--ui-scale))}.background-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.editor .panel-heading{padding:calc(18px * var(--ui-scale)) calc(22px * var(--ui-scale))}.editor .panel-heading h2{font-size:calc(24px * var(--ui-scale))}.editor .panel-heading .eyebrow{display:none}.editor .panel-heading h2{margin:0}.section-toggle{height:calc(48px * var(--ui-scale))}.editor-footer{padding:calc(10px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(15px * var(--ui-scale))}.primary-button{min-height:calc(44px * var(--ui-scale))}.display-top-actions .icon-button{width:calc(39px * var(--ui-scale));height:calc(39px * var(--ui-scale))}.edit-button{padding:0 calc(9px * var(--ui-scale))}.display-name,.display-top-start .quiet-button{font-size:calc(10px * var(--ui-scale))}.display-top{gap:calc(10px * var(--ui-scale))}.modal-backdrop:not(.modal-backdrop--sheet){padding:calc(12px * var(--ui-scale))}.modal-backdrop--sheet{padding:0;align-items:flex-end}.settings-body{padding:0 calc(22px * var(--ui-scale)) calc(20px * var(--ui-scale))}}@media(max-height:520px)and (orientation:landscape){.is-editing .display-stage{width:60%;height:100%}.editor{width:39%;left:auto;right:1%;top:calc(10px * var(--ui-scale));bottom:calc(10px * var(--ui-scale));border-radius:calc(12px * var(--ui-scale));padding-bottom:0}.is-editing .display-top{right:40%;width:60%;padding:calc(12px * var(--ui-scale))}.is-editing .display-bottom{display:none}.editor .panel-heading{padding:calc(10px * var(--ui-scale)) calc(16px * var(--ui-scale))}.editor .panel-heading h2{font-size:calc(19px * var(--ui-scale))}.editor .panel-heading .eyebrow{display:none}.editor-scroll{padding:0 calc(16px * var(--ui-scale))}.editor-footer{padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale))}.section-toggle{height:calc(44px * var(--ui-scale))}.background-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.display-top{padding:calc(12px * var(--ui-scale)) calc(20px * var(--ui-scale))}.display-bottom{bottom:calc(13px * var(--ui-scale))}.display-bottom-actions{transform:scale(.9);transform-origin:bottom right}.modal{max-height:94dvh}.collection-intro{padding:calc(25px * var(--ui-scale)) 0}.app-header{height:calc(65px * var(--ui-scale))}.clock-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-reduced=true] *,html[data-reduced=true] *:before,html[data-reduced=true] *:after{animation:none!important;transition:none!important}.player:focus{outline:none}@media(pointer:coarse){.filters button,.palette-color>button,.color-options>button,.custom-color{min-width:calc(44px * var(--ui-scale));min-height:calc(44px * var(--ui-scale))}.header-end .icon-button{width:calc(44px * var(--ui-scale))}}.clock{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;user-select:none;-webkit-user-select:none;font-variant-numeric:tabular-nums;line-height:1}.clock-composition{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:7cqw;transform:scale(var(--clock-size-scale, 1));transform-origin:center}.time-text{font-size:min(21cqw,49cqh);letter-spacing:-.065em;font-weight:inherit;white-space:nowrap;display:flex;align-items:baseline;line-height:1}.colon{position:relative;top:-.035em;margin:0 .025em;font-weight:300}.clock-meta{display:flex;gap:1.8em;align-items:center;justify-content:center;font-size:max(8px,1.2cqmin);letter-spacing:.04em;line-height:1.5;margin-top:4cqh;max-width:90%;flex-wrap:wrap}.clock-date{white-space:nowrap}.seconds{font-size:.22em;letter-spacing:0;margin-left:.5em;opacity:.6;font-weight:400;min-width:1.3em}.fill-translucent .clock-composition{opacity:.6}.clock-ink{display:inline-block}.clock-ink-filter{position:absolute;pointer-events:none}.thumbnail .clock-meta{font-size:2.1cqw;gap:1.5em}.thumbnail .time-text{font-size:23cqw;letter-spacing:-.075em}.clock-meridian .clock-meta{text-transform:uppercase;font-size:max(9px,1.05cqmin);letter-spacing:.12em}.thumbnail.clock-meridian .clock-meta{font-size:1.65cqw}.flip-pair{display:flex;gap:1.8cqw;font-size:min(23cqw,55cqh);letter-spacing:-.065em;font-weight:inherit;line-height:1.1}.flip-block{padding:1cqh 2cqw 2cqh;border-radius:1.7cqw;position:relative;background:linear-gradient(#edf4e517,#bdcbb412);border:1px solid #ffffff16;box-shadow:inset 0 1px #ffffff20,0 10px 40px #11281815;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:1.38em;text-align:center}.flip-block:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#23332330;box-shadow:0 1px #ffffff16}.flip-block>span{display:block;animation:flip-in .5s var(--ease)}.flip-block small{position:absolute;right:9%;bottom:7%;font-size:max(7px,.055em);letter-spacing:.02em;font-weight:500}.clock-fold .clock-meta{margin-top:5cqh;font-size:max(9px,1.25cqmin)}.clock-fold .clock-composition>.seconds{position:absolute;right:9%;bottom:11%;font-size:2cqmin}.analog-face{width:min(45cqw,65cqh);height:min(45cqw,65cqh)}.analog-face svg{display:block;width:100%;height:100%;overflow:visible}.clock-orbit .clock-meta,.clock-swiss .clock-meta{font-size:max(9px,1.3cqmin);letter-spacing:.08em;text-transform:uppercase;margin-top:4cqh}.thumbnail .analog-face{width:44cqw;height:44cqw}.thumbnail.clock-orbit .clock-meta,.thumbnail.clock-swiss .clock-meta{font-size:1.5cqw;margin-top:4cqh}.swiss-face{border:1px solid #ffffff30;border-radius:50%;padding:1.3cqmin}.clock-stack .clock-composition{flex-direction:row;gap:3cqw}.stack-hours,.minute-stack{font-size:min(28cqw,29cqh);letter-spacing:-.08em;font-weight:inherit}.minute-stack{display:flex;flex-direction:column;align-items:center;gap:2cqh;line-height:.88}.minute-stack>span{opacity:.15}.minute-stack strong{font-weight:inherit;animation:digit-up .55s var(--ease)}.clock-stack .clock-meta{position:absolute;right:7%;bottom:8%;flex-direction:column;align-items:flex-end;gap:.4em;max-width:35%}.clock-editorial .clock-composition{align-items:flex-start;justify-content:space-between;padding:10cqh 9cqw}.editorial-date{font-family:inherit;font-size:4cqmin;line-height:1.2;font-weight:400}.editorial-date i{opacity:.65}.clock-editorial .time-text{font-family:inherit;font-size:min(23cqw,40cqh);font-weight:400;align-self:flex-end;letter-spacing:-.08em}.editorial-line{position:absolute;top:35%;left:9%;width:82%;height:1px;background:currentColor;opacity:.25}.editorial-weather{font-size:max(9px,1.6cqmin);position:absolute;bottom:8%;left:9%}.sentence-copy{font-family:inherit;font-size:min(8cqw,15cqh);line-height:1.16;letter-spacing:-.045em;max-width:90%;font-weight:400}.sentence-copy strong{font-weight:400}.sentence-copy em{font-style:italic;opacity:.65}.sentence-copy sup{font:400 .2em -apple-system,sans-serif;vertical-align:top;position:relative;top:1.6em;letter-spacing:0;margin-left:.6em}.sentence-copy small{display:block;font:400 .17em -apple-system,sans-serif;letter-spacing:.05em;margin-top:2em}.clock-mono .clock-composition{align-items:flex-start;justify-content:center;font-family:inherit;padding:12%}.mono-label{font-size:max(9px,1.5cqmin);letter-spacing:.16em;opacity:.6;margin-bottom:6cqh}.clock-mono .time-text{font-size:min(13cqw,34cqh);letter-spacing:-.065em}.mono-seconds{font-size:.5em;opacity:.5}.mono-rule{width:100%;height:1px;opacity:.3;background:currentColor;margin-top:5cqh}.clock-mono .clock-meta{font-size:max(9px,1.5cqmin);justify-content:flex-start;margin-top:3cqh}.mono-status{position:absolute;bottom:10%;left:12%;font-size:max(9px,1.1cqmin);letter-spacing:.1em;opacity:.5}.clock-glass .clock-composition{align-items:flex-end;padding:7cqh 6cqw}.glass-plaque{width:46cqw;height:80cqh;position:relative;border-radius:5cqmin;padding:7cqh 4cqw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#77788745,#20233350);border:1px solid #ffffff50;box-shadow:inset 0 1px 1px #ffffff60,0 8px 50px #11182712;-webkit-backdrop-filter:blur(24px) saturate(.75);backdrop-filter:blur(24px) saturate(.75)}.glass-plaque.clear{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#35384435}.glass-plaque .clock-meta{justify-content:flex-end;margin:0;max-width:100%;font-size:max(9px,1.8cqmin)}.glass-time{font-size:min(15cqw,24cqh);font-weight:inherit;letter-spacing:-.055em;white-space:nowrap;margin-top:auto}.glass-plaque>small{font-size:max(9px,1.6cqmin);margin-top:2cqh;opacity:.6}.clock-edge .clock-composition{align-items:flex-end;justify-content:flex-end;padding:10cqh 8cqw}.clock-edge .clock-meta{position:absolute;top:9%;left:8%;margin:0;align-items:flex-start;flex-direction:column;font-size:max(9px,1.5cqmin);gap:.5em;letter-spacing:.06em}.clock-edge .time-text{font-size:min(27cqw,42cqh);font-weight:300}.edge-period{font-size:max(9px,1.7cqmin);margin-top:3cqh}.clock-grid .clock-composition{padding:12cqh 17cqw}.clock-grid{font-family:inherit}.clock-grid .clock-grid{display:grid;grid-template-columns:1fr 1fr;width:100%;border-top:1px solid currentColor;border-left:1px solid currentColor}.clock-grid .clock-grid>div{padding:3cqh 4cqw;border-bottom:1px solid currentColor;border-right:1px solid currentColor;font-size:max(9px,1.65cqmin);min-height:8cqh}.clock-grid .clock-grid .grid-hour,.clock-grid .clock-grid .grid-minute{font-size:min(17cqw,31cqh);letter-spacing:-.06em;position:relative;font-weight:inherit;padding-bottom:7cqh}.clock-grid small{display:block;font-size:max(9px,1.1cqmin);letter-spacing:.1em;margin-top:3cqh}.clock-ticker .clock-composition{padding:12cqh 10cqw;align-items:stretch}.ticker-top,.ticker-bottom{font-size:max(9px,1.3cqmin);letter-spacing:.1em;text-transform:uppercase}.ticker-top{padding-bottom:4cqh;border-bottom:1px solid #ffffff35}.ticker-time{display:flex;gap:1.5cqw;justify-content:center;font-size:min(22cqw,47cqh);letter-spacing:-.08em;line-height:1;padding:3cqh 0}.ticker-cell{overflow:hidden;display:block;min-width:.55em;text-align:center}.ticker-cell:nth-child(2){margin-right:2cqw}.ticker-cell b{display:block;font-weight:inherit;animation:digit-up .6s var(--ease)}.ticker-bottom{display:flex;justify-content:space-between;padding-top:3cqh;border-top:1px solid #ffffff35}.ticker-bottom .seconds{font-size:1em}.clock-minimal .clock-composition{padding:15cqh 10cqw;justify-content:space-between}.minimal-time{font-size:10cqmin;font-weight:inherit;letter-spacing:-.05em;margin:auto}.clock-minimal .clock-meta{position:absolute;bottom:13%;font-size:max(9px,1.2cqmin);opacity:.6}.clock[data-aspect=portrait] .time-text{font-size:27cqw}.clock[data-aspect=portrait].clock-meridian .clock-composition{justify-content:center;padding:8cqw}.clock[data-aspect=portrait].clock-meridian .time-text{font-size:29cqw}.clock[data-aspect=portrait] .clock-meta{font-size:2.4cqw;gap:1em;margin-top:4cqh}.clock[data-aspect=portrait] .flip-pair{flex-direction:column;font-size:min(45cqw,27cqh);gap:2cqh}.clock[data-aspect=portrait] .flip-block{padding:0 5cqw 1.5cqh;border-radius:4cqw}.clock[data-aspect=portrait] .analog-face{width:75cqw;height:75cqw}.clock[data-aspect=portrait] .glass-numerals{flex-direction:column;font-size:44cqw;gap:2cqh}.clock[data-aspect=portrait] .glass-numerals>span{padding:2cqh 7cqw;border-radius:5cqw}.clock[data-aspect=portrait].clock-stack .clock-composition{gap:4cqw}.clock[data-aspect=portrait] .stack-hours,.clock[data-aspect=portrait] .minute-stack{font-size:36cqw}.clock[data-aspect=portrait].clock-stack .clock-meta{bottom:12%;max-width:80%}.clock[data-aspect=portrait] .editorial-date{font-size:7cqw}.clock[data-aspect=portrait].clock-editorial .time-text{font-size:29cqw}.clock[data-aspect=portrait] .editorial-line{top:36%}.clock[data-aspect=portrait] .sentence-copy{font-size:13cqw}.clock[data-aspect=portrait] .mono-label{font-size:2cqw}.clock[data-aspect=portrait].clock-mono .time-text{font-size:18cqw}.clock[data-aspect=portrait] .mono-status{font-size:1.8cqw}.clock[data-aspect=portrait].clock-edge .clock-composition{padding-bottom:20cqh}.clock[data-aspect=portrait].clock-edge .clock-meta{top:13%}.clock[data-aspect=portrait].clock-grid .clock-composition{padding:20cqh 9cqw}.clock[data-aspect=portrait].clock-grid .clock-grid>div{font-size:2cqw;padding:3cqh 4cqw}.clock[data-aspect=portrait].clock-grid .clock-grid .grid-hour,.clock[data-aspect=portrait].clock-grid .clock-grid .grid-minute{font-size:27cqw}.clock[data-aspect=portrait].clock-grid small{font-size:1.7cqw}.clock[data-aspect=portrait] .ticker-top,.clock[data-aspect=portrait] .ticker-bottom{font-size:2.1cqw}.clock[data-aspect=portrait] .ticker-time{font-size:26cqw}.clock[data-aspect=portrait] .minimal-time{font-size:15cqw}.clock[data-aspect=wide] .time-text{font-size:50cqh}.clock[data-aspect=wide] .analog-face{width:65cqh;height:65cqh}.clock[data-aspect=wide] .clock-meta{font-size:1.8cqh}.clock[data-aspect=wide].clock-grid .clock-composition{padding:12cqh 30cqw}@keyframes flip-in{0%{opacity:.5;transform:perspective(500px) rotateX(-12deg)}to{opacity:1;transform:none}}@keyframes digit-up{0%{opacity:.3;transform:translateY(.2em)}to{opacity:1;transform:none}}.flip-pair.clear .flip-block{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff09}.clock.thumbnail .clock-composition{padding:7cqh 7cqw}.clock.thumbnail .time-text{font-size:min(23cqw,47cqh)}.clock.thumbnail .analog-face{width:62cqh;height:62cqh}.clock.thumbnail.clock-stack .clock-meta{font-size:1.6cqw;bottom:9%;right:6%}.clock.thumbnail.clock-editorial .clock-composition{padding:12cqh 9cqw}.clock.thumbnail.clock-editorial .time-text{font-size:43cqh;font-style:italic}.clock.thumbnail.clock-editorial .editorial-date{font-size:5cqh}.clock.thumbnail.clock-editorial .editorial-line{top:39%}.clock.thumbnail.clock-mono .clock-composition{padding:11cqh 12cqw}.clock.thumbnail.clock-mono .time-text{font-size:13cqw}.clock.thumbnail.clock-mono .mono-label{font-size:1.5cqw;margin-bottom:5cqh}.clock.thumbnail.clock-mono .clock-meta{font-size:1.6cqw}.clock.thumbnail.clock-mono .mono-status{font-size:1.3cqw;bottom:9%}.clock.thumbnail.clock-edge .clock-composition{align-items:flex-end;justify-content:flex-end;padding:10cqh 8cqw}.clock.thumbnail.clock-edge .time-text{font-size:23cqh}.clock.thumbnail.clock-edge .clock-meta,.clock.thumbnail .edge-period{font-size:1.7cqw}.clock.thumbnail.clock-sentence .sentence-copy{font-size:13cqh;font-style:italic}.clock.thumbnail.clock-sentence .clock-composition{align-items:flex-start;padding-left:17cqw}.clock.thumbnail.clock-grid .clock-composition{padding:13cqh 24cqw}.clock.thumbnail.clock-grid .clock-grid>div{font-size:1.35cqw;padding:3cqh 3cqw}.clock.thumbnail.clock-grid .clock-grid .grid-hour,.clock.thumbnail.clock-grid .clock-grid .grid-minute{font-size:25cqh;padding-bottom:4cqh}.clock.thumbnail.clock-grid small{font-size:1.3cqw;margin-top:2cqh}.clock.thumbnail.clock-ticker .clock-composition{padding:11cqh 15cqw}.clock.thumbnail .ticker-time{font-size:46cqh;letter-spacing:.01em}.clock.thumbnail .ticker-top,.clock.thumbnail .ticker-bottom{font-size:1.5cqw}.clock.thumbnail.clock-glass .clock-composition{padding:7cqh 6cqw}.clock.thumbnail .glass-plaque .clock-meta{font-size:1.7cqw}.clock.thumbnail .glass-plaque>small{font-size:1.6cqw}.clock.thumbnail .minimal-time{font-size:13cqh}.clock.thumbnail.clock-minimal .clock-meta{font-size:1.6cqw}.clock-swiss .clock-composition{flex-direction:row;gap:7cqw}.clock-swiss .clock-meta{flex-direction:column;align-items:flex-start;max-width:24cqw;margin:0}.clock-swiss .clock-date{white-space:normal;max-width:8em}.clock[data-aspect=portrait].clock-swiss .clock-composition{flex-direction:column}.clock[data-aspect=portrait].clock-swiss .clock-meta{max-width:80%;align-items:center}.clock[data-aspect=portrait] .glass-plaque{width:84cqw;height:48cqh;padding:5cqh 7cqw;border-radius:7cqw}.clock[data-aspect=portrait] .glass-time{font-size:24cqw}.clock[data-aspect=portrait] .glass-plaque .clock-meta{font-size:2.6cqw}.word-clock{width:100%;text-align:left}.word-clock>span,.word-clock>small{display:block;font-size:2.4cqmin;letter-spacing:.12em}.word-clock strong{display:block;font-size:min(12cqw,17cqh);line-height:.98;letter-spacing:-.075em;white-space:pre-line;margin:3.5cqh 0;font-weight:inherit;animation:arrive .35s var(--ease)}.world-clock{width:100%;display:grid;gap:0}.world-row{display:flex;justify-content:space-between;gap:2cqw;padding:3cqh 0;align-items:center;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.world-row:last-child{border:0}.world-row>span{font-size:3cqmin}.world-row strong{display:flex;align-items:baseline;gap:1cqw;font-size:7cqmin;font-weight:400;letter-spacing:-.07em}.world-row small{display:block;font-size:1.8cqmin;opacity:.55;margin-top:1cqh;letter-spacing:0}