.tooltip{position:fixed;z-index:200;max-width:min(20rem,84vw);padding:8px 11px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:10px;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.14),0 8px 18px -6px rgba(0,0,0,.22),0 22px 48px -18px rgba(0,0,0,.3);color:var(--ink);font-size:.8125rem;line-height:1.45;pointer-events:none;transform:translateY(2px);transition:transform 80ms}.tooltip.is-in{transform:none}.tooltip[hidden]{display:none}.tooltip--rich{padding:11px 13px}.tooltip__title{margin:0;font-size:.8125rem;font-weight:500}.tooltip__title[hidden]{display:none}.tooltip__body{margin:0;color:var(--muted);font-variant-numeric:tabular-nums}.tooltip__body[hidden]{display:none}.tooltip--rich .tooltip__body{margin-top:2px;font:500 1rem/1.2 var(--mono);color:var(--accent)}.tooltip__meta{margin:4px 0 0;font:500 .625rem/1.3 var(--mono);letter-spacing:.04em;color:var(--muted)}.tooltip__meta[hidden]{display:none}.tooltip__arrow{position:absolute;width:8px;height:8px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--surface);transform:rotate(45deg)}.tooltip[data-side=top] .tooltip__arrow{bottom:-5px;margin-left:-4px;border-top:0;border-left:0}.tooltip[data-side=bottom] .tooltip__arrow{top:-5px;margin-left:-4px;border-right:0;border-bottom:0}.tooltip[data-side=left] .tooltip__arrow{right:-5px;margin-top:-4px;border-bottom:0;border-left:0}.tooltip[data-side=right] .tooltip__arrow{left:-5px;margin-top:-4px;border-top:0;border-right:0}*,::after,::before{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased}figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}canvas{display:block}.skip-link{position:absolute;top:-60px;left:12px;z-index:100;padding:.7rem 1rem;border-radius:10px;background:var(--accent);color:#04120c;transition:top .2s}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{width:min(1180px,100% - 2 * clamp(18px,5vw,56px));margin-inline:auto}.pill{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1.05rem;border:1px solid var(--line);border-radius:10px;font-size:.9375rem;font-weight:500;transition:background-color .25s,border-color .25s,color .25s,transform .25s}.pill--solid{border-color:transparent;background:var(--accent);color:#04120c}.pill--ghost:hover{border-color:var(--accent);color:var(--accent)}.pill--solid:hover{transform:translateY(-1px);filter:brightness(1.08)}.pill--lg{height:50px;padding-inline:1.5rem;font-size:1rem}.pill .icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:1.25rem;padding:14px clamp(18px,5vw,56px);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.site__brand{display:inline-flex;align-items:center;gap:.6rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.site__mark{width:clamp(72px,7.5vw,104px);height:clamp(72px,7.5vw,104px);flex:none;overflow:visible}.site__mark:not([data-ready]) .site__mark-minute,.site__mark:not([data-ready]) [data-hand=second]{opacity:0}.site__mark-plate{fill:color-mix(in srgb,var(--ink) 5%,transparent)}.site__mark-hour{fill:var(--ink);font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:-.05em;text-anchor:middle;dominant-baseline:central}.site__mark-minute{stroke:var(--accent);stroke-width:1.5;stroke-linecap:round}.site__mark-bead{fill:var(--accent-2)}.site__nav{display:flex;gap:.35rem;margin-inline:auto}.site__nav a{padding:.5rem .85rem;border-radius:8px;font-size:.9375rem;color:var(--muted);transition:color .2s,background-color .2s}.site__nav a:hover{background:var(--surface);color:var(--ink)}@media (max-width:860px){.site__nav{display:none}}.site__actions{display:flex;gap:.5rem;margin-left:auto}@media (max-width:560px){.site__actions .pill--ghost{display:none}}.site-foot{padding:clamp(40px,6vw,72px) 0 max(clamp(28px,4vw,48px),76px);border-top:1px solid var(--line)}.site-foot__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 2rem;width:min(1180px,100% - 2 * clamp(18px,5vw,56px));margin-inline:auto}.site-foot__name{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.site-foot__by{font-size:.9375rem;color:var(--muted)}.site-foot__by a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.site-foot__by a:hover{color:var(--accent)}.film{--film-progress:0;position:relative}.film__track{height:620vh}.film__stage{position:sticky;top:0;height:100vh;overflow:hidden}.film__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}.film.is-live .film__canvas{opacity:1}.film__vignette{position:absolute;inset:0;background:radial-gradient(120% 75% at 55% 45%,transparent 38%,color-mix(in srgb,var(--bg) 80%,transparent) 100%),linear-gradient(105deg,var(--bg) 0,color-mix(in srgb,var(--bg) 55%,transparent) 34%,transparent 62%),linear-gradient(to bottom,color-mix(in srgb,var(--bg) 70%,transparent),transparent 22%,transparent 62%,var(--bg));pointer-events:none}.film.is-flat .film__canvas{display:none}.film.is-flat .film__stage{background:radial-gradient(90% 60% at 60% 40%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}.film__acts{position:absolute;inset:0;display:grid;align-items:end;justify-items:start;padding:clamp(90px,13vh,150px) clamp(18px,5vw,56px) clamp(64px,12vh,120px);pointer-events:none}.film__act{grid-area:1/1;width:min(620px,100%);opacity:0;transform:translateY(26px);transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1)}.film__act.is-active{opacity:1;transform:none}.film__act.is-active .film__cta{pointer-events:auto}.film__kicker{margin-bottom:1.1rem;font:500 .75rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.film__title{font-size:clamp(2.6rem,7vw,6rem);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.film__text{max-width:44ch;margin-top:1.3rem;font-size:clamp(1rem,1.3vw,1.1875rem);color:var(--muted)}@media (max-width:900px){.film__acts{justify-items:center}.film__act{text-align:center}.film__text{margin-inline:auto}}.film__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}@media (max-width:900px){.film__cta{justify-content:center}}.feature-clocks{display:grid;justify-items:center;gap:clamp(20px,3vw,34px);margin-top:clamp(46px,6vw,78px);margin-bottom:clamp(8px,1.5vw,16px)}.feature-clocks .clockwall,.feature-clocks .flipclock{margin-top:0}.feature-clocks .clockwall{justify-self:stretch;width:100%}.clock-skeleton{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,12px)}:root[data-clocks=ready] .clock-skeleton{display:none}.clock-view .clockwall,.clock-view .flipclock,.zone-picker__button{opacity:0;transition:opacity .25s}:root[data-clocks=ready] .clock-view .clockwall,:root[data-clocks=ready] .clock-view .flipclock,:root[data-clocks=ready] .zone-picker__button{opacity:1}.clock-skeleton__digit{width:clamp(34px,9.4vw,132px);height:calc(clamp(34px,9.4vw,132px) * 1.42);border-radius:calc(clamp(34px,9.4vw,132px) * .12);background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 5%,transparent) 30%,color-mix(in srgb,var(--ink) 11%,transparent) 50%,color-mix(in srgb,var(--ink) 5%,transparent) 70%);background-size:220% 100%;animation:1.4s ease-in-out infinite clock-shimmer}.clock-skeleton__gap{width:clamp(6px,1.2vw,14px)}.clock-skeleton--picker{width:15rem;height:46px;border-radius:16px;background:color-mix(in srgb,var(--ink) 7%,transparent);animation:1.4s ease-in-out infinite clock-shimmer;background-image:linear-gradient(100deg,color-mix(in srgb,var(--ink) 4%,transparent) 30%,color-mix(in srgb,var(--ink) 10%,transparent) 50%,color-mix(in srgb,var(--ink) 4%,transparent) 70%);background-size:220% 100%}@keyframes clock-shimmer{from{background-position:140% 0}to{background-position:-40% 0}}.flipclock{--flip-w:clamp(44px, 9.4vw, 132px);--flip-h:calc(var(--flip-w) * 1.42);--flip-radius:calc(var(--flip-w) * 0.12);--flip-bg:var(--surface);--flip-bg-2:var(--surface-2);--flip-ink:var(--ink);position:relative;display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--flip-w) * .22);margin-top:clamp(28px,4vw,48px)}.flipclock__group{display:grid;justify-items:center;gap:calc(var(--flip-w) * .109)}.flipclock__pair{display:flex;gap:calc(var(--flip-w) * .08)}.flipclock__label{font:500 max(.5rem,var(--flip-w) * .083)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.flipclock__sep{display:grid;align-content:center;gap:calc(var(--flip-h) * .18);height:var(--flip-h)}.flipclock__sep::after,.flipclock__sep::before{content:"";width:calc(var(--flip-w) * .09);aspect-ratio:1;border-radius:50%;background:var(--muted)}.flipclock__meridiem{margin-top:.2rem;padding:.4rem .5rem;border-radius:6px;background:var(--flip-bg);font:600 .75rem/1 var(--mono);letter-spacing:.06em;color:var(--accent)}.flipclock__meridiem[hidden]{display:none}.flipclock__controls{display:flex;justify-content:center;margin-top:clamp(20px,3vw,30px)}.flip{position:relative;width:var(--flip-w);height:var(--flip-h);border-radius:var(--flip-radius);box-shadow:0 calc(var(--flip-w) * .1) calc(var(--flip-w) * .22) calc(var(--flip-w) * -.06) rgba(0,0,0,.45);font-size:calc(var(--flip-h) * .7);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--flip-ink);perspective:calc(var(--flip-h) * 4)}.flip__half{position:absolute;right:0;left:0;height:50%;overflow:hidden;background:linear-gradient(var(--flip-bg-2),var(--flip-bg))}.flip__half span{display:block;height:var(--flip-h);line-height:var(--flip-h);text-align:center}.flip__top{top:0;border-radius:var(--flip-radius) var(--flip-radius) 0 0}.flip__bottom{bottom:0;border-radius:0 0 var(--flip-radius) var(--flip-radius);background:linear-gradient(var(--flip-bg),var(--flip-bg-2))}.flip__bottom span{transform:translateY(-50%)}.flip__leaf{position:absolute;top:0;right:0;left:0;z-index:2;height:50%;transform-origin:50% 100%;transform-style:preserve-3d;pointer-events:none}.flip__leaf .flip__half{top:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip__leaf-front{border-radius:var(--flip-radius) var(--flip-radius) 0 0}.flip__leaf .flip__leaf-back{border-radius:0 0 var(--flip-radius) var(--flip-radius);background:linear-gradient(var(--flip-bg),var(--flip-bg-2));transform:rotateX(180deg)}.flip__leaf .flip__leaf-back span{transform:translateY(-50%)}.flip::after{content:"";position:absolute;top:calc(50% - .5px);right:0;left:0;z-index:3;height:1px;background:rgba(0,0,0,.55)}.flip.is-flipping .flip__leaf{animation:.6s cubic-bezier(.45,.05,.25,1) both flip-leaf}.flip.is-flipping .flip__leaf-front::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.45));animation:.6s ease-in both flip-shade}.flip--accent{--flip-ink:var(--accent)}@keyframes flip-leaf{to{transform:rotateX(-180deg)}}@keyframes flip-shade{from{opacity:0}}.clockwall{--wall:min(44px, calc((100cqw - 1rem) / 34.5));display:grid;justify-items:center;gap:clamp(20px,3vw,34px);margin-top:clamp(28px,4vw,48px);container-type:inline-size}.clockwall__time{display:flex;align-items:center;gap:calc(var(--wall) * .8)}.clockwall__grid{--size:var(--wall);--gap:calc(var(--size) * 0.06);display:flex;gap:var(--gap)}.clockwall__meridiem{--size:calc(var(--wall) * 0.42);--gap:calc(var(--size) * 0.08);display:flex;gap:calc(var(--size) * .5)}.clockwall__meridiem[hidden]{display:none}.clockwall__controls,.flipclock__controls{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.zone-picker{position:relative}.zone-picker__button{display:grid;gap:2px;padding:7px 34px 7px 16px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:16px;background:linear-gradient(45deg,transparent 50%,currentcolor 50%) calc(100% - 18px) 52%/5px 5px no-repeat,linear-gradient(135deg,currentcolor 50%,transparent 50%) calc(100% - 13px) 52%/5px 5px no-repeat,color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);text-align:left;cursor:pointer}.zone-picker__button:hover,.zone-picker__button[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.zone-picker__label{font:500 .8125rem/1.2 var(--font,inherit)}.zone-picker__sub{font:500 .625rem/1.2 var(--mono);letter-spacing:.04em;color:var(--muted)}.zone-picker__pop{position:absolute;z-index:20;top:calc(100% + 8px);left:50%;width:min(27rem,90vw);padding:8px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px -20px rgba(0,0,0,.7);transform:translateX(-50%)}.zone-picker__pop[hidden]{display:none}.zone-picker__search{width:100%;padding:9px 12px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:9px;background:color-mix(in srgb,var(--bg) 60%,transparent);color:var(--ink);font:500 .8125rem/1.2 var(--mono)}.zone-picker__search:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.zone-picker__sort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.zone-picker__sort-label{margin-right:2px;font:500 .625rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.zone-picker__sort-chip{padding:5px 11px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:999px;background:0 0;color:var(--muted);font:500 .6875rem/1 var(--mono);letter-spacing:.04em;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.zone-picker__sort-chip:hover{color:var(--ink)}.zone-picker__sort-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.zone-picker__list{max-height:300px;margin:8px 0 0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 50%,transparent) transparent}.zone-picker__list::-webkit-scrollbar{width:10px}.zone-picker__list::-webkit-scrollbar-track{background:0 0}.zone-picker__list::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 45%,transparent);background-clip:content-box}.zone-picker__list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 75%,transparent);background-clip:content-box}.zone-picker__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 10px;border-radius:9px;cursor:pointer}.zone-picker__row.is-active,.zone-picker__row:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.zone-picker__row[aria-selected=true]{background:color-mix(in srgb,var(--accent) 14%,transparent)}.zone-picker__place{grid-column:1;grid-row:1;font-size:.8125rem;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}.zone-picker__flag{display:inline-block;width:20px;height:15px;margin-right:9px;border-radius:2px;-o-object-fit:cover;object-fit:cover;vertical-align:-2px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.zone-picker__flag--none{background:color-mix(in srgb,var(--ink) 6%,transparent)}.zone-picker__id{grid-column:1;grid-row:2;font:500 .625rem/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere}.zone-picker__now{grid-column:2;grid-row:1/span 2;align-self:center;font:500 .8125rem/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--accent)}.zone-picker__none{margin:12px 10px;font-size:.8125rem;color:var(--muted)}.world-clocks{--pin-flip:clamp(44px, 9.4vw, 132px);--pin-wall:clamp(10px, 2.4vw, 34px);--pin-scale:0.55;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.world-clocks[data-size=sm]{--pin-scale:0.3}.world-clocks[data-size=md]{--pin-scale:0.55}.world-clocks[data-size=lg]{--pin-scale:1}.world-clocks[hidden]{display:none}.my-clocks{margin-top:clamp(34px,5vw,56px);padding-top:clamp(24px,3vw,34px);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.my-clocks[hidden]{display:none}.my-clocks__head{display:grid;gap:clamp(12px,1.6vw,18px);margin-bottom:clamp(16px,2vw,22px)}.my-clocks__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.my-clocks__clear{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:999px;background:0 0;color:var(--muted);font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,color .25s,background-color .25s}.my-clocks__clear:hover{border-color:color-mix(in srgb,#ff6b6b 55%,transparent);background:color-mix(in srgb,#ff6b6b 12%,transparent);color:#ff8787}.my-clocks__clear[hidden]{display:none}.my-clocks__switches{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.my-clocks__switches>:first-child{justify-self:start}.my-clocks__switches>:nth-child(2){justify-self:center}.my-clocks__switches>:last-child{justify-self:end}@media (max-width:760px){.my-clocks__switches{grid-template-columns:1fr;justify-items:center}.my-clocks__switches>:first-child,.my-clocks__switches>:last-child,.my-clocks__switches>:nth-child(2){justify-self:center}}.my-clocks__title{margin:0;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:500;letter-spacing:-.02em}.my-clocks__empty{display:grid;justify-items:center;gap:.45rem;padding:clamp(26px,4vw,44px) 20px;border:1px dashed color-mix(in srgb,var(--ink) 16%,transparent);border-radius:18px;text-align:center}.my-clocks__empty[hidden]{display:none}.my-clocks__art{width:min(260px,72%);height:auto;margin-bottom:.4rem;color:var(--muted)}.my-clocks__hands{stroke:var(--accent)}.my-clocks__empty-title{margin:0;font-size:1rem;font-weight:500;color:var(--ink)}.my-clocks__empty-text{max-width:48ch;margin:0;font-size:.9375rem;color:var(--muted)}.my-clocks__empty-text strong{color:var(--ink);font-weight:500}.feature-clocks__head{display:grid;justify-items:center;gap:.55rem;max-width:54ch;margin-bottom:clamp(6px,1.4vw,14px);text-align:center}.feature-clocks__title{margin:0;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;letter-spacing:-.025em}.feature-clocks__text{margin:0;color:var(--muted)}.icon-trash{width:14px;height:14px;flex:none;fill:none;stroke:currentcolor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.confirm{max-width:min(30rem,92vw);padding:0;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:18px;background:var(--surface);color:var(--ink)}.confirm::backdrop{background:rgba(4,8,16,.62);backdrop-filter:blur(3px)}.confirm__inner{display:grid;gap:.55rem;padding:clamp(20px,3vw,28px)}.confirm__title{margin:0;font-size:1.0625rem;font-weight:500}.confirm__text{margin:0 0 .6rem;font-size:.9375rem;line-height:1.5;color:var(--muted)}.confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.confirm__cancel,.confirm__ok{padding:9px 18px;border-radius:999px;font:500 .8125rem/1 var(--font,inherit);cursor:pointer}.confirm__cancel{border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:0 0;color:var(--ink)}.confirm__cancel:hover{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.confirm__ok{border:1px solid;background:color-mix(in srgb,#ff6b6b 18%,transparent);color:#ff8787}.confirm__ok:hover{background:color-mix(in srgb,#ff6b6b 30%,transparent)}.my-clocks-jump{position:fixed;z-index:40;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);padding:11px 18px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font:500 .75rem/1 var(--mono);letter-spacing:.06em;text-decoration:none;box-shadow:0 18px 40px -16px rgba(0,0,0,.8);display:inline-flex;align-items:center;gap:8px}.my-clocks-jump:hover{background:color-mix(in srgb,var(--accent) 26%,var(--surface))}.my-clocks-jump[hidden]{display:none}.my-clocks-jump__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,var(--surface));font-size:.6875rem;font-variant-numeric:tabular-nums}.world-clock{display:inline-flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 60%,transparent);cursor:grab}.world-clock:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.world-clock.is-dragging{opacity:.4;cursor:grabbing}.world-clock.is-drop-before{box-shadow:-3px 0 0 var(--accent)}.world-clock.is-drop-after{box-shadow:3px 0 0 var(--accent)}.world-clock--flip,.world-clock--wall{flex-direction:column;align-items:center;gap:8px;padding:14px 16px 12px;border-radius:18px;position:relative}.world-clock--flip .flipclock{--flip-w:calc(var(--pin-flip) * var(--pin-scale));margin-top:0}.world-clock--wall{--wall:calc(var(--pin-wall) * var(--pin-scale))}.world-clock--list .world-clock__time{font-size:max(.6875rem,1.5rem * var(--pin-scale))}.world-clock--list .world-clock__place{font-size:max(.5625rem,.95rem * var(--pin-scale))}.world-clock--flip .world-clock__remove,.world-clock--wall .world-clock__remove{position:absolute;top:6px;right:6px}.world-clock__place{font:500 .6875rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.world-clock__time{font:500 .8125rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--accent)}.world-clock__remove{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:0 0;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:background-color .2s,color .2s}.world-clock__remove:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.clock-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%}.clock-view{width:100%}.clock-view[hidden]{display:none}.clock-switch,.clockwall__format{display:inline-flex;padding:3px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.clock-switch button,.clockwall__format button{padding:6px 14px;border:0;border-radius:999px;background:0 0;color:var(--muted);font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,color .25s}.clock-switch button:hover,.clockwall__format button:hover{color:var(--ink)}.clock-switch button[aria-checked=true],.clockwall__format button[aria-checked=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.clock-switch__icon,.clockwall__format__icon{display:block;width:15px;height:11px;stroke:currentcolor;stroke-width:1.7;stroke-linecap:round}.clock-switch button:has(.clock-switch__icon),.clockwall__format button:has(.clock-switch__icon){padding-inline:12px}.clockwall__digit{display:grid;grid-template-columns:repeat(4,var(--size));gap:var(--gap)}.clockwall__digit:nth-child(2),.clockwall__digit:nth-child(4){margin-right:calc(var(--size) * .9)}.mini-clock{--hand:max(1.5px, calc(var(--size) * 0.075));--dur:0.4;position:relative;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--surface-2),var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 9%,transparent)}.mini-clock::after,.mini-clock::before{content:"";position:absolute;top:calc(50% - var(--hand)/ 2);left:50%;width:46%;height:var(--hand);border-radius:999px;background:var(--ink);transform:rotate(calc(var(--angle) * 1deg));transform-origin:0 50%;transition:transform calc(var(--dur) * 1s) cubic-bezier(.65,0,.35,1)}.mini-clock::before{--angle:var(--hour-angle, 135)}.mini-clock::after{--angle:var(--minute-angle, 135)}.clockwall__digit:nth-child(n+5) .mini-clock::after,.clockwall__digit:nth-child(n+5) .mini-clock::before{background:var(--accent)}.film__day{position:absolute;top:50%;right:clamp(14px,2.5vw,30px);display:grid;gap:9px;justify-items:center;transform:translateY(-50%);font:500 .625rem/1 var(--mono);letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 30%,transparent)}@media (max-width:700px){.film__day{display:none}}.film__rail{position:relative;display:grid;grid-auto-rows:1fr;gap:6px;width:6px;height:clamp(180px,34vh,280px)}.film__slot{position:relative;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);cursor:pointer;transition:box-shadow .4s,background-color .3s}.film__slot i{position:absolute;inset:0 0 auto;display:block;height:clamp(0%,(var(--film-progress,0) * var(--acts) - var(--i)) * 100%,100%);border-radius:inherit;background:color-mix(in srgb,var(--accent) 60%,transparent)}.film__slot:focus-visible,.film__slot:hover{background:color-mix(in srgb,var(--ink) 26%,transparent);outline:0}.film__slot-label{position:absolute;top:50%;right:calc(100% + 62px);transform:translateY(-50%) translateX(6px);padding:5px 9px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:7px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font:500 .6875rem/1.3 var(--mono);letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;backdrop-filter:blur(6px);transition:opacity .25s ease,transform .25s var(--ease-out,cubic-bezier(.22,1,.36,1))}.film__slot:focus-visible .film__slot-label,.film__slot:hover .film__slot-label{opacity:1;transform:translateY(-50%) translateX(0)}.film[data-act="0"] .film__slot:nth-child(1),.film[data-act="1"] .film__slot:nth-child(2),.film[data-act="2"] .film__slot:nth-child(3),.film[data-act="3"] .film__slot:nth-child(4),.film[data-act="4"] .film__slot:nth-child(5),.film[data-act="5"] .film__slot:nth-child(6){box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.film[data-act="0"] .film__slot:nth-child(1) i,.film[data-act="1"] .film__slot:nth-child(2) i,.film[data-act="2"] .film__slot:nth-child(3) i,.film[data-act="3"] .film__slot:nth-child(4) i,.film[data-act="4"] .film__slot:nth-child(5) i,.film[data-act="5"] .film__slot:nth-child(6) i{background:var(--accent)}.film__now{position:absolute;top:clamp(0,var(--film-progress,0) * 100%,100%);right:-4px;left:-4px;height:1px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent)}.film__now b{position:absolute;top:50%;right:calc(100% + 9px);transform:translateY(-50%);padding:3px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--accent);font:500 .625rem/1.4 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}.film__hint{position:absolute;bottom:clamp(18px,4vh,36px);left:50%;font:500 .6875rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,transparent);transform:translateX(-50%);opacity:calc(1 - var(--film-progress) * 14)}.film__hint::after{content:"";display:block;width:1px;height:32px;margin:.7rem auto 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 50%,transparent),transparent)}.band{padding-block:clamp(64px,9vw,130px)}.band+.band{border-top:1px solid var(--line)}.band__head{max-width:44ch;margin-bottom:clamp(28px,4vw,52px)}.band__eyebrow{display:block;margin-bottom:1rem;font:500 .75rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.band__title{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700;line-height:1.02;letter-spacing:-.04em}.band__text{max-width:58ch;margin-top:1.1rem;font-size:1.0625rem;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}@media (max-width:900px){.features{grid-template-columns:1fr}}.feature{position:relative;padding:clamp(20px,2.4vw,30px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 70%,var(--bg)))}.feature__mark{display:block;width:22px;height:22px}.feature__mark svg{width:100%;height:100%;overflow:visible}.feature__mark-dial{fill:none;stroke:color-mix(in srgb,var(--ink) 20%,transparent);stroke-width:1.4}.feature__mark-hand{stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}.feature__title{margin:.9rem 0 .45rem;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.feature__text{font-size:.9375rem;color:var(--muted)}.stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.stack li{padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;font:500 .8125rem/1 var(--mono);color:var(--muted)}.access{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,56px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(90% 140% at 100% 0,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 62%),radial-gradient(70% 120% at 0 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),var(--surface)}.access__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media (max-width:860px){.access{grid-template-columns:1fr}.access__actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.clock-skeleton--picker,.clock-skeleton__digit{animation:none}.film__act,.film__canvas,.pill{transition:none}}.downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:clamp(28px,4vw,44px) 0 0;padding:0;list-style:none}.download__link{display:grid;gap:4px;height:100%;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .25s,background .25s,transform .25s}.download__link:focus-visible,.download__link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--surface-2)}.download__name{font-size:1.05rem;font-weight:600}.download__note{color:var(--muted);font-size:.85rem}.download__kind{display:inline-flex;align-items:center;gap:.5em;align-self:start;margin-top:14px;color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.download__kind .icon{width:11px;height:11px;flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.download__link:focus-visible .download__kind .icon,.download__link:hover .download__kind .icon{transform:translate(2px,-2px)}.site__mark--art{border-radius:9px}.download.is-soon .download__link{cursor:default}.download.is-soon .download__link:hover{transform:none;border-color:var(--line);background:var(--surface)}.download.is-soon .download__kind{color:var(--muted)}