@layer components{:where(.light[data-v-ff7e038c]){--light-colour:oklch(100% 0 none);gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-5);grid-template-rows:minmax(0,1fr) auto;display:grid}[data-tint=warm][data-v-ff7e038c]{--light-colour:oklch(90.6% .076 73.7)}[data-tint=red][data-v-ff7e038c]{--light-colour:oklch(64.17% .2443 29.75)}.screen[data-v-ff7e038c]{min-block-size:14rem}.pane[data-v-ff7e038c]{padding:var(--space-5);border-radius:inherit;color:var(--color-zinc-400);font:inherit;font-size:var(--text-sm);line-height:var(--leading-sm);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;grid-template-rows:minmax(0,1fr) auto;place-items:center;display:grid}[data-lit] .pane[data-v-ff7e038c]{background-color:color-mix(in srgb, var(--light-colour) calc(var(--light-strength) * 100%), oklch(0% 0 none));color:oklch(0% 0 none/.55)}.pane[data-v-ff7e038c]:focus-visible{outline:2px solid var(--app-tint);outline-offset:-4px}.bulb[data-v-ff7e038c]{aspect-ratio:1;border-radius:var(--radius-full);background:radial-gradient(color-mix(in oklab, var(--edc-hue) 16%, transparent), transparent 68%);place-items:center;inline-size:7rem;display:grid}.bulb-glyph[data-v-ff7e038c]{block-size:3rem;inline-size:3rem;color:color-mix(in oklab, var(--edc-hue) 70%, transparent);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--edc-hue) 45%, transparent))}[data-on] .bulb[data-v-ff7e038c]{background:radial-gradient(color-mix(in oklab, var(--edc-hue) 30%, transparent), transparent 70%)}[data-on] .bulb-glyph[data-v-ff7e038c]{color:color-mix(in oklab, var(--edc-hue), oklch(100% 0 none) 35%);filter:drop-shadow(0 0 8px var(--edc-hue))}[data-lit] .bulb[data-v-ff7e038c]{visibility:hidden}.controls[data-v-ff7e038c]{gap:var(--space-4);display:grid}.keys[data-v-ff7e038c]{gap:var(--space-3);display:flex}.keys>.key[data-v-ff7e038c]{padding-inline:var(--space-4);white-space:nowrap;flex:1 1 0}.morse[data-v-ff7e038c]{gap:var(--space-3);display:flex}.input[data-v-ff7e038c]{min-block-size:3.25rem;min-inline-size:0;padding-inline:var(--space-5);border-radius:var(--radius-full);background-color:var(--app-sunken);color:var(--app-fg);box-shadow:var(--app-sink);font:inherit;font-size:var(--text-base);caret-color:var(--edc-hue);border:0;flex:1}.input[data-v-ff7e038c]::placeholder{color:var(--app-muted);opacity:1}.input[data-v-ff7e038c]:focus-visible{outline:2px solid var(--app-tint);outline-offset:2px}.note[data-v-ff7e038c]{color:var(--app-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}}