:root{color-scheme:dark;--accent:#eabd78;--bg:#0b1118;--panel:#111a23;--text:#f2f1ec;--muted:#afbac4}*{box-sizing:border-box}body{margin:0;background:#070c12;color:var(--text);font:15px system-ui,sans-serif}button,select,input{font:inherit}button,select{min-height:48px;border:1px solid #34414d;border-radius:12px;background:var(--panel);color:var(--text);padding:10px 16px;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{max-width:620px;margin:24px auto 0;padding:24px 26px 0;background:var(--bg);border:1px solid #25313b;border-radius:26px 26px 0 0;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}small{font-size:11px;letter-spacing:2px;color:var(--accent)}h1{font-size:27px;margin:5px 0 0;font-weight:650}h2{font-size:22px;font-weight:550;margin:8px 0}button.quiet{border:0;color:var(--accent);background:none}.genre{position:relative;background:var(--panel);border-radius:16px;height:96px;display:flex;align-items:center;padding:20px;overflow:hidden}.genre>div:first-child{z-index:1}.art{position:absolute;inset:0 0 0 58%;opacity:.25;background:repeating-radial-gradient(circle at 90% 80%,transparent 0 12px,var(--accent) 13px 15px,transparent 16px 25px);transform:rotate(-8deg)}body[data-motif="0"] .art{background:repeating-linear-gradient(110deg,transparent 0 15px,var(--accent) 16px 18px,transparent 19px 30px)}body[data-motif="1"] .art{background:repeating-conic-gradient(from 30deg at 70% 50%,var(--accent) 0deg 7deg,transparent 8deg 30deg)}body[data-motif="3"] .art{background:repeating-linear-gradient(8deg,transparent 0 12px,var(--accent) 13px 18px,transparent 19px 27px)}body[data-motif="4"] .art{background:radial-gradient(var(--accent) 3px,transparent 4px);background-size:24px 24px}nav{display:flex;gap:9px;margin:18px 0 10px}nav button{min-height:44px;padding:8px 18px}button[aria-pressed=true]{background:var(--accent);color:#111a23;border-color:var(--accent)}#presets{width:100%;text-align:center}.strings{display:flex;gap:8px;margin:20px 0}.strings button{flex:1;min-width:0;padding:10px 3px;font-size:23px;font-weight:650}.strings small{display:block;font-size:10px;color:inherit;margin-bottom:5px;opacity:.7}.readout{text-align:center}.readout small{color:var(--muted);letter-spacing:1px;font-size:11px}#note{font-size:80px;font-weight:650;letter-spacing:-4px;margin:0}#hz{color:var(--muted);font-variant-numeric:tabular-nums}#status{font-weight:650;letter-spacing:1.4px;font-size:12px;color:var(--accent);margin:18px 0}.rail{background:#17222d;border-radius:16px;padding:17px 14px 13px;margin:20px 0}#destinations{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}#destinations b{font-size:19px;color:var(--accent)}.track{position:relative;height:88px;margin:0 9px}.ticks{position:absolute;top:35px;height:18px;left:0;right:0;background:repeating-linear-gradient(90deg,#768491 0 1px,transparent 1px calc(100% / 60))}.track:before{content:"";position:absolute;top:43px;width:100%;height:1px;background:#596774}.center{position:absolute;left:50%;top:10px;height:68px;width:2px;background:var(--accent)}.sweet{position:absolute;left:calc(50% - 4px);top:20px;height:48px;width:8px;background:#9ee3bd55}#dot{position:absolute;top:36px;left:43.67%;width:16px;height:16px;transform:translateX(-50%);border-radius:100%;background:var(--accent);box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 14%,transparent);transition:left .1s linear}.railLabels,.activity,.rangeLabels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.7px}.railLabels b{color:var(--accent);font-weight:500}.activity{margin-top:12px}.meter{height:3px;background:#26333f;margin-top:9px}.meter i{display:block;width:58%;height:3px;background:var(--accent)}.sim{margin-top:20px;background:var(--panel);padding:13px;border-radius:12px}.sim label{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:var(--accent);min-height:35px;cursor:pointer}#message,footer{color:var(--muted);font-size:11px;line-height:1.5}#message{margin:14px 0}button.primary{background:var(--accent);border:0;color:#111a23;width:100%;font-weight:650;min-height:54px}footer{text-align:center;padding:16px 0}.banner{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:var(--panel);margin:0 -26px;padding:12px 15px 20px;min-height:84px;color:var(--muted);font-size:11px}.banner small{color:var(--muted);font-size:8px}#warning,#error{color:#ffb2a6;font-size:12px;line-height:1.6}dialog{width:min(94vw,480px);max-height:88vh;background:var(--panel);color:var(--text);border:1px solid #43515e;border-radius:20px;padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog label{display:block;margin:18px 0}dialog input:not([type=range]):not([type=checkbox]),dialog select{width:100%;display:block;padding:12px;background:#0b1118;color:var(--text);border:1px solid #4b5864;border-radius:9px;margin-top:10px}dialog p{font-size:13px;line-height:1.65;color:var(--muted)}.check{display:flex!important;justify-content:space-between;align-items:center;min-height:40px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}output{float:right;color:var(--accent)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){.shell{margin:0;border:0;border-radius:0;padding:20px 18px 0;max-width:100%}.banner{margin:0 -18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}#note{font-size:70px}}@media(min-width:1000px){.shell{max-width:720px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
body{padding-bottom:90px}.banner{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);margin:0;z-index:2;border-top:1px solid #25313b}dialog{z-index:5}@media(min-width:1000px){.banner{width:720px}}@media(max-width:650px){.banner{width:100%}}
body[data-motif="5"] .art{background:radial-gradient(circle at 30% 40%,var(--accent) 0 18%,transparent 19%),radial-gradient(circle at 85% 80%,var(--accent) 0 25%,transparent 26%)}body[data-motif="6"] .art{background:repeating-conic-gradient(from 10deg at 65% 60%,transparent 0deg 24deg,var(--accent) 25deg 27deg,transparent 28deg 45deg)}body[data-motif="7"] .art{background:repeating-linear-gradient(90deg,transparent 0 18px,var(--accent) 19px 32px,transparent 33px 48px);clip-path:polygon(0 40%,20% 40%,20% 10%,40% 10%,40% 65%,60% 65%,60% 30%,80% 30%,80% 0,100% 0,100% 100%,0 100%)}body[data-motif="8"] .art{background:repeating-linear-gradient(50deg,transparent 0 22px,var(--accent) 23px 28px,transparent 29px 40px),repeating-linear-gradient(-50deg,transparent 0 30px,var(--accent) 31px 32px,transparent 33px 50px)}body[data-motif="9"] .art{background:repeating-radial-gradient(ellipse at 30% 120%,transparent 0 8px,var(--accent) 9px 13px,transparent 14px 21px);transform:rotate(20deg)}
/* Radio chassis: one integrated instrument, matching its surroundings. */
body{background:var(--back,#111518);background-image:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 65%)}
.shell{background:none;border:0;border-radius:0;padding-top:10px;margin-top:12px;max-width:650px}
.radio{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--case) 83%,white),var(--case) 38%,color-mix(in srgb,var(--case) 85%,black));border:2px solid color-mix(in srgb,var(--accent) 30%,var(--case));border-radius:28px;padding:22px;box-shadow:0 22px 50px #0008,inset 0 2px 1px #ffffff20,inset 0 -5px 0 #0004}
.radio:before,.radio:after{content:'⊕';position:absolute;top:9px;font-size:12px;color:color-mix(in srgb,var(--accent) 35%,var(--case))}.radio:before{left:12px}.radio:after{right:12px}
.radioBrand{display:flex;justify-content:space-between;align-items:center;color:var(--accent);padding:2px 0 6px}.radioBrand b{font-size:13px;letter-spacing:4px}.radioBrand span{font-size:9px;letter-spacing:2px;color:var(--muted)}
nav{margin:12px 0 10px}nav button{flex:1;border-radius:6px;font-size:12px;padding:9px;background:#0004;box-shadow:inset 0 1px #ffffff14,0 3px 0 #0005}
#presets{background:#0003;font-size:12px;border-radius:7px}.strings{margin:16px 0}.strings button{background:linear-gradient(#343c3f,#1b2124);border-radius:7px;border-color:#ffffff1a;box-shadow:0 4px 0 #0006,inset 0 1px #ffffff15;font-size:22px}.strings button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 0 #0006,inset 0 1px #fff5}
.readout{border:1px solid color-mix(in srgb,var(--accent) 26%,#080f10);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 5%,#080f10),#080f10);border-radius:12px 12px 0 0;padding:18px 8px 0;border-bottom:0;box-shadow:inset 0 3px 10px #0008}
#note{font:500 68px ui-monospace,monospace;letter-spacing:-4px;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 25%,transparent)}#hz{font-family:ui-monospace,monospace;font-size:12px}#status{margin:14px 0 0;padding-bottom:8px;font-size:10px}.readout small{font-size:10px}
.rail{background:#080f10;border:1px solid color-mix(in srgb,var(--accent) 26%,#080f10);border-top:0;border-radius:0 0 12px 12px;margin:0 0 16px;padding-top:10px;box-shadow:inset 0 -3px 10px #0006}.track{height:73px}.center{height:58px}#dot{border-radius:2px;width:3px;height:56px;top:12px;box-shadow:0 0 9px var(--accent);transition:left .12s linear}.sweet{top:22px;height:40px}.railLabels{font-size:9px}
.speaker{height:37px;margin:13px 0;background:radial-gradient(circle,#000b 1.5px,transparent 2px);background-size:7px 7px;border-radius:9px;box-shadow:inset 0 2px 3px #0003}
.sim{background:#0003;margin-top:12px}.activity{font-size:9px}.primary{border-radius:9px;box-shadow:0 4px 0 #0005,inset 0 1px #ffffff55}footer{font-size:10px;padding-bottom:0}.banner{width:min(100%,650px)}
body[data-motif='2'] .radio,body[data-motif='6'] .radio{background-image:repeating-linear-gradient(2deg,transparent 0 4px,#0002 5px,transparent 7px 14px),linear-gradient(110deg,var(--case),color-mix(in srgb,var(--case) 75%,#bd865b),var(--case))}
body[data-motif='1'] .radio{border-radius:10px;background-image:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 3px 4px),linear-gradient(140deg,#404349,var(--case))}
body[data-motif='3']{background-image:repeating-linear-gradient(135deg,transparent 0 90px,#b7d96c06 92px 98px,transparent 100px 190px)}
body[data-motif='4'] .radio{border:3px solid #ffcfcb55;border-radius:38px}body[data-motif='5'] .radio{border-color:#bcb1ed66;border-radius:16px}
body[data-motif='7'] .radio{border-color:#eb9cd755;box-shadow:5px 5px 0 #eb9cd718,0 22px 50px #0008}body[data-motif='8'] .radio{border-radius:4px;border:2px solid #e1ea7890}body[data-motif='9']{background-image:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 55px,#8edcd108 57px 61px,transparent 63px 100px)}body[data-motif='9'] .radio{border-radius:40px;background-image:linear-gradient(135deg,#314746,var(--case),#433849)}
@media(max-width:650px){.shell{padding:12px 12px 0;margin:0}.radio{padding:16px 12px;border-radius:22px}.strings{gap:6px}.strings button{font-size:20px}.radioBrand span{font-size:8px}header{padding:0 6px;margin-bottom:16px}}
[hidden]{display:none!important}#instrument{width:100%;margin-top:12px;border-radius:7px;background:#0003}.instrumentHint{font-size:11px;color:var(--muted);line-height:1.5;margin:10px 0}.strings{overflow-x:auto;padding-bottom:6px}.strings button{flex:0 0 68px}.strings small{min-height:14px;letter-spacing:0;font-size:9px}#note{font-size:clamp(34px,10vw,64px)}#destinations{gap:4px}#destinations>*{flex:1;text-align:center;font-size:10px}#destinations b{font-size:14px}#saError{color:#ffb2a6}

/* Launch readability: controls retain a stable opaque palette in every theme. */
:root{--text:#f5f7fa;--muted:#d1dce7}select,dialog select{color:#f5f7fa!important;background-color:#17232e!important;border:1.5px solid #a5b8ca!important;color-scheme:dark}select option{color:#f5f7fa;background:#17232e}#instrument,#presets{background:#17232e!important;border-color:#a5b8ca!important;text-align:start;font-size:14px}.radio{border-color:color-mix(in srgb,var(--accent) 72%,#536b80);box-shadow:0 24px 60px #0006,inset 0 2px 1px #ffffff30}.strings button{border:1.5px solid #91a6b9;color:#f5f7fa;background:#18242f}.strings button[aria-pressed=true]{color:#101820}.readout,.rail{border-color:#859cad}.sim{border:1px solid #8297aa;background:#17232e}.quiet{border:1px solid #8297aa!important;border-radius:10px}dialog{background:#18232d;border:1.5px solid #a5b8ca}dialog button{border-color:#a5b8ca;color:#f5f7fa}#note{letter-spacing:-1px}.instrumentHint{color:#d1dce7}button.primary{color:#101820}nav button{border-color:#91a6b9;color:#f5f7fa}nav button[aria-pressed=true]{color:#101820}dialog input{border-color:#a5b8ca!important}.strings{scrollbar-color:#a5b8ca #17232e}

.rail,#strings,#note,#hz{direction:ltr}dialog{overflow-y:auto}select{max-width:100%}

.rail,#strings,#note,#hz{direction:ltr}dialog{overflow-y:auto}select{max-width:100%}

.rail,#strings,#note,#hz{direction:ltr}dialog{overflow-y:auto}select{max-width:100%}
/* Viewport layout: banner and session control always have their own space. */
html{height:100%;overflow:hidden}body{height:100%;height:100dvh;overflow:hidden;padding:0;min-width:0}
.shell{height:100%;max-width:900px;width:100%;margin:0 auto;padding: max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden}
.shell>header{margin:0;min-height:48px;padding:0 4px}.shell h1{font-size:23px;margin:2px 0}
.radio{min-height:0;min-width:0;display:flex;flex-direction:column;padding:12px;overflow:hidden}
.radioContent{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 3px 8px}
#finish{flex:none;min-height:48px;margin-top:8px}footer{flex:none;padding:6px 2px 0;line-height:1.35}
.banner{position:static;transform:none;width:100%;min-height:64px;margin:0;flex:none;gap:4px;padding:6px 8px max(6px,env(safe-area-inset-bottom));border-radius:10px 10px 0 0}
#instrument{margin-top:5px}.instrumentHint{margin:6px 0}#presets{min-height:44px}.strings{margin:8px 0;gap:5px}.strings button{flex:1 0 46px;min-height:48px;font-size:18px;padding:5px 3px}.strings small{margin-bottom:2px}
.readout{padding-top:8px}#note{font-size:48px}#status{margin-top:5px;padding-bottom:4px}.rail{margin-bottom:8px;padding:6px 10px}.track{height:64px}.speaker{height:16px;margin:7px 0}.activity{margin-top:6px}.sim{margin-top:8px;padding:8px}#message{margin:7px 0}nav{margin:6px 0}nav button{min-height:44px}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
@media(max-height:760px){.shell{gap:5px}.radio{padding:9px}.speaker{display:none}#note{font-size:38px}.track{height:52px}.center{top:5px;height:42px}#dot{top:7px;height:42px}.ticks{top:24px}.track:before{top:32px}.sweet{top:12px;height:36px}.sim{margin-top:5px;padding:5px}.sim input{min-height:24px}.radioBrand{padding:0}.radioBrand span{letter-spacing:1px}.instrumentHint{font-size:10px}.readout small{font-size:9px}}
@media(min-width:900px) and (max-height:700px){.radioContent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-content:start}.radioBrand,#instrument,.instrumentHint,#counts,#presets,#strings{grid-column:1}.readout{grid-column:2;grid-row:1 / span 4}.rail{grid-column:2;grid-row:5 / span 3}.speaker{display:none}.activity,.meter,.sim,#message{grid-column:1 / -1}}
#dot{background:var(--pitch-color,var(--accent));box-shadow:0 0 10px var(--pitch-color,var(--accent));transition:left .12s linear,background-color .12s linear,box-shadow .12s linear}
@media(prefers-reduced-motion:reduce){#dot{transition:none}}

/* TuneTotal 1.1.4: clearer marker; motion handled by the damped spring. */
#dot{width:6px;border-radius:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pitch-color,var(--accent)) 22%,transparent),0 0 12px var(--pitch-color,var(--accent));transition:background-color .12s linear,box-shadow .12s linear}

/* Modern preview: coordinated coloured panels retain each radio theme. */
body{--secondary:#93b7ed;--tertiary:#d4afea;background-image:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),radial-gradient(ellipse at 95% 85%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 60%)}
body[data-motif='0']{--secondary:#b2a4ef;--tertiary:#79d8d2}body[data-motif='1']{--secondary:#b4a2ec;--tertiary:#edac7d}body[data-motif='2'],body[data-motif='6']{--secondary:#8fc7c7;--tertiary:#e5a3ad}body[data-motif='3']{--secondary:#efd18b;--tertiary:#9dcad1}body[data-motif='4']{--secondary:#89d9d2;--tertiary:#cab0f0}body[data-motif='5']{--secondary:#85d0df;--tertiary:#e5bb86}body[data-motif='7']{--secondary:#83d7d0;--tertiary:#f1c68d}body[data-motif='8']{--secondary:#d7a0e4;--tertiary:#8cced9}body[data-motif='9']{--secondary:#baa6ed;--tertiary:#edc08b}
.shell{max-width:980px;gap:10px;padding-top:14px}.shell>header{min-height:54px}.shell h1{font-size:26px;letter-spacing:-.8px}header small{font-size:9px;font-weight:700}button.quiet{background:color-mix(in srgb,var(--accent) 10%,#101a25);border-color:color-mix(in srgb,var(--accent) 45%,#314252)!important;border-radius:14px}
body .radio{border:1px solid color-mix(in srgb,var(--accent) 36%,#34404d);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--case) 55%,#15202d),#111923);padding:14px;box-shadow:0 18px 60px #0005,inset 0 1px #ffffff16}
.radio:before,.radio:after{display:none}.radioContent{display:flex;flex-direction:column;gap:12px;padding:1px 3px 4px;align-content:normal}
.setupCard,.displayCard,.signalCard{flex:none;min-width:0;border:1px solid;border-radius:18px;overflow:hidden}
.setupCard{padding:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 18%,#18222d),color-mix(in srgb,var(--accent) 7%,#17212e));border-color:color-mix(in srgb,var(--accent) 48%,#344657)}
.radioBrand{padding:0 0 8px}.radioBrand b{font-size:11px;letter-spacing:2px}.radioBrand span{font-size:8px;letter-spacing:1.5px}
#instrument,#presets{border-radius:11px;background:color-mix(in srgb,var(--accent) 9%,#111d2b)!important;border-color:color-mix(in srgb,var(--accent) 45%,#56687b)!important;font-size:13px;min-height:44px}select option{background:#17232e}.instrumentHint{color:#d1dce7;margin:8px 0;line-height:1.5}
nav{gap:6px;margin:8px 0}nav button{border-radius:9px;box-shadow:none;min-height:38px;padding:6px;background:#132130;border-color:#697f91}
.strings{margin:10px 0 0;padding-bottom:3px;gap:7px}.strings button{border-radius:11px;background:color-mix(in srgb,var(--secondary) 17%,#172332);border-color:color-mix(in srgb,var(--secondary) 48%,#45576a);box-shadow:none;min-height:57px;font-size:21px}.strings button:nth-child(even){background:color-mix(in srgb,var(--tertiary) 18%,#172332);border-color:color-mix(in srgb,var(--tertiary) 48%,#45576a)}.strings button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 18%,transparent);color:#10212b}
.displayCard{border-color:color-mix(in srgb,var(--secondary) 60%,#30485d);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--secondary) 20%,#101c2b),#0c1622 80%);box-shadow:inset 0 1px #ffffff12}
.readout{padding:18px 12px 0;border:0;background:none;box-shadow:none;border-radius:0}.readout small{color:#c4d6e8;font-size:10px}#note{font-size:64px;font-weight:650;letter-spacing:-2px;margin:5px 0}#hz{color:#cfdaea;font-size:12px}#status{margin:10px 0 2px;font-size:10px;letter-spacing:1px}
.rail{background:none;border:0;box-shadow:none;padding:12px 16px 14px;margin:0}.track{height:65px}.ticks{top:28px}.track:before{top:36px;background:#91a8bf88}.center{top:8px;height:51px;background:#4ade80}.sweet{top:8px;height:51px;background:#4ade801f;width:14px;left:calc(50% - 7px);border-radius:5px}#dot{top:9px;height:49px}.railLabels{color:#b7c9df}.railLabels b{color:#8ee4b0}#destinations{color:#bfd0e1}#destinations b{color:#e3ecf6}
.signalCard{padding:12px 14px;border-color:color-mix(in srgb,var(--tertiary) 42%,#364658);background:linear-gradient(110deg,color-mix(in srgb,var(--tertiary) 15%,#182130),#162330)}.activity{margin:0;color:#d5dfed;font-size:9px}.meter{background:#71819644;border-radius:4px;overflow:hidden;margin-top:8px}.meter i{background:var(--tertiary)}.sim{border:0;background:#08131f55;padding:10px;border-radius:10px;margin-top:12px}.sim label,.rangeLabels{color:#c8d6e5}#message{font-size:10px;color:#c7d4e3;margin:8px 0 0}
#finish{border-radius:13px;box-shadow:none;min-height:48px;margin-top:12px;background:linear-gradient(110deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white))}footer{color:#b8c9da;padding-top:9px}.banner{background:#101a26;border:1px solid #3d4d60;border-bottom:0;border-radius:13px 13px 0 0;min-height:60px}
@media(min-width:760px){.radioContent{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-content:center}.setupCard{grid-column:1;grid-row:1}.displayCard{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.signalCard{grid-column:1 / -1}.setupCard #instrument{margin-top:9px}.setupCard .strings{flex-wrap:wrap}.setupCard .strings button{flex:1 0 50px}.readout #note{font-size:76px}}
@media(max-width:759px){.shell{gap:7px;padding-top:8px}.shell>header{min-height:46px}.radio{padding:9px!important}.radioContent{gap:10px}.setupCard{padding:11px}.radioBrand{padding-bottom:5px}.readout{padding-top:13px}#note{font-size:52px}.signalCard{padding:10px}.sim{margin-top:8px}.strings button{min-height:50px}.banner{min-height:58px}}
.banner{flex-direction:row;justify-content:space-between;gap:14px}.banner a{color:var(--accent);font-size:12px;text-decoration:none}.signalCard{min-height:80px}#message{font-size:12px;line-height:1.6}.shell{grid-template-rows:auto minmax(0,1fr) auto}
.webAds .shell{height:calc(100dvh - 110px)}.premiumPlans{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premiumPlans button{background:var(--accent);color:#10212b;font-weight:700}.premiumPlans button:disabled{opacity:.55;cursor:not-allowed}#premiumDialog a{color:var(--accent)}#premiumButton{margin-inline:8px}#premiumDialog button{margin-bottom:8px}

/* Additional coordinated radio styles. Existing theme identifiers remain stable. */
body[data-motif="11"]{--secondary:#66dceb;--tertiary:#f280d4;background:#100624 url('themes/kpop.png') center/cover fixed}
body[data-motif="12"]{--secondary:#8dd8b5;--tertiary:#c1a0e6;background:#fbd2e5 url('themes/bubblegum.png') center/cover fixed}
body[data-motif="13"]{--secondary:#eac04b;--tertiary:#d87751;background:#f6eace url('themes/picasso.png') center/cover fixed}
body[data-motif="14"]{--secondary:#ffcb41;--tertiary:#74d4eb;background:#59c7ef url('themes/cartoon.png') center/cover fixed}
body[data-motif="11"] .radio{background:#20103fe8;border:2px solid #d87cef;box-shadow:0 0 20px #c663e755}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]){color-scheme:light;--text:#172a3b;--muted:#465164}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) .radio{background:var(--case);border:2px solid var(--accent)}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(.setupCard,.displayCard,.signalCard){background:#fff8e9;color:#172a3b;border-color:var(--accent)}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(.instrumentHint,.readout small,#hz,.activity,#message,footer,.railLabels,#destinations,.sim label,.rangeLabels){color:#465164}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(select,select option,nav button,button.quiet,dialog){background:#fff8e9!important;color:#172a3b!important;border-color:var(--accent)!important}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) .strings button{background:var(--secondary);color:#172a3b;border-color:var(--accent)}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) .strings button:nth-child(even){background:var(--tertiary)}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) .strings button[aria-pressed=true]{background:var(--accent);color:white}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(.banner,.sim){background:#fff8e9;color:#172a3b}
body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) #destinations b{color:#172a3b}
body[data-motif="12"] .radio{border-radius:38px}body[data-motif="12"] :is(.setupCard,.displayCard,.signalCard){border-radius:28px}body[data-motif="12"] .strings button{border-radius:30px}
body[data-motif="13"] :is(.radio,.setupCard,.displayCard,.signalCard,.strings button){border-radius:4px}body[data-motif="13"] .setupCard{background:#f1d786}body[data-motif="13"] .signalCard{background:#f0c0a9}
body[data-motif="14"] :is(.radio,.setupCard,.displayCard,.signalCard,.strings button){border:3px solid #12324f;box-shadow:3px 4px 0 #12324f}body[data-motif="14"] .setupCard{background:#ffe297}

body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(#instrument,#presets){background:#fff8e9!important;color:#172a3b!important}
@media(min-width:760px){.radioContent{grid-template-rows:max-content max-content;align-content:start}}

body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) :is(#status,#dot,.railLabels b){filter:brightness(.65)}

body:is([data-motif="12"],[data-motif="13"],[data-motif="14"]) .shell>header{background:#fff8e9f0;border-radius:12px;padding:4px 10px}

/* Microphone state only; no input-level or confidence dashboard. */
.activity #confidence,.signalCard>.meter{display:none!important}