:root{color-scheme:light dark;--green: light-dark(#147650, #4fc596);--ink: light-dark(#1c2420, #e8efeb);--muted: light-dark(#5c6a63, #9fb0a7);--paper: light-dark(#ffffff, #121714);--wash: light-dark(#f2f7f4, #1a211d);--rule: light-dark(#dde7e1, #2a342e)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--ink);background:var(--paper)}header.site{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--rule)}header.site img{width:2.25rem;height:2.25rem}header.site a{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.125rem}main{max-width:42rem;margin:0 auto;padding:2rem 1.5rem 4rem}h1{color:var(--green);line-height:1.25}a{color:var(--green)}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hero{text-align:center;padding:3rem 0 2rem}.hero img{width:9rem;height:9rem}.hero h1{font-size:2.25rem;margin:1rem 0 .5rem}.hero p{font-size:1.125rem;color:var(--muted);max-width:30rem;margin:0 auto}.updated{color:var(--muted);font-size:.9375rem}.card{background:var(--wash);border:1px solid var(--rule);border-radius:.75rem;padding:1rem 1.25rem;margin:1.5rem 0}footer.site{max-width:42rem;margin:0 auto;padding:1.5rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.9375rem;display:flex;gap:1.25rem;flex-wrap:wrap}footer.site a{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo{--camera: light-dark(#6b2fb5, #a874f0);--camera-ink: #ffffff;--keypad: var(--green);--keypad-ink: #ffffff;margin:1rem 0 0}.demo-tabs{display:flex;gap:.5rem;max-width:22rem;margin:0 auto 1.5rem;padding:.3rem;background:var(--wash);border:1px solid var(--rule);border-radius:999px}.demo-tab{flex:1;font:inherit;font-size:.9375rem;font-weight:650;line-height:1.2;padding:.7rem .5rem;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.demo-tab:hover{color:var(--ink)}.demo-tab.is-camera[aria-selected=true]{background:var(--camera);color:var(--camera-ink);box-shadow:0 6px 18px light-dark(rgba(107,47,181,.35),rgba(168,116,240,.28))}.demo-tab.is-keypad[aria-selected=true]{background:var(--keypad);color:var(--keypad-ink);box-shadow:0 6px 18px light-dark(rgba(20,118,80,.35),rgba(79,197,150,.28))}.demo-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.demo-stage{--accent: var(--camera);display:flex;justify-content:center}.demo-stage.is-keypad{--accent: var(--keypad)}.demo-screen{display:block;width:100%;max-width:19rem;aspect-ratio:780 / 1688;border-radius:1.75rem;background:var(--wash);box-shadow:0 1px 2px #00000029,0 18px 44px -12px color-mix(in srgb,var(--accent) 55%,transparent);transition:box-shadow .22s ease}@media(prefers-reduced-motion:reduce){.demo-tab,.demo-screen{transition:none}}