.edition-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:12px;margin-top:12px}.edition-controls label{display:flex;gap:7px;align-items:center}.edition-controls input,.pending-control input{width:18px;height:18px}.people-search{margin-top:12px;padding:12px;border:1px solid var(--hair);border-radius:4px;background:var(--recess)}.status{white-space:normal;overflow:visible}.pending-control{display:flex;align-items:center;gap:9px;margin:16px 0}.credit h3{font-size:15px;font-weight:500;margin:0 0 10px}.credit p{margin:9px 0}.credit a{overflow-wrap:anywhere}.credit .wm{font-family:var(--mono);font-size:12px;color:var(--muted)}.cond select{display:block;width:100%;max-width:100%;margin-top:6px;padding:7px 9px;border:1px solid var(--hair-strong);border-radius:3px;color:var(--ink);background:var(--knob);font:12px var(--mono)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.steps>div{border:1px solid var(--hair);background:var(--recess);padding:10px;font-size:13px}.steps small{display:block;color:var(--muted);font:11px var(--mono);margin-bottom:5px}.foot button{font:inherit}.knob{touch-action:none}.sheet{display:flex;flex-direction:column}.sheet:not([open]){display:none}.sheet-head{flex:none}.sheet-body{min-height:0;overflow:auto;overscroll-behavior:contain}.sheet h3{overflow-wrap:anywhere}.sheet a{overflow-wrap:anywhere}.sheet input{accent-color:var(--needle)}.pchip,.chip,.linkbtn,.chbtn{min-height:32px}.key{min-height:38px}.knob-label{min-height:28px;min-width:28px}.off .radio-face:after{content:'Press the power button to explore';font:12px var(--mono);color:var(--ink);display:block;text-align:center;padding-top:12px}#peopleSearch .people{max-height:130px;overflow:auto}.strip-wrap{overscroll-behavior:contain}.strip-wrap th{position:sticky;top:0;background:var(--panel);z-index:1}.work-title{overflow-wrap:anywhere}.band-note{line-height:1.5}.scale-note{display:inline}.cmp>div{min-width:0}.fields div,.lead{overflow-wrap:anywhere}.pkey:disabled{opacity:.5;cursor:not-allowed}.pkey:disabled:hover{transform:none}.detail .notice{margin-bottom:12px}.sheet-body p{line-height:1.55}.sheet-body h2{font-family:var(--serif);margin:10px 0}.sheet-body .wm{font-family:var(--mono);font-size:12px;color:var(--muted)}
@media(max-width:760px){.radio-face{padding:16px 10px}.band-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.band-head>.label{flex:1 1 220px}.cond .window{min-width:0}.cond{gap:8px}.detail{max-height:none;overflow:visible}.steps{gap:5px}.steps>div{padding:7px;font-size:12px}.keys{flex-wrap:wrap}.display .keys .key{min-height:42px}.header-switches{gap:12px}.theme-switch{flex-wrap:wrap;gap:6px}.edition-controls .key{flex:1}.people-search{padding:9px}.work-who{white-space:normal}.pchip,.chip,.chbtn{min-height:40px}.sheet-body{padding:14px}.sheet-head{gap:10px}.sheet-head h2{font-size:22px}.band-note{font-size:12px}.strip-wrap{max-height:500px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.header-switches{max-width:100%;flex:0 1 auto}.theme-switch{max-width:100%}a{color:inherit;text-underline-offset:3px}.edition-controls{grid-area:edition}.people-search{grid-area:people}.display{grid-template-areas:"search search" "readout keys" "presets presets" "edition edition" "people people" "chips chips"}
@media(max-width:1240px) and (min-width:761px){.display{grid-template-areas:"search search" "readout readout" "keys keys" "presets presets" "edition edition" "people people" "chips chips"}}
@media(max-width:760px){.display{grid-template-areas:"search" "readout" "keys" "presets" "edition" "people" "chips"}.header-switches{gap:12px 18px}.readout{grid-template-columns:1fr}.radio-face:after{font-size:11px}}
.mobile-hint{display:none}@media(max-width:760px){.mobile-hint{display:inline}.strip-wrap+.mobile-hint{display:block}}

/* A compact square speaker and vertically ordered controls, including narrow screens. */
.grille {width:168px;height:168px;min-height:0;aspect-ratio:1;align-self:center;justify-self:center;}
.ctl {flex-direction:column;align-items:center;gap:14px;}
.power {padding-top:0;gap:8px;}
html[data-theme="dark"] {--cab-hi:#657783;--cab:#303D47;--cab-lo:#1C2730;--cab-edge:#61717D;--cab-depth:#101A22;--knob-edge:#657480;--cap-hi:#687C8B;}
html[data-theme="dark"] .radio {box-shadow:0 0 0 1px var(--cab-edge),inset 0 2px 1px #99A8B566,inset 2px 0 2px #8C9BA844,inset -2px -3px 3px #0009,0 12px 0 var(--cab-depth),0 13px 0 #4A5B68,0 34px 44px -14px #000B;}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--cab-hi:#657783;--cab:#303D47;--cab-lo:#1C2730;--cab-edge:#61717D;--cab-depth:#101A22;--knob-edge:#657480;--cap-hi:#687C8B;}}
@media(max-width:1240px){.grille{width:132px;height:132px;}}
@media(max-width:920px){.top{grid-template-columns:132px auto minmax(0,1fr);grid-template-areas:"grille ctl display";gap:18px;} }
@media(max-width:760px){.top{grid-template-columns:1fr;grid-template-areas:"ctl" "display" "grille";}.grille{width:120px;height:120px;}.power{padding-top:0;} }

.display{grid-template-areas:"search search" "readout keys" "presets presets" "edition edition" "people people" "workresults workresults" "chips chips"}@media(max-width:1240px) and (min-width:761px){.display{grid-template-areas:"search search" "readout readout" "keys keys" "presets presets" "edition edition" "people people" "workresults workresults" "chips chips"}}@media(max-width:760px){.display{grid-template-areas:"search" "readout" "keys" "presets" "edition" "people" "workresults" "chips"}}
@media(min-width:390px) and (max-width:760px){.top{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"grille ctl" "display display";gap:18px 12px;}.grille{width:88px;height:88px;}.ctl{justify-self:center;}}
/* Sixth lens and sound controls stay visible at narrow widths. */
:root{--cult:#985120}html[data-theme="dark"]{--cult:#F1AE76}.c-cult{color:var(--cult)}
.volume-control{display:flex;align-items:center;gap:7px;font:11px var(--mono)}.volume-control input{width:80px;accent-color:var(--needle)}.volume-control output{min-width:3ch}.audio-status{font:11px var(--mono);color:var(--muted);flex-basis:100%}.header-switches>.theme-switch[aria-label="Radio sound"]{flex-wrap:wrap;max-width:330px}.station{white-space:normal}.pkey[aria-pressed="true"]{outline:2px solid var(--needle);outline-offset:2px}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--cult:#F1AE76}}