@font-face{font-family:Berkeley Mono;src:url(/keylit/fonts/BerkeleyMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/keylit/fonts/BerkeleyMono-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/keylit/fonts/BerkeleyMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/keylit/fonts/BricolageGrotesque-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/keylit/fonts/BricolageGrotesque-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/keylit/fonts/BricolageGrotesque-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/keylit/fonts/BricolageGrotesque-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/keylit/fonts/BricolageGrotesque-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/keylit/fonts/Newsreader-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/keylit/fonts/Newsreader-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/keylit/fonts/Newsreader-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/keylit/fonts/Newsreader-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Newsreader;src:url(/keylit/fonts/Newsreader-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#fafaf8;color:#2a2521;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--kl-base: #FAFAF8;--kl-raised: #FFFFFF;--kl-sunken: #F2EFEA;--kl-hair: #E5E0D8;--kl-line: #D2CABE;--kl-ink: #2A2521;--kl-muted: #6B645C;--kl-faint: #9A938A;--kl-shadow: rgba(42, 37, 33, .08);--kl-shadow-soft: rgba(42, 37, 33, .05);--kl-amber: #f0b429;--kl-amber-text: #966C0B;--kl-amber-ui: #BD880D;--kl-teal: #46cfc2;--kl-teal-text: #218178;--kl-teal-ui: #2AA296;--kl-coral: #f08a5d;--kl-coral-text: #C94A13;--kl-coral-ui: #EC6B32;--kl-mono: "Berkeley Mono", ui-monospace, Menlo, Consolas, monospace;--kl-display: "Newsreader", Georgia, "Times New Roman", serif;--kl-sans: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}.kl-app{min-height:100%;display:grid;grid-template-columns:236px minmax(0,1fr);background:var(--kl-base);color:var(--kl-ink);font-family:var(--kl-sans)}.kl-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--kl-raised);border-right:1px solid var(--kl-hair);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.kl-brand{padding:4px 10px 18px}.kl-brand .mark{font-family:var(--kl-display);font-style:italic;font-weight:500;font-size:27px;letter-spacing:-.01em;color:var(--kl-ink);line-height:1}.kl-brand .kicker{font-family:var(--kl-sans);font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--kl-faint);margin-top:5px}.kl-nav{display:flex;flex-direction:column;gap:1px}.kl-nav-item{position:relative;display:flex;align-items:center;gap:11px;font-family:var(--kl-sans);font-size:14.5px;font-weight:500;color:var(--kl-muted);background:transparent;border:0;border-radius:9px;padding:9px 11px;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.kl-nav-item:hover{background:var(--kl-sunken);color:var(--kl-ink)}.kl-nav-item .ico{color:var(--kl-faint);display:inline-flex;transition:color .14s ease}.kl-nav-item:hover .ico{color:var(--kl-muted)}.kl-nav-item[aria-current=true]{color:var(--kl-ink);font-weight:700;background:var(--kl-sunken)}.kl-nav-item[aria-current=true] .ico{color:var(--kl-ink)}.kl-nav-item[aria-current=true]:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--kl-ink)}.kl-nav-sep{height:1px;background:var(--kl-hair);margin:8px}.kl-side-foot{margin-top:auto;padding:10px;color:var(--kl-faint);font-size:11px}.kl-main{min-width:0;display:flex;flex-direction:column}.kl-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:56px;padding:0 26px;background:#fafaf8db;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--kl-hair)}.kl-crumb{font-family:var(--kl-mono);font-size:12.5px;color:var(--kl-faint);display:flex;align-items:center;gap:7px}.kl-crumb .cur{color:var(--kl-ink)}.kl-crumb .sep{color:var(--kl-line)}.kl-content{padding:26px 26px 64px;max-width:1080px;width:100%;margin-inline:auto}.kl-content.wide{max-width:1280px}.kl-eyebrow{font-family:var(--kl-sans);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700;color:var(--kl-muted)}.kl-title{font-family:var(--kl-display);font-style:italic;font-weight:500;font-size:32px;line-height:1.12;letter-spacing:-.01em;color:var(--kl-ink);margin:0}.kl-h2{font-family:var(--kl-sans);font-weight:700;font-size:19px;line-height:1.3;color:var(--kl-ink);margin:0}.kl-prose{font-family:var(--kl-display);font-size:17px;line-height:1.55;color:var(--kl-ink)}.kl-rule{height:1px;background:var(--kl-hair);border:0;margin:18px 0}.kl-meta{font-family:var(--kl-mono);font-size:12px;color:var(--kl-muted);letter-spacing:.01em}.kl-rows{display:flex;flex-direction:column}.kl-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--kl-hair)}.kl-row:first-child{border-top:1px solid var(--kl-hair)}.faceplate{position:relative;background:var(--kl-raised);border:1px solid var(--kl-hair);border-radius:14px;padding:16px;box-shadow:0 1px 2px var(--kl-shadow-soft)}.plate-screws:before,.plate-screws:after{content:none}.deck{background:radial-gradient(130% 120% at 50% 0%,#1d1711 0%,var(--kl-deck, #171310) 74%);border:1px solid #0d0a08;border-radius:16px;box-shadow:inset 0 3px 14px #0000008c,0 1px 2px var(--kl-shadow)}.key-felt{background:linear-gradient(180deg,#3a1714,#2a100e);border-radius:8px 8px 3px 3px;box-shadow:inset 0 2px 6px #00000080}.engraved{font-family:var(--kl-sans);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700;color:var(--kl-muted)}.readout{background:var(--kl-sunken);border:1px solid var(--kl-hair);border-radius:9px;box-shadow:inset 0 1px 2px var(--kl-shadow-soft);font-family:var(--kl-mono);padding:8px 12px}.bench-btn{font-family:var(--kl-sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--kl-raised);border:1px solid var(--kl-line);border-radius:10px;color:var(--kl-ink);padding:9px 15px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px var(--kl-shadow-soft);transition:transform 80ms ease,box-shadow .12s ease,background .14s ease,border-color .14s ease}.bench-btn:hover{background:var(--kl-sunken);border-color:var(--kl-line)}.bench-btn:active{transform:translateY(1px)}.bench-btn:disabled{opacity:.4;cursor:default;transform:none}.bench-btn.primary{background:var(--kl-ink);border-color:var(--kl-ink);color:#fafaf8;box-shadow:0 1px 3px var(--kl-shadow)}.bench-btn.primary:hover{filter:brightness(1.12);background:var(--kl-ink)}.kl-seg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--kl-sunken);border:1px solid var(--kl-hair)}.kl-seg button{font-family:var(--kl-sans);font-size:13px;font-weight:600;color:var(--kl-muted);background:transparent;border:0;border-radius:7px;padding:6px 13px;cursor:pointer;transition:background .14s ease,color .14s ease}.kl-seg button:hover{color:var(--kl-ink)}.kl-seg button[aria-selected=true]{background:var(--kl-raised);color:var(--kl-ink);box-shadow:0 1px 2px var(--kl-shadow-soft)}.room-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--kl-sunken);border:1px solid var(--kl-hair)}.room-tab{display:inline-flex;align-items:center;gap:7px;font-family:var(--kl-sans);font-size:13px;font-weight:600;color:var(--kl-muted);background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 13px;cursor:pointer;transition:color .14s ease,background .16s ease}.room-tab:hover{color:var(--kl-ink)}.room-tab[aria-selected=true]{color:var(--kl-ink);background:var(--kl-raised);box-shadow:0 1px 2px var(--kl-shadow-soft)}.room-tab .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.vu{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.vu i{width:4px;height:30%;border-radius:1px;background:var(--kl-hair);transition:height .22s cubic-bezier(.22,1,.36,1)}.vu i.on{background:currentColor}.eng-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--kl-sans);font-size:12px;color:var(--kl-muted);background:var(--kl-sunken);border:1px solid var(--kl-hair);border-radius:999px;padding:5px 11px}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--kl-sans);font-size:13px;font-weight:600;color:var(--kl-ink);background:var(--kl-raised);border:1px solid var(--kl-line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:transform 90ms ease,border-color .14s ease,background .14s ease}.chip:hover{border-color:var(--kl-teal-ui);background:var(--kl-sunken)}.chip:active{transform:translateY(1px)}.chip .lead{color:var(--kl-teal-text)}:focus-visible{outline:2px solid var(--kl-teal-ui);outline-offset:2px;border-radius:4px}@keyframes kl-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kl-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes kl-snap{0%{transform:translate(-9px) scale(1.04)}60%{transform:translate(2px)}to{transform:none}}@keyframes kl-spin{to{transform:rotate(360deg)}}@keyframes kl-breathe{0%,to{filter:drop-shadow(0 0 6px currentColor)}50%{filter:drop-shadow(0 0 13px currentColor)}}@keyframes kl-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes kl-noteswap{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.kl-rise{animation:kl-rise .36s cubic-bezier(.22,1,.36,1) both}.kl-pop{animation:kl-pop .3s cubic-bezier(.34,1.56,.64,1) both}.kl-snap{animation:kl-snap .34s cubic-bezier(.34,1.56,.64,1) both}.kl-spin{animation:kl-spin 1s linear infinite}.kl-noteswap{display:inline-block;animation:kl-noteswap .24s cubic-bezier(.22,1,.36,1) both}.kl-breathe{animation:kl-breathe 2.4s ease-in-out infinite}.kl-section{animation:kl-fade .28s cubic-bezier(.22,1,.36,1) both}.kl-stagger>*{animation:kl-rise .38s cubic-bezier(.22,1,.36,1) both}.kl-stagger>*:nth-child(1){animation-delay:0ms}.kl-stagger>*:nth-child(2){animation-delay:40ms}.kl-stagger>*:nth-child(3){animation-delay:80ms}.kl-stagger>*:nth-child(4){animation-delay:.12s}.kl-stagger>*:nth-child(5){animation-delay:.16s}.kl-stagger>*:nth-child(6){animation-delay:.2s}.kl-stagger>*:nth-child(7){animation-delay:.24s}.kl-stagger>*:nth-child(8){animation-delay:.28s}@media(max-width:560px){.kl-title{font-size:25px}.kl-topbar{padding:0 12px;gap:8px;min-height:46px}.kl-crumb{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-content{padding:16px 12px 48px}.kl-hide-sm{display:none!important}.kl-eyebrow{letter-spacing:.07em}.deck{border-radius:12px}}@media(pointer:coarse){.kl-nav-item{padding:10px 12px}.kl-seg button{padding:8px 14px}.bench-btn{padding:11px 16px}}@media(max-width:920px){.kl-app{grid-template-columns:1fr}.kl-sidebar{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--kl-hair);padding:10px 14px;z-index:30}.kl-brand{padding:0 12px 0 4px}.kl-brand .kicker{display:none}.kl-brand .mark{font-size:20px}.kl-nav{flex-direction:row;gap:2px}.kl-nav-item{padding:8px 11px;white-space:nowrap}.kl-nav-item[aria-current=true]:before{left:0;right:0;top:auto;bottom:-10px;width:auto;height:2px;border-radius:2px}.kl-nav-sep,.kl-side-foot{display:none}.kl-content{padding:20px 16px 56px}.bench-cols{grid-template-columns:1fr!important}}.kl-printonly{display:none}@media print{body{background:#fff!important}.kl-app{display:none!important}.kl-printonly{display:block;color:#111;font-family:Georgia,Times New Roman,serif;padding:24px 8px}}