@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(../media/cf9d54c4342bfde9-s.3h9hciz7c7ygr.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c26308a965d8ee8a-s.3k6q3yu2z6st3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d03928121523449c-s.2xutnr_n30v-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1ccf8ef962b3f693-s.p.2xt4dxqx4hw9r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/664b8486c44baa2d-s.0vchxt0cs-r06.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c5ac7bd8b2d9fce6-s.3kfu5v_o8q8ol.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8457265da2739722-s.00okbctd204vc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/dc0c65e819e3bb6c-s.p.1alcwxkb6wbdk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch Fallback;src:local(Arial);ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.0%;size-adjust:102.51%}.chakra_petch_56c07e33-module__yO_Pea__className{font-family:Chakra Petch,Chakra Petch Fallback;font-style:normal}.chakra_petch_56c07e33-module__yO_Pea__variable{--font-instrument:"Chakra Petch", "Chakra Petch Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--void:#0b0b0c;--ground:#161719;--plate-m:#191917;--plate-h:#17191d;--ember-m:#1f1e1c;--ember-h:#1c1e23;--lit:#cfc5b4;--lit-hour:#a9c8ec;--steel:#34373c;--accent:#ff4f12;--future-color:#ff7420;--rim-m:var(--lit)}@supports (color:color-mix(in lab, red, red)){:root{--rim-m:color-mix(in srgb, var(--lit) 55%, white)}}:root{--rim-h:var(--lit-hour)}@supports (color:color-mix(in lab, red, red)){:root{--rim-h:color-mix(in srgb, var(--lit-hour) 55%, white)}}:root{--rim-f:var(--future-color)}@supports (color:color-mix(in lab, red, red)){:root{--rim-f:color-mix(in srgb, var(--future-color) 55%, white)}}:root{--rim-a:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--rim-a:color-mix(in srgb, var(--accent) 55%, white)}}:root{--scale-sec:#bfd8d2;--scale-min:#cfc5b4;--scale-hr:#a9c8ec;--scale-day:#d9b891;--light-bloom:url(#bloom);--caption:#f0f2f0f2;--caption-future:#ff8b36;--scale:1;--radius-f:.14;--u:calc(max(1.05rem, min(5.4vw, 17vh)) * var(--scale));--pad-q:calc(var(--u) * .1);--gap-cell:calc(var(--u) * .22);--gap-rows:calc(var(--u) * .9);--radius:calc(var(--u) * var(--radius-f));--t-ignite:2s;--t-in:.15s;--t-preview:.5s;--t-fuse:1.2s;--t-boot-step:70ms}@media (prefers-color-scheme:light){:root{--void:#e9e8e5;--ground:#dbdad6;--plate-m:#d8d5ce;--plate-h:#d6d5d1;--ember-m:#cfccc4;--ember-h:#cdccc8;--lit:#26262a;--lit-hour:#33608f;--scale-sec:#1f4a42;--scale-min:#26262a;--scale-hr:#33608f;--scale-day:#5c451f;--steel:#b8b5ae;--accent:#f04812;--future-color:#e85f10;--caption:#161a1df2;--caption-future:#d4520a}}body{background:var(--void)}.tempo{gap:var(--gap-rows);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.chassis{width:min(94vw, calc(var(--u) * 15.5));gap:calc(var(--u) * .12);padding:calc(var(--u) * .12);border-radius:calc(var(--u) * .22);box-shadow:0 0 0 calc(var(--u) * .05) #1a1c1f;background:linear-gradient(135deg,#3a3e44,#5d636c 45%,#26292d 82%,#383c42);grid-template-columns:repeat(4,1fr);display:grid}.cell .num{font-family:var(--font-instrument), sans-serif;font-size:calc(var(--u) * .28);color:var(--ground);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:400}.quarter{gap:var(--gap-cell);padding:var(--pad-q);border-radius:calc(var(--radius) + var(--pad-q));background:var(--plate-m);transition:background-color var(--t-preview) ease, box-shadow var(--t-preview) ease;display:flex}.quarter.hour{background:var(--plate-h)}.cell{border-radius:var(--radius);background:var(--ember-m);min-width:0;transition:background-color var(--t-preview) ease, box-shadow var(--t-preview) ease;flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.cell.held{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cell.held{background:color-mix(in srgb, var(--accent) 30%, var(--ember-m))}}.cell.hour.held{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cell.hour.held{background:color-mix(in srgb, var(--accent) 30%, var(--ember-h))}}.cell.held.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cell.held.active{background:color-mix(in srgb, var(--accent) 60%, var(--ember-m))}}.railstrip{height:calc(var(--u) * .14);grid-column:1/-1;position:relative}.railstrip span{background:var(--accent);border-radius:999px;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.railstrip span{background:color-mix(in srgb, var(--accent) 32%, var(--ground))}}.railstrip span[data-active]{background:var(--accent);box-shadow:0 0 8px var(--accent)}@supports (color:color-mix(in lab, red, red)){.railstrip span[data-active]{box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent)}}.cell .linmark{background:var(--accent);width:2px;box-shadow:0 0 5px var(--accent);border-radius:1px;position:absolute;top:7%;bottom:7%}@supports (color:color-mix(in lab, red, red)){.cell .linmark{box-shadow:0 0 5px color-mix(in srgb, var(--accent) 65%, transparent)}}.cell .linmark{pointer-events:none}.cell.minute{height:calc(var(--u) * 1.618)}.cell.hour{height:var(--u);background:var(--ember-h)}.cell.lit{background:var(--lit);box-shadow:inset 0 0 0 1.5px var(--rim-m);filter:var(--light-bloom);transition-duration:var(--t-ignite)}.cell.hour.lit{background:var(--lit-hour);box-shadow:inset 0 0 0 1.5px var(--rim-h)}.quarter[data-fused=lit]{background:var(--lit);box-shadow:inset 0 0 0 1.5px var(--rim-m);filter:var(--light-bloom);transition-duration:var(--t-fuse)}.quarter.hour[data-fused=lit]{background:var(--lit-hour);box-shadow:inset 0 0 0 1.5px var(--rim-h)}.quarter[data-fused=lit] .cell{box-shadow:none;transition-duration:var(--t-fuse)}.tempo[data-preview] .cell.future,.tempo[data-preview] .quarter[data-fused=future]{background:var(--future-color);box-shadow:inset 0 0 0 1.5px var(--rim-f);filter:var(--light-bloom)}.tempo[data-preview] .quarter[data-fused=future] .cell{background:0 0}.dial{--rim-m:var(--lit);width:min(88vmin,94vw);height:min(88vmin,94vw);overflow:visible}@supports (color:color-mix(in lab, red, red)){.dial{--rim-m:color-mix(in srgb, var(--lit) 55%, white)}}.dial{--rim-h:var(--lit-hour)}@supports (color:color-mix(in lab, red, red)){.dial{--rim-h:color-mix(in srgb, var(--lit-hour) 55%, white)}}.dial .ground{fill:var(--ground)}.tempo:not([data-steel]) .dial .steel{display:none}.tempo:not([data-steel]) .chassis{background:var(--ground);box-shadow:none}.dial .steel line,.dial .steel circle{fill:none;stroke:url(#steelGrad);stroke-width:2.5px}.dial .cell,.dial .slice{stroke:#0000;stroke-width:.7px;transition:fill var(--t-preview) ease, stroke var(--t-preview) ease, filter var(--t-preview) ease}.dial .cell{fill:var(--ember-h)}.dial .slice{fill:var(--ember-m)}.dial .plate,.dial .sector{stroke:#0000;stroke-width:.7px;transition:fill var(--t-preview) ease, stroke var(--t-preview) ease, filter var(--t-preview) ease}.dial .plate{fill:var(--plate-h)}.dial .sector{fill:var(--plate-m)}.dial .cell.lit{fill:var(--lit-hour);stroke:var(--rim-h);filter:var(--light-bloom);transition-duration:var(--t-ignite)}.dial .slice.lit{fill:var(--lit);stroke:var(--rim-m);filter:var(--light-bloom);transition-duration:var(--t-ignite)}.dial .plate.lit{fill:var(--lit-hour);stroke:var(--rim-h);filter:var(--light-bloom);transition-duration:var(--t-fuse)}.dial .sector.lit{fill:var(--lit);stroke:var(--rim-m);filter:var(--light-bloom);transition-duration:var(--t-fuse)}.dial .mark{fill:var(--accent);stroke:var(--rim-a);stroke-width:.18px;filter:url(#bloomMark)}.dial .mark[data-hot]{stroke-width:.35px}.dial .prog .progfill{pointer-events:none}.dial .prog.minute .progfill{fill:var(--lit)}@supports (color:color-mix(in lab, red, red)){.dial .prog.minute .progfill{fill:color-mix(in srgb, var(--lit) 12%, transparent)}}.dial .prog.hour .progfill{fill:var(--lit-hour)}@supports (color:color-mix(in lab, red, red)){.dial .prog.hour .progfill{fill:color-mix(in srgb, var(--lit-hour) 12%, transparent)}}.dial .prog.minute .progline{stroke:var(--lit)}@supports (color:color-mix(in lab, red, red)){.dial .prog.minute .progline{stroke:color-mix(in srgb, var(--lit) 55%, transparent)}}.dial .prog.minute .progline{stroke-width:.35px}.dial .prog.hour .progline{stroke:var(--lit-hour)}@supports (color:color-mix(in lab, red, red)){.dial .prog.hour .progline{stroke:color-mix(in srgb, var(--lit-hour) 55%, transparent)}}.dial .prog.hour .progline{stroke-width:.35px}.dial .detent{stroke:var(--void);stroke-width:.3px;opacity:.9;pointer-events:none}.dial .markhit{fill:none;pointer-events:all}.dial .slice.held{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .slice.held{fill:color-mix(in srgb, var(--accent) 13%, var(--ember-m))}}.dial .slice.held{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .slice.held{stroke:color-mix(in srgb, var(--accent) 55%, transparent)}}.dial .slice.held{stroke-width:.35px}.dial .cell.held{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .cell.held{fill:color-mix(in srgb, var(--accent) 13%, var(--ember-h))}}.dial .cell.held{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .cell.held{stroke:color-mix(in srgb, var(--accent) 55%, transparent)}}.dial .cell.held{stroke-width:.35px}.dial .slice.held.active,.dial .cell.held.active{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .slice.held.active,.dial .cell.held.active{fill:color-mix(in srgb, var(--accent) 55%, var(--ember-m))}}.dial .slice.held.active,.dial .cell.held.active{stroke:var(--rim-a);filter:var(--light-bloom)}.dial .rangeseg{fill:var(--future-color);stroke:var(--rim-f);stroke-width:.5px;filter:var(--light-bloom)}.dial .heldseg{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .heldseg{fill:color-mix(in srgb, var(--accent) 16%, var(--ember-h))}}.dial .heldseg{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .heldseg{stroke:color-mix(in srgb, var(--accent) 55%, transparent)}}.dial .heldseg{stroke-width:.25px}.dial .heldseg.active{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dial .heldseg.active{fill:color-mix(in srgb, var(--accent) 55%, var(--ember-m))}}.dial .heldseg.active{stroke:var(--rim-a);filter:var(--light-bloom)}.dial .marklabel text{font-family:var(--font-instrument), sans-serif;letter-spacing:.22em;text-anchor:middle;fill:var(--accent);pointer-events:none;font-size:4.4px;font-weight:500}.dial .marklabel .leader{stroke:var(--accent);stroke-width:.3px;opacity:.6}.dial .hit{fill:none;pointer-events:all}.dial .cell.future,.dial .slice.future,.dial .plate.future,.dial .sector.future{fill:var(--future-color);stroke:var(--rim-f);filter:var(--light-bloom);transition-duration:var(--t-in)}.dial .mark.ghost{fill:var(--future-color);stroke:var(--rim-f)}.tempo[data-targeting] .dial .cell.lit,.tempo[data-targeting] .dial .slice.lit,.tempo[data-targeting] .dial .plate.lit,.tempo[data-targeting] .dial .sector.lit{opacity:.45}.tempo[data-targeting] .dial .slice:not(.lit):not(.future):not(.held){fill:var(--lit)}@supports (color:color-mix(in lab, red, red)){.tempo[data-targeting] .dial .slice:not(.lit):not(.future):not(.held){fill:color-mix(in srgb, var(--lit) 16%, var(--ember-m))}}.tempo[data-targeting] .dial .cell:not(.lit):not(.future):not(.held){fill:var(--lit-hour)}@supports (color:color-mix(in lab, red, red)){.tempo[data-targeting] .dial .cell:not(.lit):not(.future):not(.held){fill:color-mix(in srgb, var(--lit-hour) 16%, var(--ember-h))}}.tempo[data-armed] .dial .cell,.tempo[data-armed] .dial .slice,.tempo[data-armed] .dial .plate,.tempo[data-armed] .dial .sector{transition-duration:40ms}.tempo[data-mode=ring]{position:relative}.tempo[data-mode=ring] .caption{letter-spacing:.04em;font-size:clamp(2rem,9vmin,6rem);font-weight:650;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.tempo[data-boot] .cell,.tempo[data-boot] .quarter,.tempo[data-boot] .plate,.tempo[data-boot] .slice,.tempo[data-boot] .sector{transition-delay:calc(var(--i) * var(--t-boot-step))}.caption{font-family:var(--font-instrument), sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--caption);opacity:0;transition:color var(--t-preview) ease, opacity 90ms ease;font-size:.85rem;position:fixed;bottom:1.4rem;left:1.4rem}.caption[data-show]{opacity:1;filter:var(--light-bloom);transition:color var(--t-preview) ease, opacity var(--t-preview) ease}.caption[data-future]{color:var(--caption-future);cursor:pointer}.caption .fld{opacity:.5;transition:opacity .15s}.caption .fld[data-dial]{opacity:1}.caption .eta{letter-spacing:.1em;text-align:center;margin-top:.15em;font-size:.34em;display:block}.tempo[data-mode=ring] .caption[data-span]{font-size:clamp(1.4rem,6.4vmin,4.2rem)}.caption .spanrow{align-items:flex-start;gap:.35em;display:inline-flex}.caption .spancol{flex-direction:column;align-items:center;display:inline-flex}.caption .spanarrow{flex-direction:column;align-items:center;padding-top:.12em;line-height:1;display:inline-flex}.caption .spanarrow .dur{letter-spacing:.1em;opacity:.85;font-size:.32em}.caption[data-future] .eta{opacity:.85}.dismiss{width:2.6rem;height:2.6rem;font-family:var(--font-instrument), sans-serif;color:var(--accent);border:1px solid var(--accent);background:0 0;place-items:center;font-size:1.1rem;display:grid;position:fixed;bottom:10vh;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.dismiss{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}}.dismiss{opacity:.85;cursor:pointer;border-radius:999px}.tempo[data-mode=ring] .dismiss{position:absolute;top:calc(50% + 17vmin);bottom:auto;left:50%;transform:translate(-50%,-50%)}.caption[data-inspect]{opacity:1;color:var(--accent);filter:var(--light-bloom)}.caption[data-alarm]{opacity:1;color:var(--accent);filter:var(--light-bloom);animation:2.8s ease-in-out infinite alternate breath}@keyframes breath{0%{opacity:.55}to{opacity:1}}.dial .legend text{font-family:var(--font-instrument), sans-serif;font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central;fill:var(--ground);pointer-events:none;letter-spacing:.02em;font-size:5.2px;font-weight:400}.tuner-toggle,.mode-toggle,.legend-toggle,.steel-toggle,.watch-toggle{color:var(--caption);opacity:0;transition:opacity var(--t-preview) ease;padding:.4rem;font-size:1rem;line-height:1;position:fixed;bottom:1.4rem}.tempo[data-awake] .tuner-toggle,.tempo[data-awake] .mode-toggle,.tempo[data-awake] .legend-toggle,.tempo[data-awake] .steel-toggle,.tempo[data-awake] .watch-toggle{opacity:.5}.tuner-toggle{right:1.4rem}.mode-toggle{top:1.4rem;bottom:auto;right:1.4rem}.legend-toggle{right:3.6rem}.steel-toggle{right:5.8rem}.watch-toggle{right:8rem}.tuner-toggle:hover,.mode-toggle:hover,.legend-toggle:hover,.steel-toggle:hover,.watch-toggle:hover{opacity:1}.tuner-toggle[data-on],.legend-toggle[data-on],.steel-toggle[data-on],.watch-toggle[data-on]{color:var(--lit);opacity:.95;text-shadow:0 0 6px var(--lit)}@supports (color:color-mix(in lab, red, red)){.tuner-toggle[data-on],.legend-toggle[data-on],.steel-toggle[data-on],.watch-toggle[data-on]{text-shadow:0 0 6px color-mix(in srgb, var(--lit) 60%, transparent)}}.watchmock{z-index:5;pointer-events:none;flex-direction:column;align-items:center;width:212px;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%);container-type:inline-size}@media (max-width:1023px){.watchmock{display:none}}.wm-strap{background:linear-gradient(#26282c,#1a1c1f 60%,#202226);width:46cqw;height:26cqw;box-shadow:inset 0 0 0 1px #ffffff0f}.wm-strap.upper{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:8cqw 8cqw 0 0;margin-bottom:-3cqw}.wm-strap.lower{clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);border-radius:0 0 8cqw 8cqw;margin-top:-3cqw}.wm-case{z-index:1;aspect-ratio:1;background:linear-gradient(160deg,#6c7075 0%,#4a4e54 22%,#595e65 50%,#43474d 78%,#676c72 100%);border-radius:50%;width:100cqw;padding:4cqw;position:relative;box-shadow:0 24px 60px #00000080,0 4px 14px #0000004d,inset 0 0 0 1px #ffffff24}.wm-case:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #ffffff29}.wm-crown{z-index:0;background:linear-gradient(#5c6167,#43474d);border-radius:2cqw;width:4.2cqw;height:11cqw;position:absolute;top:27%;right:.2cqw;transform:rotate(-24deg);box-shadow:inset 0 1px 1px #ffffff4d}.wm-btn{z-index:0;background:linear-gradient(#55595f,#3f434a);border-radius:1.6cqw;width:3.2cqw;height:13cqw;position:absolute;top:44%;right:-1.4cqw}.wm-screen .legend text{font-size:8.5px}.wm-band{z-index:2;pointer-events:none;background:linear-gradient(160deg,#6c7075 0%,#4a4e54 22%,#595e65 50%,#43474d 78%,#676c72 100%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 4.5cqw),#000 calc(100% - 4.3cqw));mask:radial-gradient(closest-side,#0000 calc(100% - 4.5cqw),#000 calc(100% - 4.3cqw))}.wm-screen{z-index:1;aspect-ratio:1;background:var(--void);border-radius:50%;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2.5cqw #000}.wm-screen .dial{aspect-ratio:1;width:100%;height:auto;overflow:hidden}.wm-caption{font-family:var(--font-instrument), sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--caption);opacity:0;transition:opacity var(--t-preview) ease;font-size:11cqw;font-weight:650;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tempo[data-awake] .wm-caption,.wm-caption[data-future]{opacity:1}.wm-caption[data-future]{color:var(--caption-future)}.wm-caption[data-span]{text-align:center;font-size:7.5cqw}.wm-caption .eta{letter-spacing:.08em;text-align:center;margin-top:.12em;font-size:.45em;display:block}.tuner{background:var(--void);border-radius:.8rem;flex-direction:column;gap:.55rem;padding:1rem 1.1rem;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.tuner{background:color-mix(in srgb, var(--void) 55%, transparent)}}.tuner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.06em;color:var(--caption);font-size:.68rem}.tuner label{grid-template-columns:6.5rem 8.5rem 2.6rem;align-items:center;gap:.6rem;display:grid}.tuner input[type=range]{accent-color:var(--lit)}.tuner input[type=color]{background:0 0;border:none;width:2.2rem;height:1.3rem;padding:0}.tuner output{font-variant-numeric:tabular-nums;text-align:right}.tuner .themes{align-items:center;gap:.6rem;margin-bottom:.3rem;display:flex}.tuner .themes button{border:1px solid;padding:.25rem .7rem}@supports (color:color-mix(in lab, red, red)){.tuner .themes button{border:1px solid color-mix(in srgb, currentColor 40%, transparent)}}.tuner .themes button{color:inherit;border-radius:.45rem}.tuner .themes button:hover{color:var(--lit)}.tuner .actions{gap:.6rem;margin-top:.3rem;display:flex}.tuner .actions button{border:1px solid;flex:1;padding:.35rem 0}@supports (color:color-mix(in lab, red, red)){.tuner .actions button{border:1px solid color-mix(in srgb, currentColor 40%, transparent)}}.tuner .actions button{color:inherit;border-radius:.45rem}.tuner .actions button:hover{color:var(--lit)}@media (prefers-reduced-motion:reduce){.cell,.quarter,.caption,.dial .cell,.dial .slice,.dial .plate,.dial .sector{transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}