:root:has(.ch-door) .ch-backdrop{display:none}.ch-door{place-items:center;display:grid;position:fixed;inset:0}.ch-ghost{pointer-events:none;filter:blur(14px)saturate(1.05);opacity:0;transition:opacity .5s ease-out;position:fixed;inset:0;overflow:hidden}.ch-ghost[data-ready]{opacity:.9}.ch-ghost .ch-topbar{background:0 0;position:static}.ch-ghost .ch-topbar:before,.ch-ghost .ch-topbar:after{content:none}.ch-ghost-bar{background:var(--ink);opacity:.55;height:.7em;display:block}.ch-ghost-name{opacity:.8}.ch-ghost-title{width:calc(var(--letters) * .5em);background:var(--ink);opacity:.5;height:.66em;margin-block:.12em;font-size:clamp(64px,13vw,160px);display:block}.ch-ghost-chip{border:var(--hairline) solid var(--line);background:var(--panel);height:32px;display:block}.ch-ghost-photo{background:var(--sunk) center / cover;width:100%;display:block}.ch-ghost-plate{min-height:0;margin:var(--ch-plate-pad) var(--ch-plate-pad) 0;mix-blend-mode:multiply;background:50%/contain no-repeat;position:relative}.ch-door-behind{display:contents}.ch-keypad{z-index:1}.ch-door-nav{z-index:2;position:absolute;inset:0 0 auto}.ch-door-nav .ch-topbar:before,.ch-door-nav .ch-topbar:after{content:none}.ch-door-nav .ch-topbar[data-bar=solid]{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.ch-door-nav .ch-topbar[data-bar=solid] .ch-topbar-inner:before{content:none}@media (prefers-reduced-motion:reduce){.ch-ghost{transition:none}}.ch-ghost[data-glass]{visibility:hidden;filter:none;opacity:1;transition:none}.ch-glass{z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease-out;position:fixed;inset:0}.ch-glass[data-live]{opacity:1}.ch-glass canvas{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.ch-glass{transition:none}}.ch-keypad{background-color:#6f6a64;background-image:linear-gradient(100deg, #ffffff29, #fff0 40%, #0000001f), var(--grain);background-blend-mode:normal, soft-light;background-size:100% 100%,160px 9000px;border-radius:3px;grid-template-rows:52px 1fr 52px;place-items:center;width:168px;height:492px;display:grid;position:relative;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000059,0 1px 1px #0003,0 14px 28px -14px #00000073}.ch-keypad-screw{border-radius:var(--radius-round);background:radial-gradient(circle at 35% 30%,#e2dfd9,#928d85 55%,#5c5851);width:14px;height:14px;position:relative;box-shadow:inset 0 0 0 1px #00000059,0 1px #ffffff40}.ch-keypad-screw:before,.ch-keypad-screw:after{content:"";background:#4a4640;width:8px;height:1.5px;margin:-.75px 0 0 -4px;position:absolute;top:50%;left:50%;rotate:35deg}.ch-keypad-screw:after{rotate:125deg}.ch-keypad-glass{background:linear-gradient(165deg,#1e2024,#0b0c0e 38%,#060607);border-radius:6px;grid-template-rows:44px 1fr 24px;place-items:center;width:124px;height:100%;padding:8px 6px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 8px #000c,0 0 0 1px #0000008c}.ch-keypad-glass:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff12,#ffffff05 34%,#0000 34.5%);position:absolute;inset:0}.ch-keypad-light{opacity:.85;background:#ff4b3e;border-radius:2px;width:22px;height:4px;box-shadow:0 0 6px 1px #ff4b3ebf}.ch-keypad-light[data-state=busy]{background:#ffb23e;animation:.36s step-start infinite ch-light-blink;box-shadow:0 0 6px 1px #ffb23ecc}.ch-keypad-light[data-state=open]{opacity:1;background:#4dff8a;box-shadow:0 0 8px 2px #4dff8acc}.ch-keypad-light[data-state=wrong]{animation:.16s step-start 5 ch-light-blink}@keyframes ch-light-blink{50%{opacity:.15}}.ch-keypad-keys{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.ch-keypad-key{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fffcf8;font:300 24px/1 var(--font-sans);text-shadow:0 0 4px #ffeedccc,0 0 12px #ffdcbe4d;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.ch-keypad-key[data-lit]{color:#fff;text-shadow:0 0 6px #fff,0 0 18px #fff0e1,0 0 36px #ffe1c3d9,0 0 60px #ffcda580;background:radial-gradient(closest-side,#ffe8cd66,#ffe2c433 50%,#ffe2c40f 82%,#0000)}.ch-keypad-key:focus-visible{outline-offset:-6px;border-radius:var(--radius-none);outline:1px solid #ffd6aa99}@media (prefers-reduced-motion:reduce){.ch-keypad-light{animation:none!important}}