:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:#f5f5f5;--surface:#fff;--surface-fill:#ebebec;--surface-active:color-mix(in oklab, var(--surface) 92%, var(--ink) 8%);--fill-active:color-mix(in oklab, var(--surface-fill) 96%, var(--ink) 4%);--fill-soft:color-mix(in oklab, var(--surface-fill) 50%, transparent);--surface-inverted:#18181b;--ink:#18181b;--ink-2:#52525c;--ink-3:#676770;--ink-on-inverted:#fcfcfc;--rule:#e4e4e7;--rule-strong:#dedee0;--opacity-disabled:.5;--signal:#f05a28;--signal-ink:#18181b;--signal-hover:color-mix(in oklab, var(--signal) 90%, #fcfcfc);--signal-text:#a8360c;--signal-soft:color-mix(in oklab, var(--signal) 15%, transparent);--signal-soft-ink:color-mix(in oklab, var(--signal-text) 78%, var(--ink) 22%);--fault:#9c2f1c;--fault-soft:color-mix(in oklab, var(--fault) 12%, transparent);--fault-soft-hover:color-mix(in oklab, var(--fault) 18%, transparent);--fault-soft-ink:var(--fault);--font-system:ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-ui:"Inter Variable", var(--font-system);--font-mono:"Chivo Mono Variable", ui-monospace, "Cascadia Mono", Consolas, "SF Mono", var(--font-system);--font-brand:"Inter Variable", ui-sans-serif, system-ui, sans-serif;--t-micro:.75rem;--t-small:.875rem;--t-body:.875rem;--t-lead:1.125rem;--t-mark:1.125rem;--t-dial-min:2.5rem;--t-dial-max:4.5rem;--lh-tight:1.15;--lh-normal:1.5;--track-lead:-.02em;--track-dial:.005em;--track-mark:.16em;--wght-dial:450;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--gap-pair:var(--sp-2);--gap-stack:var(--sp-4);--gap-group:var(--sp-5);--measure:62rem;--rail-w:23rem;--stage-w:44rem;--control-h:2.5rem;--control-h-lg:2.75rem;--control-h-sm:2.25rem;--touch-min:2.75rem;--chip-h:1.5rem;--panel-pad:var(--gap-group);--device-pad:var(--gap-group);--scroll-anchor:calc(var(--sp-8) + var(--sp-5));--radius-panel:24px;--radius-item:16px;--radius-field:12px;--radius-inset:8px;--radius-key:999px;--elev-1:0 2px 4px #0000000a, 0 1px 2px #0000000f, 0 0 1px #0000000f;--elev-2:0 2px 8px #0000000f, 0 -6px 12px #00000008, 0 14px 28px #00000014;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-snap:cubic-bezier(.2, .85, .3, 1);--dur-flash:.1s;--dur-quick:.15s;--dur-snap:.19s;--dur-calm:.25s;--dur-glide:.3s;--dur-sheet:.35s;--stagger-flap:20ms;--dur-spin:.75s;--scrollbar-thumb:color-mix(in oklab, var(--ink) 15%, transparent);--scroll-fade:var(--sp-6);--switch-thumb:#fcfcfc;--dial-size:6.5rem;--dial-tick-len:.2;--dial-hand-len:.3;--dial-tick-w:.048;--dial-hand-w:.073;--dial-hub:.052}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (min-width:48rem){:root{--control-h:2.25rem;--control-h-lg:2.5rem}}@media (min-width:90rem){:root{--t-micro:.8125rem;--t-small:.9375rem;--t-body:.9375rem;--t-lead:1.1875rem;--t-mark:1.25rem;--t-dial-min:2.75rem;--t-dial-max:5rem;--dial-size:7.5rem}}@media (prefers-color-scheme:dark){:root{--ground:#060607;--surface:#18181b;--surface-fill:#27272a;--surface-inverted:#fcfcfc;--ink:#fcfcfc;--ink-2:#c2c2c9;--ink-3:#9f9fa9;--ink-on-inverted:#18181b;--rule:#212124;--rule-strong:#28282c;--signal-text:#f4825c;--signal-soft:color-mix(in oklab, var(--signal) 12%, transparent);--signal-soft-ink:color-mix(in oklab, var(--signal) 80%, var(--ink) 30%);--fault:#e88b7a;--fault-soft:#9c2f1c3d;--fault-soft-hover:#9c2f1c52;--fault-soft-ink:var(--fault);--elev-1:none;--elev-2:inset 0 0 1px #ffffff4d}@supports (color:lab(0% 0 0)){:root{--fault-soft:lab(36.939% 45.174 37.9016/.24);--fault-soft-hover:lab(36.939% 45.174 37.9016/.32)}}}:root[data-script=arabic]{--font-system:ui-sans-serif, system-ui, "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif}:root[data-script=hebrew]{--font-system:ui-sans-serif, system-ui, "SF Hebrew", "Segoe UI", "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif}:root[data-script=devanagari]{--font-system:ui-sans-serif, system-ui, "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", "Devanagari Sangam MN", sans-serif}:root[data-script=thai]{--font-system:ui-sans-serif, system-ui, "Leelawadee UI", "Noto Sans Thai", "Sukhumvit Set", Thonburi, sans-serif}:root[data-script=japanese]{--font-system:ui-sans-serif, system-ui, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif}:root[data-script=korean]{--font-system:ui-sans-serif, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif}:root[data-script=hans]{--font-system:ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif}:root[data-script=hant]{--font-system:ui-sans-serif, system-ui, "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC", sans-serif}:root[data-script=cyrillic],:root[data-script=greek],:root[data-script=vietnamese]{--font-ui:var(--font-system)}:root[data-script=thai]{word-break:normal;overflow-wrap:normal;line-break:auto}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./chivo-mono-latin-wght-normal-DXNvimoL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.wordmark{font-family:var(--font-brand);font-size:var(--t-mark);margin:0;font-weight:600;line-height:1}.wordmark__word{letter-spacing:var(--track-mark);text-transform:uppercase}.wordmark__o{width:.7em;height:.7em;margin-left:var(--track-mark);border:.092em solid;border-radius:50%;display:inline-block;position:relative}.wordmark__o--index:before{content:"";background:var(--signal);width:.092em;height:.3em;position:absolute;top:-.1em;left:50%;transform:translate(-50%)}.dialface{width:var(--dial-size);height:var(--dial-size);direction:ltr;flex:none;display:block;overflow:visible}.dialface__tick{stroke:var(--ink-3)}.dialface__hub{fill:var(--ink);transition:fill var(--dur-calm) var(--ease-spring)}.strip--copied .dialface__hub{fill:var(--signal-text)}.dialface__hand{transform:rotate(calc(var(--progress,0) * 360deg));transform-origin:50%;transform-box:view-box}.dialface__handMark,.strip--expiring .dialface__tick{stroke:var(--signal-text)}.vacant{align-items:center;gap:var(--gap-stack);text-align:center;flex-direction:column;padding-block-end:var(--sp-6);display:flex}.vacant[hidden]{display:none}.vacant__emblem{width:calc(var(--dial-size) * 2.2);height:calc(var(--dial-size) * 2.2);opacity:.5}.vacant__text{font-size:var(--t-body);color:var(--ink-2);text-wrap:pretty;max-width:46ch}@media (max-width:34rem){.vacant__emblem{width:calc(var(--dial-size) * 1.6);height:calc(var(--dial-size) * 1.6)}}.vault{gap:var(--gap-stack);flex-direction:column;display:flex}.vault__state{align-items:center;gap:var(--gap-pair);font-size:var(--t-small);color:var(--ink-2);cursor:pointer;min-height:var(--touch-min);margin:calc(var(--sp-2) * -1) calc(var(--sp-2) * -1);padding:var(--sp-2);border-radius:var(--radius-item);transition:background-color var(--dur-flash) var(--ease-snap);font-weight:550;list-style:none;display:flex}.vault__state:hover{background:var(--fill-soft)}.vault__state::-webkit-details-marker{display:none}.vault__state:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:.42em;height:.42em;transition:transform var(--dur-calm) var(--ease-spring);border-bottom-right-radius:1px;flex:none;margin-inline-start:auto;transform:translateY(-25%)rotate(45deg)}.vault__disclosure[open] .vault__state:after{transform:translateY(10%)rotate(225deg)}.vault__panel{gap:var(--gap-stack);flex-direction:column;padding-block-start:var(--gap-pair);display:flex}.vault__intro{gap:var(--gap-pair);flex-direction:column;display:flex}.vault__lamp{border:1px solid var(--ink-3);background:0 0;border-radius:50%;flex:none;width:8px;height:8px}.vault[data-state=locked] .vault__lamp{background:var(--ink);border-color:var(--ink)}.vault[data-state=locked] .vault__state{color:var(--ink)}.vault[data-state=open] .vault__lamp{background:var(--signal-text);border-color:var(--signal-text)}.vault[data-state=open] .vault__state{color:var(--signal-text)}.vault__form{gap:var(--gap-pair);flex-direction:column;display:flex}.vault__form[hidden]{display:none}.vault__row{gap:var(--gap-pair);flex-wrap:wrap;align-items:center;display:flex}.field.vault__pass{min-width:0;min-height:var(--control-h);line-height:1.4;font-family:var(--font-mono);flex:16rem;padding-block:0}.field.vault__pass:-webkit-autofill{box-shadow:0 0 0 1000px var(--surface-fill) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out}.field.vault__pass:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--surface-fill) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out}.field.vault__pass:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--surface-fill) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out}.field.vault__pass:-webkit-autofill{box-shadow:0 0 0 1000px var(--surface-fill) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out}.field.vault__pass:autofill{box-shadow:0 0 0 1000px var(--surface-fill) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out}.vault__error{font-size:var(--t-small);color:var(--fault);min-height:1.2em}.key.key--danger{--key-bg:var(--fault-soft);--key-bg-hover:var(--fault-soft-hover);--key-ink:var(--fault-soft-ink)}.key.key--danger[data-armed]{--key-bg:var(--fault);--key-bg-hover:var(--fault);--key-ink:var(--surface)}.vault__config{align-items:center;gap:var(--gap-pair);font-size:var(--t-small);color:var(--ink-3);flex-wrap:wrap;display:flex}.vault[data-state=off] .vault__config{display:none}.pick-shell{align-items:center;display:inline-flex;position:relative}.pick-shell:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);pointer-events:none;width:.42em;height:.42em;transition:transform var(--dur-quick) var(--ease-snap);border-bottom-right-radius:1px;position:absolute;inset-block-start:calc(50% - .22em);inset-inline-end:var(--sp-3);transform:translateY(-25%)rotate(45deg)}.pick-shell:has(.pick--button[aria-expanded=true]):after{transform:translateY(10%)rotate(225deg)}.pick{appearance:none;font:inherit;font-size:var(--t-small);color:var(--ink-2);background:var(--surface-fill);border-radius:var(--radius-field);padding-block:0;padding-inline:var(--sp-3) var(--sp-6);min-height:var(--control-h-sm);cursor:pointer;width:100%;transition:background-color var(--dur-quick) var(--ease-snap);border:0}.pick:hover{background:var(--fill-active)}.pick--replaced{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pick--button{text-align:start;align-items:center;display:inline-flex}.pick__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listbox{z-index:20;overscroll-behavior:contain;max-block-size:min(60vh,22rem);padding:var(--sp-2);background:var(--surface);border-radius:var(--radius-panel);box-shadow:var(--elev-2);transform-origin:bottom;animation:listbox-in var(--dur-quick) var(--ease-spring);position:absolute;inset-block-end:calc(100% + var(--sp-2));inset-inline:0;overflow-y:auto}@keyframes listbox-in{0%{opacity:0;transform:translateY(4px)scale(.95)}}.listbox[hidden]{display:none}.listbox[data-exiting]{pointer-events:none}.listbox__option{min-height:var(--control-h-sm);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-item);font-size:var(--t-small);color:var(--ink-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:transform var(--dur-calm) var(--ease-spring);align-items:center;display:flex;overflow:hidden}.listbox__option:active{transform:scale(.98)}.listbox__option.is-active{background:var(--surface-fill);color:var(--ink)}.listbox__option[aria-selected=true]{color:var(--signal-text);font-weight:600}.listbox__option[aria-selected=true]:after{content:"";width:.36em;height:.62em;animation:listbox-check-in var(--dur-calm) var(--ease-spring);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;margin-inline-start:auto;transform:rotate(40deg)}@keyframes listbox-check-in{0%{opacity:0;transform:rotate(40deg)scale(.7)}}.vault__check{align-items:center;gap:var(--gap-pair);display:inline-flex}.vault__check input{appearance:none;background:var(--surface-fill);border-radius:var(--radius-key);cursor:pointer;width:2.5rem;height:1.25rem;transition:background-color var(--dur-calm) var(--ease-spring);border:0;flex:none;margin:0;position:relative}.vault__check input:before{content:"";border-radius:var(--radius-inset);background:var(--switch-thumb);width:1.375rem;height:1rem;box-shadow:var(--elev-1);transition:transform var(--dur-glide) var(--ease-spring);position:absolute;inset-block-start:2px;inset-inline-start:2px}.vault__check input:checked{background:var(--signal)}.vault__check input:checked:before{transform:translate(.875rem)}:root[dir=rtl] .vault__check input:checked:before{transform:translate(-.875rem)}.vault__check input:hover:not(:checked){background:var(--fill-active)}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}:where(.scroll-edge){position:relative}.scroll-edge{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;transition:--fade-start var(--dur-quick) var(--ease-snap), --fade-end var(--dur-quick) var(--ease-snap)}.scroll-edge[data-scroll-start],.scroll-edge[data-scroll-end]{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%)}.scroll-edge[data-scroll-start]{--fade-start:var(--scroll-fade)}.scroll-edge[data-scroll-end]{--fade-end:var(--scroll-fade)}.scroll-edge__sentinel{pointer-events:none;flex:none;height:1px}.scroll-edge__sentinel[data-edge=start]{position:absolute;inset-block-start:0;inset-inline:0}.viewfinder{gap:var(--gap-pair);flex-direction:column;display:flex}.viewfinder[hidden]{display:none}.viewfinder__frame{aspect-ratio:1;background:var(--surface-fill);border-radius:var(--radius-panel);isolation:isolate;width:min(100%,22rem);position:relative;overflow:hidden}.viewfinder__video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder__mark{border:2px solid var(--signal);width:18px;height:18px;position:absolute}.viewfinder__mark[data-corner=tl]{border-block-end:0;border-inline-end:0;inset-block-start:var(--sp-4);inset-inline-start:var(--sp-4)}.viewfinder__mark[data-corner=tr]{border-block-end:0;border-inline-start:0;inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4)}.viewfinder__mark[data-corner=bl]{border-block-start:0;border-inline-end:0;inset-block-end:var(--sp-4);inset-inline-start:var(--sp-4)}.viewfinder__mark[data-corner=br]{border-block-start:0;border-inline-start:0;inset-block-end:var(--sp-4);inset-inline-end:var(--sp-4)}.viewfinder__bar{align-items:center;gap:var(--gap-pair);flex-wrap:wrap;display:flex}.viewfinder__hint{font-size:var(--t-small);color:var(--ink-3)}.is-dropping .device{outline:2px solid var(--signal);outline-offset:var(--sp-3);border-radius:var(--radius-panel)}.keys:has(.keys__gap){row-gap:0}.keys__gap{flex:1 1 var(--sp-4);min-width:var(--sp-2);margin-block-start:var(--gap-pair)}.device[data-stage=vacant] .keys__gap{display:none}.device[data-stage=vacant] .keys:has(.keys__gap){row-gap:var(--gap-pair)}kbd{font-family:var(--font-mono);border:1px solid var(--rule-strong);border-radius:var(--radius-inset);color:var(--ink-2);padding:.05em .35em;font-size:.9em}@media (max-width:34rem){.keys__gap{flex-basis:100%}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scroll-padding-block-start:var(--scroll-anchor)}:target{scroll-margin-top:var(--scroll-anchor)}body{background:var(--ground);min-block-size:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-normal);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-columns:minmax(0,1fr);margin:0;display:grid}:where(h1,h2,h3,p,figure){margin:0}button{font:inherit;color:inherit}[hidden]{display:none!important}code{font-family:var(--font-mono);color:var(--ink-2);font-size:.92em}abbr{text-decoration:none}.dial,.strip__nextCode,.strip__account--src,.slot__field,.vault__pass,.colophon__specs,code,kbd{unicode-bidi:isolate}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.note:empty,.vault__error:empty{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:10;padding:var(--sp-2) var(--sp-3);background:var(--surface-inverted);color:var(--ink-on-inverted);font-size:var(--t-small);border-radius:var(--radius-key);transition:inset-block-start var(--dur-calm) var(--ease-spring);font-weight:500;text-decoration:none;position:absolute;inset-block-start:calc(var(--sp-4) * -4);inset-inline-start:var(--sp-4)}.skip:focus{inset-block-start:var(--sp-4)}.zone__label,.slot__legend{font-size:var(--t-small);font-weight:500}.strip__metaLabel,.colophon__specs,.masthead__spec,.masthead__state,.colophon__langLabel{font-size:var(--t-micro)}.device{width:100%;max-width:min(var(--measure), calc(100% - var(--sp-7)));margin-inline:auto;margin-block:var(--sp-6);padding-inline:max(var(--device-pad), env(safe-area-inset-left)) max(var(--device-pad), env(safe-area-inset-right));flex-direction:column;padding-block:0;display:flex}.masthead{background:var(--ground);z-index:5;align-items:baseline;gap:var(--gap-pair) var(--gap-group);margin-inline:calc(var(--device-pad) * -1);padding:var(--sp-4) var(--device-pad);transition:border-color var(--dur-calm) var(--ease-spring), box-shadow var(--dur-calm) var(--ease-spring);border-block-end:1px solid #0000;grid-template-columns:auto 1fr auto;display:grid;position:sticky;inset-block-start:env(safe-area-inset-top)}.masthead--lifted{border-block-end-color:var(--rule);box-shadow:var(--elev-2)}.scroll-sentinel{pointer-events:none;block-size:1px;inline-size:1px;position:absolute;inset-block-start:0}.masthead__spec{color:var(--ink-3);text-align:center}.masthead__state{color:var(--ink-2);justify-self:end}.lamp{background:var(--ink);vertical-align:.26em;width:6px;height:6px;border-radius:50%;margin-inline-end:var(--gap-pair);display:inline-block}.lamp--signal{background:var(--signal-text)}.zone{gap:var(--gap-pair);flex-direction:column;min-width:0;display:flex}.zone__label{color:var(--ink-3)}.zone__body{gap:var(--gap-stack);min-width:0;padding:var(--panel-pad);background:var(--surface);border-radius:var(--radius-panel);box-shadow:var(--elev-1);flex-direction:column;display:flex;position:relative}.zone__fold{display:none}.zone__drawer,.zone__editor{display:contents}.device{position:relative}main{margin-block-end:var(--gap-group)}.device[data-stage=vacant] main{inline-size:100%;max-inline-size:var(--stage-w);padding-block:var(--sp-8) var(--sp-7);margin-inline:auto;display:block}.device[data-stage=vacant] #zone-codes,.device[data-stage=vacant] .zone__label{display:none}.device[data-stage=vacant] .slot__field{min-height:11rem}.vacant[hidden],.device[data-stage=working] .vacant{display:none}.zone,.colophon{z-index:1;position:relative}.colophon{justify-content:space-between;align-items:baseline;gap:var(--gap-pair) var(--gap-group);margin-inline:calc(var(--device-pad) * -1);padding:var(--sp-4) var(--device-pad);border-block-start:1px solid var(--rule);flex-wrap:wrap;margin-block-start:auto;display:flex}.colophon__specs{gap:var(--gap-pair);color:var(--ink-2);display:flex}.colophon__specs span+span:before{content:"·";margin-inline-end:var(--gap-pair)}.colophon__lang{align-items:center;gap:var(--gap-pair);display:flex}.colophon__langLabel{color:var(--ink-2)}.colophon__lang .pick-shell{width:12rem}.colophon__note{font-size:var(--t-small);color:var(--ink-2)}.slot{gap:var(--gap-pair);flex-direction:column;display:flex}.slot__legend{color:var(--ink)}.field{width:100%;padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--t-body);color:var(--ink);background:var(--surface-fill);border-radius:var(--radius-field);transition:background-color var(--dur-quick) var(--ease-snap);border:0;line-height:1.7}.field::placeholder{color:var(--ink-3)}.field:hover{background:var(--fill-active)}.field:focus-visible{background:var(--surface-fill)}.field:focus-visible,.pick:focus-visible{outline-offset:0}.slot__field{resize:vertical;min-height:8rem}.slot__meter{min-height:var(--chip-h);display:flex}.keys{gap:var(--gap-pair);flex-wrap:wrap;display:flex}.key{justify-content:center;align-items:center;gap:var(--gap-pair);min-height:var(--control-h);padding:0 var(--sp-4);font-size:var(--t-small);border-radius:var(--radius-key);cursor:pointer;--key-bg:transparent;--key-bg-hover:var(--key-bg);--key-ink:var(--ink);background:var(--key-bg);color:var(--key-ink);transition:background-color var(--dur-flash) var(--ease-snap), color var(--dur-flash) var(--ease-snap), transform var(--dur-calm) var(--ease-spring);border:0;font-weight:500;display:inline-flex}@media (hover:hover){.key:hover{background:var(--key-bg-hover)}}.key:active{background:var(--key-bg-hover);transform:scale(.97)}.key:disabled{opacity:var(--opacity-disabled);cursor:default}.key[data-pending]:before{content:"";border:1.5px solid;width:1em;height:1em;animation:key-spin var(--dur-spin) linear infinite;border-top-color:#0000;border-radius:50%;flex:none}@keyframes key-spin{to{transform:rotate(360deg)}}.key:disabled:active{background:var(--key-bg);transform:none}.key--primary,.key--default{min-width:5rem}.key--lg{min-height:var(--control-h-lg);min-width:6rem;padding-inline:var(--sp-5)}.key--lg:active{transform:scale(.96)}.key--primary{--key-bg:var(--signal);--key-bg-hover:var(--signal-hover);--key-ink:var(--signal-ink)}.key--default{--key-bg:var(--surface-fill);--key-bg-hover:var(--fill-active)}.key--flat{--key-bg:var(--fill-soft);--key-bg-hover:var(--surface-fill);--key-ink:var(--ink-2);padding-inline:var(--sp-3)}.key--flat:hover{color:var(--ink)}.key__icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.chip{min-height:var(--chip-h);line-height:var(--chip-h);padding:0 var(--sp-2);background:var(--fill-soft);border-radius:var(--radius-item);color:var(--ink-2);font-size:var(--t-micro);white-space:nowrap;font-weight:500;display:inline-block}.chip--accent{background:var(--signal-soft);color:var(--signal-soft-ink)}.chip:empty{display:none}.note{font-size:var(--t-small);color:var(--ink-3);text-wrap:pretty}.note--lede{color:var(--ink-2)}.note code,.note kbd{white-space:nowrap}.reveal__summary{align-items:center;gap:var(--gap-pair);font-size:var(--t-small);color:var(--ink-2);cursor:pointer;min-height:var(--touch-min);margin-inline:calc(var(--sp-2) * -1);padding-inline:var(--sp-2);border-radius:var(--radius-item);transition:background-color var(--dur-flash) var(--ease-snap), color var(--dur-flash) var(--ease-snap);font-weight:500;list-style:none;display:inline-flex}.reveal__summary::-webkit-details-marker{display:none}.reveal__summary:after{content:"";width:.42em;height:.42em;transition:transform var(--dur-calm) var(--ease-spring);border-bottom:1.5px solid;border-right:1.5px solid;border-bottom-right-radius:1px;flex:none;transform:translateY(-25%)rotate(45deg)}.reveal[open] .reveal__summary:after{transform:translateY(10%)rotate(225deg)}.reveal__summary:hover{background:var(--fill-soft);color:var(--ink)}.reveal__body{gap:var(--gap-pair);flex-direction:column;padding-block-start:var(--sp-2);display:flex}.strips{flex-direction:column;display:flex}.strip{column-gap:var(--gap-group);row-gap:var(--gap-pair);padding-block:var(--sp-5);--strip-rule-inset:calc(var(--dial-size) + var(--sp-5));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:".head.""gauge code copy"".meta.";display:grid;position:relative;container-type:inline-size}.strip:before{content:"";inset-block-start:0;inset-inline:var(--strip-rule-inset) 0;background:var(--rule);block-size:1px;position:absolute}.strip{border-radius:var(--radius-item);transition:background-color var(--dur-quick) var(--ease-snap)}@media (hover:hover){.strip:hover{background:var(--surface-active)}}.strip:focus-within{background:var(--surface-active)}.strip{margin-inline:calc(var(--sp-3) * -1);padding-inline:var(--sp-3)}.strip:before{inset-inline:calc(var(--strip-rule-inset) + var(--sp-3)) var(--sp-3)}.gauge{grid-area:gauge;align-self:center;display:flex}.strip__meta{align-items:baseline;gap:0 var(--gap-pair);flex-wrap:wrap;grid-area:meta;min-width:0;display:flex}.strip__metaLabel{color:var(--ink-3)}.strip__nextCode{font-family:var(--font-mono);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--ink-2)}.strip__secs{font-family:var(--font-mono);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.strip__secs:before{content:"·";color:var(--ink-3);margin-inline-end:var(--sp-2)}.strip__secs abbr{color:var(--ink-3);margin-inline-start:.1em}.strip--expiring .strip__secs{color:var(--signal-text)}.strip[data-lead="1"]{padding-top:0}.strip[data-lead="1"]:before{display:none}.strip[data-tail]{padding-bottom:0}.strip__head{align-items:baseline;gap:var(--sp-1) var(--gap-pair);flex-wrap:wrap;grid-area:head;min-width:0;display:flex}.strip__id{align-items:baseline;gap:0 var(--gap-pair);flex-wrap:wrap;flex:8rem;min-width:0;display:flex}.strip__issuer{font-size:var(--t-lead);letter-spacing:var(--track-lead);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.strip__account{font-size:var(--t-small);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip__account:empty{display:none}.strip__spec{flex:none;margin-inline-start:auto}.dial{font-family:var(--font-mono);font-size:var(--t-dial-min);font-size:clamp(var(--t-dial-min), 10cqi, var(--t-dial-max));font-weight:var(--wght-dial);line-height:var(--lh-tight);letter-spacing:var(--track-dial);font-variant-numeric:tabular-nums lining-nums;color:var(--ink);-webkit-user-select:all;user-select:all;grid-area:code;align-self:center;align-items:baseline;display:flex}.dial__digit{transform-origin:50%;display:inline-block}.dial__gap{width:.42em;display:inline-block}.strip--copied .dial{color:var(--signal-text)}.key--copy{grid-area:copy;place-self:center end}[data-copy-label]{transform-origin:bottom}.key--copy[data-state=done]{--key-bg:var(--signal-soft);--key-bg-hover:var(--signal-soft);--key-ink:var(--signal-soft-ink)}.key--copy[data-state=failed]{--key-bg:var(--fault-soft);--key-bg-hover:var(--fault-soft);--key-ink:var(--fault-soft-ink)}.strip--fault{row-gap:var(--sp-1);--strip-rule-inset:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""code"}.strip--fault .strip__head{flex-wrap:wrap;align-items:baseline}.strip--fault .strip__issuer{color:var(--fault)}.strip__account--src{font-family:var(--font-mono);color:var(--ink-3);overflow-wrap:anywhere;white-space:normal}.fault__text{font-size:var(--t-small);color:var(--ink-2);text-wrap:pretty;grid-area:code;max-width:62ch}.rail{gap:var(--gap-group);flex-direction:column;min-width:0;display:flex}@media (min-width:64rem){:root{--measure:100rem}.device[data-stage=working] main{grid-template-columns:var(--rail-w) minmax(0, 1fr);gap:var(--gap-group);align-items:start;display:grid}.device[data-stage=working] .rail{grid-area:1/1}.device[data-stage=working] #zone-codes{grid-area:1/2}.device[data-stage=working] .keys__gap{flex-basis:100%}.device[data-stage=working] .rail{max-block-size:calc(100vh - var(--scroll-anchor) - var(--sp-6));overscroll-behavior:contain;scrollbar-gutter:stable;align-self:start;position:sticky;inset-block-start:var(--scroll-anchor);overflow-y:auto}}.stage__filter{z-index:2;margin:calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1) 0;padding:var(--panel-pad) var(--panel-pad) var(--gap-pair);background:var(--surface);border-radius:var(--radius-panel) var(--radius-panel) 0 0;position:sticky;inset-block-start:0}.stage__filter[hidden]{display:none}.stage__field{min-height:var(--control-h);line-height:1.4;font-family:var(--font-ui);max-width:26rem;padding-block:0}.stage__void{font-size:var(--t-small);color:var(--ink-3);padding-block:var(--sp-5)}@media (min-width:98rem){.strips--dense{column-gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.strips--dense .strip{--dial-size:6.5rem}.strips--dense .strip[data-lead="2"]{padding-top:0}.strips--dense .strip[data-lead="2"]:before{display:none}.strips--dense .strip[data-tail]{padding-bottom:var(--sp-5)}}@media (max-width:63.9375rem){.device{max-width:var(--measure);padding-block:calc(var(--sp-5) + env(safe-area-inset-top)) calc(var(--sp-8) + env(safe-area-inset-bottom));margin-block:0}.masthead{transition:transform var(--dur-calm) var(--ease-spring)}.masthead--stowed{transform:translateY(calc(-100% - env(safe-area-inset-top)))}.device[data-stage=working] main{gap:var(--gap-group);flex-direction:column;display:flex}.device[data-stage=working] .zone__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.device[data-stage=working] .zone__fold{align-items:center;gap:var(--gap-pair);min-height:var(--touch-min);margin:calc(var(--sp-2) * -1);padding:var(--sp-2);font-size:var(--t-small);color:var(--ink);text-align:start;border-radius:var(--radius-item);cursor:pointer;transition:background-color var(--dur-flash) var(--ease-snap);background:0 0;border:0;font-weight:550;display:flex}@media (hover:hover){.device[data-stage=working] .zone__fold:hover{background:var(--fill-soft)}}.zone__foldCount{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.zone__foldCount:before{content:"·";color:var(--ink-3);margin-inline-end:var(--gap-pair)}.device[data-stage=working] .zone__fold:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:.42em;height:.42em;transition:transform var(--dur-calm) var(--ease-spring);border-bottom-right-radius:1px;flex:none;margin-inline-start:auto;transform:translateY(-25%)rotate(45deg)}.device[data-stage=working] #zone-input[data-expanded] .zone__fold:after{transform:translateY(10%)rotate(225deg)}.device[data-stage=working] #zone-input .zone__body{row-gap:0}.device[data-stage=working] #zone-input .zone__drawer{transition:grid-template-rows var(--dur-calm) var(--ease-spring), padding-block-start var(--dur-calm) var(--ease-spring);grid-template-rows:1fr;padding-block-start:var(--gap-stack);display:grid}.device[data-stage=working] #zone-input:not([data-expanded]) .zone__drawer{grid-template-rows:0fr;padding-block-start:0}.device[data-stage=working] #zone-input .zone__editor{gap:var(--gap-stack);overflow-clip-margin:var(--sp-2);flex-direction:column;min-height:0;display:flex;position:relative;overflow:clip}.device[data-stage=working] #zone-input:not([data-expanded]) .zone__editor{visibility:hidden;transition:visibility 0s var(--dur-calm)}.device[data-stage=working] #zone-input .slot__legend{min-height:var(--control-h-sm);align-items:center;padding-inline-end:var(--sp-8);display:flex}.device[data-stage=working] #zone-input .key.key--flat{min-height:var(--control-h-sm);position:absolute;inset-block-start:0;inset-inline-end:0}#zone-input .keys{gap:var(--gap-pair);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#zone-input .keys__gap{display:none}#key-demo{grid-column:1/-1}.device[data-stage=vacant] .slot__meter{display:none}}@media (max-width:46rem){.masthead{grid-template-columns:minmax(0,1fr)}.masthead__spec{text-align:start}.masthead__state{justify-self:start}}@media (max-width:34rem){:root{--device-pad:var(--sp-4);--panel-pad:var(--sp-4)}.strip{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"gauge head""gauge code""meta meta""copy copy"}:root{--dial-size:5rem}.strip__head{gap:var(--sp-1) var(--gap-pair);flex-wrap:wrap}.strip__spec{margin-inline-start:0}.key--copy{justify-self:start}}@media (max-width:26.1875rem){.strip{--dial-size:2.75rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"gauge head""code code""meta meta""copy copy"}.strip .dial{font-size:clamp(var(--t-dial-min), 14cqi, var(--t-dial-max))}.strip__head{display:block}.strip__spec{margin-block-start:var(--sp-1)}.strip .key--copy{min-height:var(--control-h-lg);justify-self:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}