:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--turquoise:#009789;--orange:#f5821f;--font-display:"Arial Rounded MT Bold", "Arial Rounded MT", "Helvetica Rounded", Arial, "Liberation Sans", sans-serif;--font-body:Arial, Helvetica, "Liberation Sans", sans-serif;--page:#0e1513;--page-image:radial-gradient(120% 90% at 84% 10%, #0b3f3a 0%, #0b3f3a00 60%), radial-gradient(100% 85% at 5% 96%, #16302e 0%, #16302e00 55%);--fg:#eff4f2;--sub:#9fb0ac;--tile-bg:#ffffff12;--tile-line:#ffffff26;--tile-on-bg:#ffffff24;--track:#ffffff1f;--surface:#17201e;--surface-line:#2c3836;--field:#0e1513;--text:#dfe7e4;--heading:#5fc9bc;--ok:#5fc9bc;--warning:#f5821f;--action:#5fc9bc;--action-fill:#009789;--on-action:#0e1513;--selected-bg:#00978938}:root[data-theme=cream]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fffcf5;--page-image:radial-gradient(120% 90% at 84% 10%, #fdefde 0%, #fdefde00 56%), radial-gradient(100% 80% at 6% 94%, #e6f4f2 0%, #e6f4f200 54%);--fg:#1f2937;--sub:#6b7280;--tile-bg:#ffffffc2;--tile-line:#1f29371f;--tile-on-bg:#fff;--track:#1f29371a;--surface:#fff;--surface-line:#e5e7eb;--field:#fff;--text:#374151;--heading:#00695e;--ok:#00695e;--warning:#b45309;--action:#00695e;--action-fill:#00695e;--on-action:#fff;--selected-bg:#e6f4f2}*,:before,:after{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--fg);font-family:var(--font-body);overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;font-size:18px;line-height:1.5}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,output{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --scene-color{syntax:"<color>";inherits:true;initial-value:#0000}.participant{--u:min(1vw, 1.6vh);gap:calc(2.2 * var(--u));padding:calc(3.2 * var(--u) + env(safe-area-inset-top)) calc(4 * var(--u) + env(safe-area-inset-right)) calc(3.6 * var(--u) + env(safe-area-inset-bottom)) calc(4 * var(--u) + env(safe-area-inset-left));background:var(--page-image), var(--page);color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.bar{justify-content:space-between;align-items:center;gap:calc(2 * var(--u));flex:none;display:flex}.bar__brand{touch-action:none;margin:-6px;padding:6px;display:flex}.bar__logo{height:max(36px, calc(5.2 * var(--u)));pointer-events:none;width:auto;display:block}.bar__status{font-family:var(--font-display);font-weight:700;font-size:max(16px, calc(2.4 * var(--u)));text-align:right;margin:0;line-height:1.2}.bar__dim{font-family:var(--font-body);color:var(--sub);font-weight:400}.stage{gap:calc(1.8 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.scenes{grid-template-columns:repeat(var(--columns,4), minmax(0, 1fr));gap:calc(2 * var(--u));flex:1;min-height:0;display:grid}.scene{justify-content:flex-end;gap:calc(.8 * var(--u));min-width:0;min-height:0;padding:calc(2 * var(--u));border:max(1px, calc(.25 * var(--u))) solid var(--tile-line);border-radius:calc(2.4 * var(--u));background:var(--tile-bg);color:inherit;text-align:left;cursor:pointer;flex-direction:column;transition:--scene-color .9s;display:flex;position:relative;overflow:hidden}.scene__wash{background:radial-gradient(92% 64% at 50% 6%, var(--scene-color) 0%, transparent 74%);opacity:.5;pointer-events:none;position:absolute;inset:0}.scene__icon{width:max(32px, calc(5.6 * var(--u)));aspect-ratio:1;color:var(--turquoise);display:block;position:relative}.scene__icon svg,.quiet__icon svg{width:100%;height:100%;display:block}.scene__label{font-family:var(--font-display);font-weight:700;font-size:max(16px, calc(2.4 * var(--u)));overflow-wrap:anywhere;line-height:1.15;position:relative}.scene__sub,.scene__note{font-size:max(13px, calc(1.75 * var(--u)));color:var(--sub);line-height:1.2;position:relative}.scene__note{display:none}.scene__changed{top:calc(1.4 * var(--u));right:calc(1.6 * var(--u));font-size:max(12px, calc(1.45 * var(--u)));color:var(--sub);line-height:1.2;position:absolute}.scene[aria-pressed=true]{background:var(--tile-on-bg);border-color:var(--turquoise);box-shadow:inset 0 0 0 calc(.5 * var(--u)) var(--turquoise)}.scene[aria-disabled=true]{opacity:.6;cursor:default;border-style:dashed}.scene[aria-disabled=true] .scene__note{display:block}.scene[aria-disabled=true] .scene__sub{display:none}.scene:focus-visible,.swatch:focus-visible,.level__slider:focus-visible{outline:max(3px, calc(.5 * var(--u))) solid var(--orange);outline-offset:max(2px, calc(.4 * var(--u)))}.strip{align-items:center;gap:calc(2 * var(--u));padding:calc(1.2 * var(--u)) calc(2 * var(--u));border:max(1px, calc(.25 * var(--u))) solid var(--tile-line);border-radius:calc(2.2 * var(--u));background:var(--tile-bg);flex:none;display:flex}.strip__title{max-width:calc(28 * var(--u));font-family:var(--font-display);font-weight:700;font-size:max(14px, calc(2.05 * var(--u)));flex:0 auto;margin:0;line-height:1.15}.strip__colors{justify-content:flex-end;gap:calc(1.6 * var(--u));flex:1;display:flex}.swatch{width:max(44px, calc(6.8 * var(--u)));aspect-ratio:1;border:max(1px, calc(.3 * var(--u))) solid var(--tile-line);background:var(--swatch);cursor:pointer;border-radius:50%;flex:none;padding:0;position:relative}.swatch[aria-pressed=true]{box-shadow:0 0 0 max(4px, calc(.65 * var(--u))) var(--turquoise)}.swatch__dot{width:max(10px, calc(1.7 * var(--u)));aspect-ratio:1;box-shadow:0 0 0 max(1.5px, calc(.22 * var(--u))) #1f293773;background:#ffffffeb;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.foot{align-items:center;gap:calc(2.4 * var(--u));flex:none;display:flex}.quiet{justify-content:center;align-items:center;gap:calc(1.6 * var(--u));min-height:max(56px, calc(9 * var(--u)));padding:calc(1.6 * var(--u)) calc(2 * var(--u));border:max(1px, calc(.25 * var(--u))) solid var(--tile-line);border-radius:calc(2.2 * var(--u));background:var(--tile-bg);cursor:pointer;flex:1.15;display:flex}.quiet__icon{width:max(28px, calc(4.8 * var(--u)));aspect-ratio:1;color:var(--orange);display:block}.quiet__label{font-family:var(--font-display);font-weight:700;font-size:max(17px, calc(2.6 * var(--u)));line-height:1.2}.quiet[aria-pressed=true]{background:var(--tile-on-bg);border-color:var(--orange);box-shadow:inset 0 0 0 calc(.5 * var(--u)) var(--orange)}.quiet:focus-visible{outline:max(3px, calc(.5 * var(--u))) solid var(--turquoise);outline-offset:max(2px, calc(.4 * var(--u)))}.level{align-items:center;gap:calc(1.5 * var(--u));flex:1;min-width:0;display:flex}.level__icon{width:max(24px, calc(4 * var(--u)));aspect-ratio:1;color:var(--sub);flex:none;display:block}.level__icon svg{width:100%;height:100%;display:block}.level__slider{--size:max(32px, calc(5 * var(--u)));appearance:none;min-width:0;height:var(--size);cursor:pointer;background:0 0;flex:1;margin:0}.level__slider::-webkit-slider-runnable-track{height:var(--size);background:var(--track);border-radius:999px}.level__slider::-moz-range-track{height:var(--size);background:var(--track);border-radius:999px}.level__slider::-webkit-slider-thumb{appearance:none;width:var(--size);height:var(--size);border:max(4px, calc(.7 * var(--u))) solid var(--turquoise);box-shadow:0 calc(.3 * var(--u)) calc(.8 * var(--u)) #00000040;background:#fff;border-radius:50%}.level__slider::-moz-range-thumb{width:var(--size);height:var(--size);border:max(4px, calc(.7 * var(--u))) solid var(--turquoise);background:#fff;border-radius:50%}@media (prefers-reduced-motion:reduce){.scene{transition:none}}@media (orientation:portrait){.participant{--u:min(2.1vw, 1.1vh)}.scenes{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.scene.is-wide{grid-column:span 2}.strip{align-items:stretch;gap:calc(1.4 * var(--u));flex-direction:column}.strip__title{max-width:none}.strip__colors{justify-items:center;gap:calc(1.4 * var(--u));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.swatch{width:min(100%, max(44px, calc(6.8 * var(--u))))}.foot{row-gap:calc(1.8 * var(--u));flex-wrap:wrap}.quiet{flex:100%}}.screen{z-index:2;background:var(--page);color:var(--text);position:fixed;inset:0;overflow-y:auto}.panel{max-width:780px;margin:0 auto;padding:32px 24px 72px}.button{border:2px solid var(--action);background:var(--surface);min-height:48px;color:var(--action);cursor:pointer;border-radius:999px;padding:10px 22px;font-weight:700}.button--primary{border-color:var(--action-fill);background:var(--action-fill);color:var(--on-action)}.button:disabled{border-color:var(--surface-line);color:var(--sub);cursor:default}.button:focus-visible,.pin__key:focus-visible{outline:4px solid var(--fg);outline-offset:3px}.pin{justify-content:center;align-items:safe center;padding:24px;display:flex}.pin__card{text-align:center;width:100%;max-width:440px}.pin__intro{text-align:left;color:var(--text);margin-bottom:8px}.pin__welcome{font-family:var(--font-display);color:var(--heading);font-size:1.5rem}.pin__title{font-family:var(--font-display);color:var(--heading);margin:0 0 4px;font-size:2rem}.pin__prompt{color:var(--fg);margin:0 0 20px;font-size:1.25rem}.pin__dots{justify-content:center;gap:18px;margin-bottom:8px;display:flex}.pin__dots span{border:3px solid var(--fg);border-radius:50%;width:22px;height:22px}.pin__dots span.is-filled{background:var(--fg)}.pin__message{min-height:1.5em;color:var(--warning);margin:8px 0 16px;font-weight:700}.pin__keys{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pin__key{border:2px solid var(--surface-line);background:var(--surface);min-height:76px;color:var(--fg);font-family:var(--font-display);cursor:pointer;border-radius:20px;font-size:1.875rem}.pin__key--word{font-family:var(--font-body);color:var(--text);font-size:1.125rem;font-weight:700}.pin__key:active{background:var(--selected-bg)}.pin__key:disabled{opacity:.5}@media (max-height:860px){.pin__key{min-height:60px;font-size:1.625rem}.pin__key--word{font-size:1.125rem}.pin__keys{gap:10px}.pin__prompt{margin-bottom:12px}.pin__intro p{margin:6px 0}.pin__message{margin:4px 0 10px}}@media (orientation:landscape) and (max-height:560px){.pin__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:760px;display:grid}.pin__key{min-height:52px;font-size:1.5rem}.pin__keys{gap:8px}.pin__welcome{font-size:1.2rem}.pin__intro p{margin:4px 0;font-size:.95rem}.pin__title{font-size:1.5rem}.pin__prompt{margin-bottom:8px}}.staff__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.staff__header-actions{flex-wrap:wrap;gap:12px;display:flex}.clean-lock{z-index:10;touch-action:none;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.clean-lock[hidden]{display:none}.clean-lock__card{border:1px solid var(--surface-line);background:var(--surface);max-width:28rem;color:var(--text);text-align:center;border-radius:20px;padding:28px 36px}.clean-lock__title{font-family:var(--font-display);color:var(--heading);margin:0 0 8px;font-size:2rem;font-weight:700}.clean-lock__count{margin:0;font-size:1.15rem}.staff h1{font-family:var(--font-display);color:var(--heading);margin:0;font-size:2rem}.card{border:1px solid var(--surface-line);background:var(--surface);border-radius:20px;margin-bottom:20px;padding:24px}.card h2{font-family:var(--font-display);color:var(--heading);margin:0 0 16px;font-size:1.5rem}.card h3{color:var(--fg);margin:16px 0 6px;font-size:1.05rem}.status{grid-template-columns:max-content 1fr;gap:10px 20px;margin:0 0 16px;display:grid}.status dt{color:var(--fg);font-weight:700}.status dd{margin:0}.status__detail--ok{color:var(--ok)}.status__detail--warning,.note--warning{color:var(--warning)}.note{color:var(--text);margin:12px 0 0}.note--warning{font-weight:700}.note ul{margin:4px 0 0;padding-left:20px}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.field{color:var(--fg);flex-direction:column;gap:6px;margin-top:12px;font-weight:700;display:flex}.field input,.field select{border:2px solid var(--surface-line);background:var(--field);min-height:48px;color:var(--fg);border-radius:12px;padding:8px 12px;font-weight:400}.card>.field:first-of-type{flex-direction:row;justify-content:space-between;margin-top:0}.volume__value{color:var(--ok);font-weight:700}.panel input[type=range]{width:100%;height:40px;accent-color:var(--action-fill)}input[type=checkbox],input[type=radio]{width:26px;height:26px;accent-color:var(--action-fill);flex:none;margin:0}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.times{grid-template-columns:1fr 1fr;gap:16px;display:grid}fieldset{border:0;margin:16px 0 0;padding:0}legend{color:var(--fg);margin-bottom:6px;padding:0;font-weight:700}.days{flex-wrap:wrap;gap:10px;display:flex}.days legend{width:100%}.chip{border:2px solid var(--surface-line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 14px;display:inline-flex}.chip:has(input:checked){border-color:var(--action);background:var(--selected-bg)}.tracks__sound h3{margin-bottom:4px}.tracks__list{margin:0;padding-left:20px}.tracks__list li{margin:4px 0}.tracks__title{margin-right:8px}.tag{border:1px solid var(--surface-line);color:var(--text);border-radius:999px;margin:2px 6px 2px 0;padding:0 10px;font-size:.875rem;display:inline-block}.tag--ok{border-color:var(--turquoise);color:var(--ok)}.tag--warning,.tag--demo{border-color:var(--warning);color:var(--warning)}.usage{border-collapse:collapse;width:100%}.usage th,.usage td{border-bottom:1px solid var(--surface-line);text-align:right;padding:8px 10px}.usage th:first-child{text-align:left}.usage th{color:var(--fg)}.version{color:var(--sub);margin:16px 0 0;font-size:.875rem}