/* looks.css: how the whole site looks (4 October 2026, the owner: "implement all of them with Studio Rack as the default", from the
   style studies, Design/style-studies.html). Each look is html[data-look]: the site's tokens with its own values, its fonts, and a few
   touches of its own (the lit buttons, the switches, the windows, the tempo). A look that is light also sets data-theme="light", so the
   light rules of site.css hold for it. js/looks.js keeps the list; the header's Look menu picks one. The PDF builder's pages keep their
   own look (.sp), as the PDF does. */

/* ---------- the Look menu, in the header ---------- */
.look-wrap{position:relative;flex:none}
.look-btn.ib{width:auto;gap:8px;padding:0 10px 0 9px;font-family:var(--f-ui);font-weight:600;font-size:14px;color:var(--ink)}
.look-sw{display:inline-flex;width:28px;height:14px;border-radius:7px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(127,127,127,.4)}
.look-sw i{flex:1}
.look-btn .look-sw i:nth-child(1){background:var(--look-a,#121315)}.look-btn .look-sw i:nth-child(2){background:var(--look-b,#FFB13B)}.look-btn .look-sw i:nth-child(3){background:var(--look-c,#ECEEF1)}
.look-nm::after{content:var(--look-name,'Studio Rack')}
.look-btn svg{width:13px;height:13px;opacity:.7}
@media (max-width:1240px){.look-nm{display:none}}
.look-m{position:absolute;right:0;top:calc(100% + 8px);z-index:200;width:310px;max-height:min(560px,calc(100vh - 90px));overflow:auto;padding:6px;border:1px solid #3A3F46;border-radius:12px;background:#15171A;box-shadow:0 18px 50px rgba(0,0,0,.55);font-family:var(--f-ui);text-align:left;color-scheme:dark}
.look-m .look-hd{padding:8px 10px 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A919A;font-weight:600}
.look-m button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 12px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:#E8EAED;font:inherit;text-align:left;cursor:pointer}
.look-m button:hover,.look-m button:focus-visible{background:#22262B}
.look-m button[aria-checked="true"]{background:#262A30;box-shadow:inset 0 0 0 1px #4A5059}
.look-m button .look-sw{grid-row:span 2}
.look-m button b{font-size:14.5px;font-weight:600}.look-m button small{font-size:12.5px;color:#9AA1AA}
.look-m .look-ft{padding:8px 10px 4px;margin-top:4px;border-top:1px solid #2A2E34;font-size:12.5px;color:#8A919A;line-height:1.4}
/* the look's own parts in the metronome window: drawn only for the look that has them (js/looks.js) */
.look-dial{display:flex;align-items:center;justify-content:center}
.look-dial svg{display:block}
.look-jacks{display:flex;align-items:flex-end;gap:16px;padding:2px 2px 4px;position:relative}
.look-band{height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}

/* =====================================================================================================================
   STUDIO RACK, the default: graphite with machined edges, one amber glow for what is on, the tempo on an LCD
   ===================================================================================================================== */
:root[data-look="rack"]{color-scheme:dark;--bg:#121315;--panel:#1A1C1F;--raised:#24272B;--line:#2B2F34;--line-2:#3B4047;--ink:#ECEEF1;--ink-2:#A9AFB7;--ink-3:#8E959D;
  --accent:#FFB13B;--accent-ink:#1C1206;--accent-soft:rgba(255,177,59,.12);--warn:#FFC864;--grid:#C9CED5;--grid-soft:#4A5058;--ring:rgba(255,255,255,.32);--shadow:rgba(0,0,0,.55);
  --f-ui:'Hanken Grotesk','Noto Music','Helvetica Neue',sans-serif;--f-display:'Saira Condensed','Noto Music','Arial Narrow',sans-serif;--f-m:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#121315;--look-b:#FFB13B;--look-c:#ECEEF1;--look-name:'Studio Rack'}
[data-look="rack"] .site-h{background:#0E0F11}
[data-look="rack"] .logo{text-transform:uppercase;letter-spacing:.04em}
[data-look="rack"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more){background:linear-gradient(#24272B,#1C1E21);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 0 rgba(0,0,0,.5)}
[data-look="rack"] .btn-p{background:linear-gradient(#FFC15E,#F5A21F);border-color:#F5A21F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 16px rgba(255,177,59,.22)}
[data-look="rack"] .seg:not(.bd-tabs):not(.pr-tabs) button{position:relative;padding-left:24px}
[data-look="rack"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#3A3F46}
[data-look="rack"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]{background:linear-gradient(#2A2D31,#202326);border-color:#5A4A2E;color:#FFF3DF}
[data-look="rack"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:#FFB13B;box-shadow:0 0 8px 1px rgba(255,177,59,.8)}
[data-look="rack"] .mg-seg button{padding:3px 1px 0!important}[data-look="rack"] .mg-seg button::before{left:50%!important;top:2px!important;width:4px!important;height:4px!important;margin:0 0 0 -2px!important}
[data-look="rack"] .tick[aria-pressed="true"],[data-look="rack"] .chip[aria-pressed="true"],[data-look="rack"] .fpill.on{background:linear-gradient(#2A2D31,#202326);border-color:#5A4A2E;color:#FFF3DF}
[data-look="rack"] .tick .tk{border-radius:2px}[data-look="rack"] .tick[aria-pressed="true"] .tk{box-shadow:0 0 8px rgba(255,177,59,.7)}
[data-look="rack"] .st-tog{border-radius:4px}[data-look="rack"] .st-tog i{border-radius:2px;background:linear-gradient(#7A8089,#545A62)}
[data-look="rack"] .st-tog[aria-checked="true"]{background:#2A2216;border-color:#8A6526}[data-look="rack"] .st-tog[aria-checked="true"] i{background:linear-gradient(#FFC15E,#F5A21F);box-shadow:0 0 10px rgba(255,177,59,.6)}
[data-look="rack"] .site-h nav a[aria-current="page"]{text-shadow:0 0 12px rgba(255,177,59,.35)}
[data-look="rack"] .mw-h{background:linear-gradient(#202326,#191B1E)}
[data-look="rack"] .mw-bpm{background:#0B0B0C;border:1px solid #2B2F34;border-radius:6px;padding:8px 10px 6px;box-shadow:inset 0 2px 8px rgba(0,0,0,.8)}
[data-look="rack"] input.mw-big{font-family:var(--f-m);color:#FFB13B;text-shadow:0 0 16px rgba(255,177,59,.45)}
[data-look="rack"] .mw-tname{font-family:var(--f-m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9A7A45;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-look="rack"] .pr-pp{background:radial-gradient(circle at 35% 30%,#FFD08A,#F5A21F 60%,#C67C10);box-shadow:0 0 18px rgba(255,177,59,.3)}
[data-look="rack"] .mg-s.l3 i,[data-look="rack"] .mg-s.l4 i{background:linear-gradient(#FFD08A,#FFB13B);box-shadow:0 0 8px rgba(255,177,59,.4)}
[data-look="rack"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox){background:linear-gradient(#1C1E21,#17191C)}

/* =====================================================================================================================
   CONSOLE: a mixing desk. Slate panels, caps backlit in the colour of their job, a knob with an LED ring, a meter bridge,
   the windows' names on white tape in marker
   ===================================================================================================================== */
:root[data-look="console"]{color-scheme:dark;--bg:#25282C;--panel:#353A41;--raised:#414750;--line:#464C55;--line-2:#5A616B;--ink:#F3F4F6;--ink-2:#C2C7CD;--ink-3:#B6BCC3;
  --accent:#E8473B;--accent-ink:#1C0705;--accent-text:#FFA299;--accent-soft:rgba(232,71,59,.18);--warn:#F2C230;--grid:#D9DDE2;--grid-soft:#5A616B;--ring:rgba(255,255,255,.34);--shadow:rgba(0,0,0,.5);
  --f-ui:'Public Sans','Noto Music','Helvetica Neue',sans-serif;--f-display:'Archivo Narrow','Noto Music','Arial Narrow',sans-serif;--f-m:'Red Hat Mono','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#353A41;--look-b:#E8473B;--look-c:#F2C230;--look-name:'Console';--cap-b:#3D7FD9;--cap-g:#38B26C;--cap-y:#F2C230}
[data-look="console"] .site-h{background:#1C1E21}
[data-look="console"] .logo{text-transform:uppercase;letter-spacing:.06em}
[data-look="console"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox,.mw,.mwa){background-image:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.06))}
[data-look="console"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more){background:linear-gradient(#4E555E,#3E444C);border-color:#262A2F;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 0 #1A1C1F;color:#EDEFF2}
[data-look="console"] .seg:not(.bd-tabs):not(.pr-tabs) button{text-transform:uppercase;letter-spacing:.05em;font-family:var(--f-display);font-weight:700}
[data-look="console"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"],[data-look="console"] .chip[aria-pressed="true"],[data-look="console"] .fpill.on{background:linear-gradient(#FF6A5E,#E8473B);color:#1C0705;border-color:#9E2A21;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 14px rgba(232,71,59,.5)}
/* each kind of choice its own cap colour: what the dots show yellow, how results show blue, splits green */
[data-look="console"] .dotsctl:first-child .seg button[aria-pressed="true"]{background:linear-gradient(#FFD75E,#F2C230);color:#2A2205;border-color:#A07E12;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 14px rgba(242,194,48,.45)}
[data-look="console"] .dotsctl+.dotsctl .seg button[aria-pressed="true"]{color:#06142B;background:linear-gradient(#5E9BF0,#3D7FD9);border-color:#22508F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 14px rgba(61,127,217,.5)}
[data-look="console"] .mg-seg button[aria-pressed="true"]{background:linear-gradient(#5ED68E,#38B26C)!important;color:#06210F!important;border-color:#1F7343!important;box-shadow:0 0 12px rgba(56,178,108,.5)!important}
[data-look="console"] .tick .tk{border-radius:2px;background:#1D2024;border-color:#14161A}
[data-look="console"] .tick[aria-pressed="true"]{color:#FFFFFF}[data-look="console"] .tick[aria-pressed="true"] .tk{background:#E8473B;border-color:#9E2A21;box-shadow:0 0 10px rgba(232,71,59,.7)}
[data-look="console"] .chip b,[data-look="console"] .fpill span{background:#1D2024;color:#AEB4BB}
[data-look="console"] .btn-p{background:linear-gradient(#FF6A5E,#E8473B);border-color:#9E2A21;color:#1C0705}
[data-look="console"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.chip,.fpill) :is(small,.muted,.sk-c,.sk-k){color:#D2D6DB}
[data-look="console"] .tick[aria-pressed="true"]{color:#FFFFFF}
[data-look="console"] .st-tog{border-radius:3px;background:#1D2024;border-color:#14161A}[data-look="console"] .st-tog i{border-radius:2px;background:linear-gradient(#6A717A,#4E555E)}
[data-look="console"] .st-tog[aria-checked="true"]{background:#1D2024;border-color:#14161A}[data-look="console"] .st-tog[aria-checked="true"] i{background:linear-gradient(#FF6A5E,#E8473B);box-shadow:0 0 10px rgba(232,71,59,.7)}
[data-look="console"] .mp-tabs button[aria-selected="true"]{background:linear-gradient(#FFD75E,#F2C230);color:#2A2205;border-color:#A07E12;box-shadow:0 0 12px rgba(242,194,48,.4)}
[data-look="console"] .site-h nav a[aria-current="page"]{border-color:#F2C230}
[data-look="console"] .mw-h>b,[data-look="console"] .mw-h .mw-title{font-family:'Permanent Marker',var(--f-display);font-weight:400;background:#F2EFE6;color:#1C1E21;padding:2px 10px 0;border-radius:2px;transform:rotate(-1.2deg);box-shadow:0 1px 2px rgba(0,0,0,.35)}
[data-look="console"] .mw-bpm input.mw-big{font-family:var(--f-m);color:#7CF0A8;background:#0F1112;border-radius:3px;box-shadow:inset 0 2px 6px #000;text-shadow:0 0 12px rgba(124,240,168,.45)}
[data-look="console"] .pr-pp{border-radius:8px;background:linear-gradient(#5ED68E,#38B26C);color:#06210F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 16px rgba(56,178,108,.4)}
[data-look="console"] .mg-s i{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#14161A 3px 5px),linear-gradient(#5A616B,#5A616B)}
[data-look="console"] .mg-s.l1 i{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#14161A 3px 5px),linear-gradient(#38B26C,#38B26C)}
[data-look="console"] .mg-s.l2 i{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#14161A 3px 5px),linear-gradient(0deg,#38B26C 0 80%,#F2C230 80%)}
[data-look="console"] .mg-s.l3 i,[data-look="console"] .mg-s.l4 i{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#14161A 3px 5px),linear-gradient(0deg,#38B26C 0 55%,#F2C230 55% 80%,#E8473B 80%)}
[data-look="console"] .mg-s{background:#17191D}[data-look="console"] .mg-s:hover{background:#23262B}      /* (the LED ladders in a dark recess: green on the grey panel was under 3:1, 6 October 2026) */
[data-look="console"] .look-dial svg{width:96px;height:96px}

/* =====================================================================================================================
   MODULAR: a rack of synth modules. Black panels, white silk-screen legends, rails with screw slots, an LED above what is
   chosen in a patch-cable colour, jack sockets for on and off
   ===================================================================================================================== */
:root[data-look="modular"]{color-scheme:dark;--bg:#0D0E0F;--panel:#151618;--raised:#1F2124;--line:#2B2D30;--line-2:#4A4D52;--ink:#F4F4F1;--ink-2:#B9BBBD;--ink-3:#868A90;
  --accent:#FF4F9A;--accent-ink:#1A0610;--accent-soft:rgba(255,79,154,.13);--warn:#FFD23F;--grid:#D9DAD6;--grid-soft:#45484C;--ring:rgba(255,255,255,.34);--shadow:rgba(0,0,0,.65);
  --f-ui:'Chivo','Noto Music','Helvetica Neue',sans-serif;--f-display:'Chivo','Noto Music',sans-serif;--f-m:'Chivo Mono','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#0D0E0F;--look-b:#FF4F9A;--look-c:#2FD3E0;--look-name:'Modular'}
[data-look="modular"] .site-h{background:#0A0A0B}
[data-look="modular"] .lab{font-family:var(--f-m);color:#E9E9E6}
[data-look="modular"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more){background:#121315;border-color:#6A6D72;color:#F4F4F1;box-shadow:none}
[data-look="modular"] .seg:not(.bd-tabs):not(.pr-tabs) button{position:relative;font-family:var(--f-m);text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;padding-top:6px}
[data-look="modular"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#33363A}
[data-look="modular"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]{background:#121315;border-color:#F4F4F1;color:#FFFFFF}
[data-look="modular"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:#FF4F9A;box-shadow:0 0 8px 1px rgba(255,79,154,.8)}
[data-look="modular"] .dotsctl+.dotsctl .seg button[aria-pressed="true"]::before{background:#2FD3E0;box-shadow:0 0 8px 1px rgba(47,211,224,.8)}
[data-look="modular"] .mg-seg button[aria-pressed="true"]::before{background:#FFD23F;box-shadow:0 0 8px 1px rgba(255,210,63,.8)}
[data-look="modular"] .tick .tk{width:18px;height:18px;border-radius:50%;border:3px solid #C9CBCD;background:#050505;box-shadow:inset 0 0 0 2px #2B2D30}
[data-look="modular"] .tick .tk svg{display:none}
[data-look="modular"] .tick[aria-pressed="true"]{border-color:#F4F4F1;color:#FFFFFF}
[data-look="modular"] .tick[aria-pressed="true"] .tk{background:#FF4F9A;border-color:#2B2D30;box-shadow:0 0 0 2px #FF4F9A,0 0 10px rgba(255,79,154,.6)}
[data-look="modular"] .chip[aria-pressed="true"],[data-look="modular"] .fpill.on{border-color:#F4F4F1;box-shadow:inset 3px 0 0 #FF4F9A;background:#121315}
[data-look="modular"] .chip b,[data-look="modular"] .fpill span{background:none;color:#868A90}
[data-look="modular"] .btn-p{background:#F4F4F1;border-color:#F4F4F1;color:#0D0E0F}
[data-look="modular"] .st-tog{border-radius:3px;background:#0A0B0C;border-color:#6A6D72}[data-look="modular"] .st-tog i{border-radius:2px;background:linear-gradient(#F4F4F1,#9A9DA1)}
[data-look="modular"] .st-tog[aria-checked="true"]{background:#0A0B0C;border-color:#F4F4F1}[data-look="modular"] .st-tog[aria-checked="true"] i{background:linear-gradient(#FFB3D2,#FF4F9A);box-shadow:0 0 8px rgba(255,79,154,.7)}
[data-look="modular"] .mp-tabs button[aria-selected="true"]{background:#121315;border-color:#F4F4F1;color:#FFFFFF;box-shadow:inset 0 -3px 0 #2FD3E0}
/* module rails with screw slots on the windows and the cards */
[data-look="modular"] :is(.pc:not(.sp *),.rc:not(.sp *)){position:relative}
[data-look="modular"] :is(.mw,.mwa,.pc:not(.sp *),.rc:not(.sp *))::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:radial-gradient(ellipse 5px 2.5px at 14px 50%,#0A0B0C 98%,transparent),radial-gradient(ellipse 5px 2.5px at calc(100% - 14px) 50%,#0A0B0C 98%,transparent),linear-gradient(#B9BCC0,#7D8187);z-index:2;pointer-events:none}
[data-look="modular"] .pc:not(.sp *),[data-look="modular"] .rc:not(.sp *){padding-top:16px}
[data-look="modular"] .mw-h{padding-top:12px}
[data-look="modular"] .pr-pp{background:#121315;color:#FF4F9A;border:2px solid #F4F4F1;box-shadow:0 0 0 3px #121315,0 0 0 4px #6A6D72}
[data-look="modular"] .mg-s.l3 i,[data-look="modular"] .mg-s.l4 i{background:#F4F4F1}[data-look="modular"] .mg-s.l2 i{background:#9A9DA1}
[data-look="modular"] .look-jacks .jk{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:0;color:#E9E9E6;font-family:var(--f-m);font-size:10px;letter-spacing:.12em;cursor:pointer}
[data-look="modular"] .look-jacks .jk i{width:20px;height:20px;border-radius:50%;border:3px solid #C9CBCD;background:#050505;box-shadow:inset 0 0 0 2px #2B2D30}
[data-look="modular"] .look-jacks .jk[aria-pressed="true"] i{border-color:#2B2D30;background:var(--cb);box-shadow:0 0 0 2px var(--cb),0 0 8px var(--cb)}
[data-look="modular"] .look-jacks .jk:hover i{border-color:#FFFFFF}

/* =====================================================================================================================
   NEON GRID: the light-grid look of 80s sci-fi. Black, lines of cyan light, orange for the second voice and the full version,
   a floor of light under the header, corner brackets on the panels, a play button like a disc of light, no rounded corners
   ===================================================================================================================== */
:root[data-look="grid"]{color-scheme:dark;--bg:#02040A;--panel:#060B17;--raised:#0B1426;--line:rgba(46,242,255,.2);--line-2:rgba(46,242,255,.46);--ink:#E8FDFF;--ink-2:#9ADFEA;--ink-3:#5FA3AF;
  --accent:#2EF2FF;--accent-ink:#011216;--accent-soft:rgba(46,242,255,.11);--warn:#FF8A1F;--grid:#9FEFF7;--grid-soft:#174250;--ring:rgba(46,242,255,.5);--shadow:rgba(46,242,255,.1);
  --f-ui:'Exo 2','Noto Music','Helvetica Neue',sans-serif;--f-display:'Michroma','Noto Music',sans-serif;--f-m:'Orbitron','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#02040A;--look-b:#2EF2FF;--look-c:#FF8A1F;--look-name:'Neon Grid'}
[data-look="grid"] body{background-image:linear-gradient(rgba(46,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(46,242,255,.03) 1px,transparent 1px);background-size:44px 44px}
[data-look="grid"] .site-h{position:relative;background:#02040A;border-bottom:1px solid #2EF2FF;box-shadow:0 0 16px rgba(46,242,255,.45)}
[data-look="grid"] .site-h::before{content:"";position:absolute;inset:0;pointer-events:none;overflow:hidden;background-image:linear-gradient(transparent 55%,rgba(46,242,255,.10)),repeating-linear-gradient(90deg,rgba(46,242,255,.10) 0 1px,transparent 1px 60px);-webkit-mask:linear-gradient(transparent 30%,#000);mask:linear-gradient(transparent 30%,#000)}
[data-look="grid"] .logo{font-size:18px;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 14px rgba(46,242,255,.8)}
[data-look="grid"] .site-h nav :is(a,.nav-soon){font-family:var(--f-ui);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
[data-look="grid"] .site-h nav a[aria-current="page"]{text-shadow:0 0 10px rgba(46,242,255,.8)}
[data-look="grid"] :is(.btn-o,.btn-p,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more,.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox,.search,.mw,.mwa,.mp-sec,.dr-stp,.st-tog,.st-tog i,.mw-pm,.pr-tap){border-radius:0!important}
[data-look="grid"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more){background:rgba(46,242,255,.03);border-color:rgba(46,242,255,.55);color:#C9F7FF;box-shadow:0 0 8px rgba(46,242,255,.14),inset 0 0 8px rgba(46,242,255,.05)}
[data-look="grid"] .seg:not(.bd-tabs):not(.pr-tabs) button,[data-look="grid"] .mp-tabs button{font-family:var(--f-display);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
[data-look="grid"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"],[data-look="grid"] .mp-tabs button[aria-selected="true"]{background:#2EF2FF;border-color:#2EF2FF;color:#011216;box-shadow:0 0 18px rgba(46,242,255,.65)}
[data-look="grid"] .tick .tk{border-radius:0;transform:rotate(45deg) scale(.8);border-color:#2EF2FF}[data-look="grid"] .tick .tk svg{transform:rotate(-45deg)}
[data-look="grid"] .tick[aria-pressed="true"]{color:#E8FDFF;box-shadow:0 0 14px rgba(46,242,255,.45)}[data-look="grid"] .tick[aria-pressed="true"] .tk{background:#2EF2FF;box-shadow:0 0 10px #2EF2FF}
[data-look="grid"] .chip[aria-pressed="true"],[data-look="grid"] .fpill.on{background:rgba(46,242,255,.14);border-color:#2EF2FF;color:#FFFFFF;box-shadow:0 0 14px rgba(46,242,255,.5)}
[data-look="grid"] .chip b,[data-look="grid"] .fpill span{background:none;color:#5FB7C6;font-family:var(--f-m);font-size:10px}
[data-look="grid"] .btn-p{background:#FF8A1F;border-color:#FF8A1F;color:#1A0A00;box-shadow:0 0 18px rgba(255,138,31,.55)}
[data-look="grid"] .metro-btn{border-color:#2EF2FF!important;color:#2EF2FF!important}
[data-look="grid"] .st-tog{background:#030712;border-color:rgba(46,242,255,.55)}[data-look="grid"] .st-tog i{background:#174250}
[data-look="grid"] .st-tog[aria-checked="true"]{background:#030712;border-color:#2EF2FF;box-shadow:0 0 12px rgba(46,242,255,.5)}[data-look="grid"] .st-tog[aria-checked="true"] i{background:#2EF2FF;box-shadow:0 0 10px #2EF2FF}
/* heads-up corner brackets */
[data-look="grid"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets){position:relative}
[data-look="grid"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.mw,.mwa)::after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:3;background:linear-gradient(#2EF2FF,#2EF2FF) top left/14px 2px,linear-gradient(#2EF2FF,#2EF2FF) top left/2px 14px,linear-gradient(#2EF2FF,#2EF2FF) top right/14px 2px,linear-gradient(#2EF2FF,#2EF2FF) top right/2px 14px,linear-gradient(#2EF2FF,#2EF2FF) bottom left/14px 2px,linear-gradient(#2EF2FF,#2EF2FF) bottom left/2px 14px,linear-gradient(#2EF2FF,#2EF2FF) bottom right/14px 2px,linear-gradient(#2EF2FF,#2EF2FF) bottom right/2px 14px;background-repeat:no-repeat;filter:drop-shadow(0 0 4px #2EF2FF)}
[data-look="grid"] .pc-t,[data-look="grid"] .rc:not(.sp *) .rc-n{text-shadow:0 0 12px rgba(46,242,255,.45)}
[data-look="grid"] input.mw-big{font-family:var(--f-m);color:#2EF2FF;text-shadow:0 0 20px rgba(46,242,255,.8)}
[data-look="grid"] .mw-tname{font-family:var(--f-display);font-size:9px;letter-spacing:.18em;text-transform:uppercase;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-look="grid"] .pr-pp{background:radial-gradient(circle,#02040A 0 44%,#2EF2FF 45% 51%,#02040A 52% 64%,rgba(46,242,255,.65) 65% 70%,#02040A 71%);color:#2EF2FF;box-shadow:0 0 20px rgba(46,242,255,.55)}
[data-look="grid"] .mg-s i{border-radius:0}[data-look="grid"] .mg-s.l3 i,[data-look="grid"] .mg-s.l4 i{background:#2EF2FF;box-shadow:0 0 10px #2EF2FF}[data-look="grid"] .mg-s.l2 i{background:#FF8A1F;box-shadow:0 0 8px rgba(255,138,31,.6)}

/* =====================================================================================================================
   VISOR: robot helmets and the dance floor. Black glass, gold rims on the windows, chrome on the cards, red LEDs for what is
   on, a dot-matrix tempo, rainbow LED levels
   ===================================================================================================================== */
:root[data-look="visor"]{color-scheme:dark;--bg:#070709;--panel:#101013;--raised:#19191E;--line:#26262C;--line-2:#3D3D45;--ink:#F6F3EC;--ink-2:#C1BBAE;--ink-3:#A19C90;
  --accent:#E9C46A;--accent-ink:#1A1306;--accent-soft:rgba(233,196,106,.12);--warn:#FF2E3E;--grid:#D9D4C8;--grid-soft:#3D3D45;--ring:rgba(255,255,255,.3);--shadow:rgba(0,0,0,.7);
  --f-ui:'Sora','Noto Music','Helvetica Neue',sans-serif;--f-display:'Sora','Noto Music',sans-serif;--f-m:'Doto','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#070709;--look-b:#E9C46A;--look-c:#FF2E3E;--look-name:'Visor';
  --gold:linear-gradient(135deg,#FFF0C4,#C99A3A 35%,#FFF4D6 55%,#A97A22 80%,#F5DFA0);--chrome:linear-gradient(135deg,#F6F7F9,#8B9098 38%,#FFFFFF 55%,#6E747C 80%,#D9DCE0)}
[data-look="visor"] .site-h{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 45%),#050506;box-shadow:0 1px 0 rgba(233,196,106,.35)}
[data-look="visor"] .logo{font-family:var(--f-m);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E9C46A;text-shadow:0 0 12px rgba(233,196,106,.5)}
[data-look="visor"] :is(.mw,.mwa){border:1.5px solid transparent;background:linear-gradient(#0D0D10,#0D0D10) padding-box,var(--gold) border-box}
[data-look="visor"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox){border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 35%) padding-box,linear-gradient(#0E0E11,#0E0E11) padding-box,var(--chrome) border-box}
[data-look="visor"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more){background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 60%),#121216;border-color:#3A3A42;color:#EDE9DF}
[data-look="visor"] .seg:not(.bd-tabs):not(.pr-tabs) button{position:relative;padding-left:22px;border-radius:20px}
[data-look="visor"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#2A1A1C}
[data-look="visor"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"],[data-look="visor"] .mp-tabs button[aria-selected="true"],[data-look="visor"] .tick[aria-pressed="true"],[data-look="visor"] .chip[aria-pressed="true"],[data-look="visor"] .fpill.on{border:1px solid transparent;background:linear-gradient(#17140C,#17140C) padding-box,var(--gold) border-box;color:#FFF3D0}
[data-look="visor"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:#FF2E3E;box-shadow:0 0 8px 1px rgba(255,46,62,.85)}
[data-look="visor"] .mg-seg button{padding:3px 1px 0!important}[data-look="visor"] .mg-seg button::before{left:50%!important;top:2px!important;width:4px!important;height:4px!important;margin:0 0 0 -2px!important}
[data-look="visor"] .tick .tk{border-radius:50%}[data-look="visor"] .tick[aria-pressed="true"] .tk{background:#FF2E3E;border-color:#FF2E3E;color:#FFFFFF;box-shadow:0 0 10px rgba(255,46,62,.7)}
[data-look="visor"] .btn-p{background:var(--gold);border-color:transparent;color:#1A1306}
[data-look="visor"] .st-tog{background:#050506;border-color:#3A3A42}[data-look="visor"] .st-tog i{background:var(--chrome)}
[data-look="visor"] .st-tog[aria-checked="true"]{background:#2A0A0E;border-color:#FF2E3E;box-shadow:0 0 12px rgba(255,46,62,.45)}[data-look="visor"] .st-tog[aria-checked="true"] i{background:var(--gold)}
[data-look="visor"] .mw-h{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%),#050506;border-bottom-color:#3A3020}
[data-look="visor"] .mw-h>b{font-family:var(--f-m);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#FF2E3E;text-shadow:0 0 10px rgba(255,46,62,.7)}
[data-look="visor"] .mw-bpm{background:#050506;border-radius:12px;padding:6px 10px;box-shadow:inset 0 0 0 1px #24242A,inset 0 6px 14px rgba(0,0,0,.8)}
[data-look="visor"] input.mw-big{font-family:var(--f-m);font-weight:800;letter-spacing:.06em;color:#FF2E3E;text-shadow:0 0 16px rgba(255,46,62,.75)}
[data-look="visor"] .mw-tname{font-family:var(--f-m);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#E9C46A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
[data-look="visor"] .pr-pp{background:var(--gold);color:#1A1306;box-shadow:0 0 20px rgba(233,196,106,.35)}
[data-look="visor"] .mg-s i{-webkit-mask:radial-gradient(circle,#000 1.9px,transparent 2.3px) 50% 100%/5px 5px;mask:radial-gradient(circle,#000 1.9px,transparent 2.3px) 50% 100%/5px 5px}
[data-look="visor"] .mg-s{background:#0A0A0D}[data-look="visor"] .mg-s:hover{background:#16161B}      /* (the dots on black glass, fuller: a thin red dot on grey was too faint, 6 October 2026) */
[data-look="visor"] .mg-beat:nth-child(4n+1) .mg-s.l3 i,[data-look="visor"] .mg-beat:nth-child(4n+1) .mg-s.l4 i{background:#FF2E3E}
[data-look="visor"] .mg-beat:nth-child(4n+2) .mg-s:is(.l2,.l3,.l4) i{background:#FF8A1F}
[data-look="visor"] .mg-beat:nth-child(4n+3) .mg-s:is(.l2,.l3,.l4) i{background:#FFE14D}
[data-look="visor"] .mg-beat:nth-child(4n) .mg-s:is(.l2,.l3,.l4) i{background:#3DE07A}
[data-look="visor"] .mg-s.l1 i{background:#3FA9FF}
[data-look="visor"] .look-band{background:#050506;box-shadow:inset 0 0 0 1px #24242A}
[data-look="visor"] .look-band span{font-family:var(--f-m);font-weight:800;font-size:14px;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#FF2E3E,#FF8A1F,#FFE14D,#3DE07A,#3FA9FF,#B07CFF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* =====================================================================================================================
   TOLEX & TUBES: a vintage amp. Black pebbled tolex with cream text all round; the panels cream faceplates with gold piping;
   push-buttons that stay pressed in with a red jewel lit; chrome toggles; a chicken-head knob for the tempo
   ===================================================================================================================== */
:root[data-look="tolex"]{color-scheme:dark;--bg:#161412;--panel:#211C18;--raised:#2B2520;--line:#3A3129;--line-2:#5A4B3B;--ink:#EDE2C8;--ink-2:#CDBE9C;--ink-3:#A08D6C;
  --accent:#E0473A;--accent-text:#F27466;--accent-ink:#FFF6E6;--accent-soft:rgba(224,71,58,.16);--warn:#E0A33A;--grid:#E9DDC0;--grid-soft:#5A4B3B;--ring:rgba(237,226,200,.4);--shadow:rgba(0,0,0,.6);
  --f-ui:'Source Sans 3','Noto Music','Helvetica Neue',sans-serif;--f-display:'Oswald','Noto Music','Arial Narrow',sans-serif;--f-m:'Oswald','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#161412;--look-b:#EDE2C8;--look-c:#C9271E;--look-name:'Tolex & Tubes'}
[data-look="tolex"] body{background-color:#161412;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1.4px),radial-gradient(rgba(0,0,0,.5) 1px,transparent 1.4px);background-size:5px 5px,7px 7px;background-position:0 0,2px 3px}
[data-look="tolex"] .site-h{background:#0F0D0C;border-bottom:2px solid #C9A24A}
[data-look="tolex"] .site-f{background:#0F0D0C;border-top:2px solid #C9A24A}
[data-look="tolex"] .logo{font-family:'Yellowtail',var(--f-display);font-weight:400;font-size:30px;color:#EDE2C8}
[data-look="tolex"] .site-h nav :is(a,.nav-soon){font-family:var(--f-display);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:14px}
[data-look="tolex"] .site-h nav a[aria-current="page"]{border-color:#C9A24A}
/* the faceplates: cream, with dark ink, gold piping */
[data-look="tolex"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox,.tmenu,.mw,.mwa){--bg:#F5ECD6;--panel:#EDE2C8;--raised:#E0D3B4;--line:#C9B88F;--line-2:#A8956B;--ink:#2A1F14;--ink-2:#5E4C36;--ink-3:#5F4F37;--grid:#2A1F14;--grid-soft:#A8956B;--accent:#C9271E;--accent-text:#A81E16;--accent-soft:#F6DCC9;--badge-std:#195C70;--star:#8A5A00;--mine:#1A6540;--mine-ink:#1A6540;--ring:rgba(42,31,20,.3);color:var(--ink)}
[data-look="tolex"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox){background:#EDE2C8;border:2px solid #C9A24A;box-shadow:0 6px 16px rgba(0,0,0,.45)}
/* the cream switches carry the faceplate's dark ink wherever they sit (the header's stay dark) */
[data-look="tolex"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.mp-tabs button,.mw-more,.mw-pm):not(.site-h *){--ink:#2A1F14;--ink-2:#5E4C36;--ink-3:#5F4F37;--line:#C9B88F;--line-2:#A8956B}
[data-look="tolex"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more,.mw-pm){background:linear-gradient(#FAF3E1,#E6D8B6);border:1px solid #8A7656;box-shadow:inset 0 1px 0 #FFFDF5,0 2px 0 #8A7656,0 3px 4px rgba(0,0,0,.25);color:#2A1F14}
[data-look="tolex"] .site-h :is(.ib,.hdr-acct){background:#1E1A16;border-color:#5E4C36;color:#EDE2C8;box-shadow:none}
[data-look="tolex"] .site-h .metro-btn{background:#1E1A16!important;box-shadow:none!important;border-color:#8E2E22!important;color:#F07A6A!important}
[data-look="tolex"] .seg:not(.bd-tabs):not(.pr-tabs) button,[data-look="tolex"] .mp-tabs button{font-family:var(--f-display);font-weight:500;text-transform:uppercase;letter-spacing:.06em;position:relative}
[data-look="tolex"] .mp-tabs button{letter-spacing:.02em;font-size:13px}
[data-look="tolex"] .seg:not(.bd-tabs):not(.pr-tabs) button{padding-left:24px}
[data-look="tolex"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8A6A5A,#3A2A22)}
[data-look="tolex"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"],[data-look="tolex"] .tick[aria-pressed="true"],[data-look="tolex"] .chip[aria-pressed="true"],[data-look="tolex"] .fpill.on,[data-look="tolex"] .mp-tabs button[aria-selected="true"]{background:linear-gradient(#E0D0AA,#EADDBF);box-shadow:inset 0 2px 4px rgba(42,31,20,.35);transform:translateY(2px);border-color:#5E4C36;color:#2A1F14}
[data-look="tolex"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:radial-gradient(circle at 35% 30%,#FFB09A,#E0301F 55%,#8E160E);box-shadow:0 0 8px rgba(224,48,31,.7)}
[data-look="tolex"] .mg-seg button{padding:3px 1px 0!important}[data-look="tolex"] .mg-seg button::before{left:50%!important;top:2px!important;width:5px!important;height:5px!important;margin:0 0 0 -2.5px!important}
[data-look="tolex"] .tick .tk{border-radius:50%;border-color:#5E4C36;background:radial-gradient(circle at 35% 30%,#8A6A5A,#3A2A22)}[data-look="tolex"] .tick .tk svg{display:none}
[data-look="tolex"] .tick[aria-pressed="true"] .tk{background:radial-gradient(circle at 35% 30%,#FFB09A,#E0301F 55%,#8E160E);border-color:#8E160E;box-shadow:0 0 8px rgba(224,48,31,.7)}
[data-look="tolex"] .chip b,[data-look="tolex"] .fpill span{background:#2A1F14;color:#EDE2C8;border-radius:2px}
[data-look="tolex"] .chip[aria-pressed="true"] b,[data-look="tolex"] .fpill.on span{background:#C9271E;color:#FFF6E6}
[data-look="tolex"] .btn-p{background:linear-gradient(#BF3027,#981A13);color:#FFF6E6;border-color:#6E120C;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #6E120C}
[data-look="tolex"] .st-tog{background:linear-gradient(#C8CCD0,#8C9196);border-color:#5E636A}[data-look="tolex"] .st-tog i{background:radial-gradient(circle at 35% 30%,#FFFFFF,#B9BEC4 50%,#6E747B)}
[data-look="tolex"] .st-tog[aria-checked="true"]{background:linear-gradient(#C8CCD0,#8C9196);border-color:#5E636A;box-shadow:0 0 0 3px rgba(201,39,30,.3)}[data-look="tolex"] .st-tog[aria-checked="true"] i{background:radial-gradient(circle at 35% 30%,#FFFFFF,#B9BEC4 50%,#6E747B)}
/* the windows: tolex boxes, cream inside */
[data-look="tolex"] :is(.mw,.mwa){border:3px solid #0A0908;box-shadow:0 0 0 1px #C9A24A,0 24px 60px rgba(0,0,0,.7)}
[data-look="tolex"] .mw-h{background:#1B1815;border-bottom:2px solid #C9A24A;--ink:#EDE2C8;--ink-2:#CDBE9C;--ink-3:#A08D6C;color:#EDE2C8}
[data-look="tolex"] .mw-h .ib{background:#2A2420;border-color:#5E4C36;color:#EDE2C8;box-shadow:none}
[data-look="tolex"] .mw-h>b{font-family:'Yellowtail',var(--f-display);font-weight:400;font-size:22px}
[data-look="tolex"] .pr-pp{background:radial-gradient(circle at 35% 30%,#FFB09A,#D9301F 55%,#7E140C);box-shadow:0 0 0 3px #C9A24A,0 0 0 5px #2A1F14,0 0 16px rgba(217,48,31,.45)}
[data-look="tolex"] .mg-s.l3 i,[data-look="tolex"] .mg-s.l4 i{background:linear-gradient(#C42A1D,#8E140D)}      /* (deeper, so it reads on the cream: the light top was 1.7:1, 6 October 2026) */
[data-look="tolex"] .look-dial svg{width:92px;height:92px}

/* =====================================================================================================================
   TAPE & WOOD: 1970s hi-fi and the studio desk. Brushed aluminium, walnut, piano-key buttons with a lamp, a VU meter for
   the tempo, tape orange and mustard
   ===================================================================================================================== */
:root[data-look="tape"]{color-scheme:light;--bg:#E7E4DE;--panel:#F7F4EE;--raised:#DCD8CF;--line:#CFCAC0;--line-2:#B3AC9F;--ink:#221D18;--ink-2:#544C43;--ink-3:#625A4F;--accent-text:#913913;--star:#7E5200;
  --accent:#D9561F;--accent-ink:#FFFFFF;--accent-soft:rgba(227,99,42,.14);--warn:#B97F0C;--grid:#221D18;--grid-soft:#B7B1A5;--ring:rgba(0,0,0,.22);--shadow:rgba(40,28,18,.2);
  --f-ui:'Karla','Noto Music','Helvetica Neue',sans-serif;--f-display:'Bricolage Grotesque','Noto Music',sans-serif;--f-m:'DM Mono','IBM Plex Mono',ui-monospace,monospace;
  --look-a:#E7E4DE;--look-b:#E3632A;--look-c:#5C3A22;--look-name:'Tape & Wood'}
[data-look="tape"] body{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,rgba(0,0,0,.018) 1px 3px)}
[data-look="tape"] :is(.site-h,.site-f){background:linear-gradient(90deg,#3B2617,#5C3A22 18%,#4A2E1B 45%,#6A4428 70%,#3B2617);border-color:#2A1A10;--ink:#FBEBDD;--ink-2:#E2CCB5;--ink-3:#C2A68B;--line-2:rgba(255,255,255,.25);--accent:#FFB48E;color:#FBEBDD}
[data-look="tape"] .logo{font-weight:800;letter-spacing:-.02em}
[data-look="tape"] .site-h nav a[aria-current="page"]{border-color:#E0A526}
[data-look="tape"] .site-h :is(.ib,.hdr-acct){background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.22);color:#FBEBDD}
[data-look="tape"] .site-h .metro-btn{border-color:#E3632A!important;color:#FFB48E!important}
[data-look="tape"] .seg:not(.bd-tabs):not(.pr-tabs){gap:2px;padding:3px;background:#2A241E;border-radius:6px}
[data-look="tape"] .seg:not(.bd-tabs):not(.pr-tabs) button{position:relative;border:0;border-radius:3px;background:linear-gradient(#FBF9F5,#DCD8CF);box-shadow:inset 0 -3px 0 #B7B1A5,0 1px 0 #000;color:#2A241E;font-weight:700;padding-top:6px}
[data-look="tape"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:50%;top:3px;width:16px;height:3px;margin-left:-8px;border-radius:2px;background:#C9C2B4}
[data-look="tape"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]{background:linear-gradient(#E6E2DA,#F4F1EB);box-shadow:inset 0 2px 3px rgba(0,0,0,.25);color:#221D18}
[data-look="tape"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:#E3632A;box-shadow:0 0 6px rgba(227,99,42,.8)}
[data-look="tape"] .mg-seg button::before{width:10px!important;margin-left:-5px!important}[data-look="tape"] .seg.mg-seg:not(.bd-tabs):not(.pr-tabs){gap:1px;padding:2px}
[data-look="tape"] :is(.tick,.btn-o,.ib,.tbtn,.sel,.cbx,.tgl,.mw-more){background:linear-gradient(#FBF9F5,#E4E0D8);box-shadow:inset 0 -2px 0 #C9C2B4;border-color:#B7B1A5}
[data-look="tape"] .tick .tk{border-radius:2px}
[data-look="tape"] .chip,[data-look="tape"] .fpill{border-radius:4px;background:#FBF9F5}
[data-look="tape"] .chip[aria-pressed="true"],[data-look="tape"] .fpill.on{background:#221D18;color:#FBEBDD;border-color:#221D18}
[data-look="tape"] .chip[aria-pressed="true"] b,[data-look="tape"] .fpill.on span{background:#E0A526;color:#221D18}
[data-look="tape"] .btn-p{background:linear-gradient(#B84B1C,#A23D15);border-color:#A63E12;box-shadow:inset 0 -3px 0 #8A3110}
[data-look="tape"] .st-tog{border-radius:4px;background:#2A241E;border-color:#2A241E}[data-look="tape"] .st-tog i{border-radius:2px;background:linear-gradient(#FBF9F5,#C9C2B4)}
[data-look="tape"] .st-tog[aria-checked="true"]{background:#E3632A;border-color:#A63E12}[data-look="tape"] .st-tog[aria-checked="true"] i{background:linear-gradient(#FFFFFF,#E7E4DE)}
[data-look="tape"] .mp-tabs button{font-family:var(--f-m);text-transform:uppercase;font-size:10.5px;letter-spacing:0}
[data-look="tape"] .mp-tabs button[aria-selected="true"]{background:#B9481A;border-color:#B9481A;color:#FFFFFF}
[data-look="tape"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox){box-shadow:inset 0 1px 0 #FFFFFF,0 3px 10px rgba(40,28,18,.08)}
[data-look="tape"] :is(.mw,.mwa){border-left:12px solid #5C3A22;border-right:12px solid #5C3A22;background-color:#ECE9E3}
[data-look="tape"] .mw-h{background:#221D18;--ink:#FBEBDD;--ink-2:#E2CCB5;--ink-3:#C2A68B;--line-2:#3A332C;color:#FBEBDD}
[data-look="tape"] .mw-h :is(.ib,.sel,.cbx,.btn-o){background:transparent;border-color:#4A4239;color:#E2CCB5;box-shadow:none}
[data-look="tape"] .pr-pp{background:radial-gradient(circle at 35% 30%,#FFA97E,#E3632A 60%,#B9461A);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
[data-look="tape"] .mg{background:#2A241E;border-radius:8px;--mine:#55B786;--mine-ink:#55B786;--accent-text:#FF9A66;--panel:#3A332C;--raised:#332D27;--ink:#F3EDE4;--ink-2:#C9C2B4;--ink-3:#A39A8D;--line:#3A332C;--line-2:#5A5147;color:var(--ink)}
[data-look="tape"] .mg :is(.ib,.tbtn,.sel,.mg-unit){background:#3A332C;border-color:#5A5147;color:#F3EDE4;box-shadow:none}
[data-look="tape"] .mg-s i{background:repeating-linear-gradient(0deg,#857C70 0 4px,transparent 4px 6px)}
[data-look="tape"] .mg-s.l3 i,[data-look="tape"] .mg-s.l4 i{background:repeating-linear-gradient(0deg,#E3632A 0 4px,transparent 4px 6px)}
[data-look="tape"] .mg-s.l2 i{background:repeating-linear-gradient(0deg,#E0A526 0 4px,transparent 4px 6px)}
[data-look="tape"] .mg-s.l1 i{background:repeating-linear-gradient(0deg,#C9C2B4 0 4px,transparent 4px 6px)}
[data-look="tape"] .look-dial svg{width:100%;max-width:280px;height:auto}

/* =====================================================================================================================
   THE SPEED TRAINER AND THE DRONE, look by look (4 October 2026): each panel drawn as that look's gear, its switch the look's own
   ===================================================================================================================== */
/* Studio Rack: a rack unit, its picture an amber LED window when on */
[data-look="rack"] .mw-tools .mw-tool{border-color:#34383E;background:linear-gradient(#22252A,#1A1C1F);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 0 rgba(0,0,0,.5)}
[data-look="rack"] .mw-tool-ic{background:#0B0B0C;color:#6E747C;box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
[data-look="rack"] .mw-tools .mw-tool.on{border-color:#5A4A2E;background:linear-gradient(#2A2620,#1E1C19)}
[data-look="rack"] .mw-tool.on .mw-tool-ic{background:#0B0B0C;color:#FFB13B;box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 0 14px rgba(255,177,59,.28)}
[data-look="rack"] .mw-tool-t b{font-family:'Saira Condensed',var(--f-display);text-transform:uppercase;letter-spacing:.06em;font-size:14px}
[data-look="rack"] .mw-tool.on .pr-tsum,[data-look="rack"] .mw-tool.on .pr-dsum{color:#E8C27E}
/* Console: a channel strip, its legend in capitals, its cap backlit when on (the trainer red, the drone blue) */
[data-look="console"] .mw-tools .mw-tool{border-color:#262A2F;background:linear-gradient(#454B54,#3A4048);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 0 #1A1C1F}
[data-look="console"] .mw-tool-t b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;font-size:14px}
[data-look="console"] .mw-tool-ic{border-radius:4px;background:linear-gradient(#5A616B,#4A5059);color:#C9CED4;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 0 #14161A}
[data-look="console"] .mw-tools .mw-tool.on{border-color:#262A2F;background:linear-gradient(#4A5059,#3E444C)}
[data-look="console"] .pr-trainer.on .mw-tool-ic{background:linear-gradient(#FF6A5E,#E8473B);color:#fff;box-shadow:0 0 14px rgba(232,71,59,.55)}
[data-look="console"] .pr-drone.on .mw-tool-ic{background:linear-gradient(#5E9BF0,#3D7FD9);color:#fff;box-shadow:0 0 14px rgba(61,127,217,.55)}
/* Modular: a module, its legend silk-screened, a patch cable down its side when on (pink the trainer, cyan the drone) */
[data-look="modular"] .mw-tools .mw-tool{border-radius:3px;border-color:#6A6D72;background:#121315;box-shadow:none}
[data-look="modular"] .mw-tool-t b{font-family:var(--f-m);text-transform:uppercase;letter-spacing:.02em;font-size:12px}
[data-look="modular"] .mw-tool-ic{border-radius:50%;width:30px;height:30px;border:3px solid #C9CBCD;background:#050505;color:#C9CBCD;box-shadow:inset 0 0 0 2px #2B2D30}
[data-look="modular"] .mw-tool-ic svg{width:14px;height:14px}
[data-look="modular"] .mw-tools .mw-tool.on{border-color:#F4F4F1;background:#121315}
[data-look="modular"] .pr-trainer.on{box-shadow:inset 4px 0 0 #FF4F9A}[data-look="modular"] .pr-drone.on{box-shadow:inset 4px 0 0 #2FD3E0}
[data-look="modular"] .pr-trainer.on .mw-tool-ic{border-color:#2B2D30;background:#FF4F9A;color:#1A0610;box-shadow:0 0 0 2px #FF4F9A,0 0 10px rgba(255,79,154,.6)}
[data-look="modular"] .pr-drone.on .mw-tool-ic{border-color:#2B2D30;background:#2FD3E0;color:#03191B;box-shadow:0 0 0 2px #2FD3E0,0 0 10px rgba(47,211,224,.6)}
/* Neon Grid: lines of light, no corners; on, the panel lit */
[data-look="grid"] .mw-tools .mw-tool,[data-look="grid"] .mw-tool-ic,[data-look="grid"] .mw-tool-b{border-radius:0}
[data-look="grid"] .mw-tools .mw-tool{border-color:rgba(46,242,255,.5);background:rgba(46,242,255,.03);box-shadow:0 0 8px rgba(46,242,255,.12)}
[data-look="grid"] .mw-tool-t b{font-family:var(--f-ui);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(46,242,255,.45)}
[data-look="grid"] .mw-tool-ic{background:none;border:1px solid rgba(46,242,255,.5);color:#2EF2FF}
[data-look="grid"] .mw-tools .mw-tool.on{border-color:#2EF2FF;background:rgba(46,242,255,.1);box-shadow:0 0 18px rgba(46,242,255,.45)}
[data-look="grid"] .mw-tool.on .mw-tool-ic{background:#2EF2FF;color:#011216;box-shadow:0 0 12px #2EF2FF}
[data-look="grid"] .pr-drone.on .mw-tool-ic{background:#FF8A1F;border-color:#FF8A1F;box-shadow:0 0 12px rgba(255,138,31,.8)}
/* Visor: black glass; on, a gold rim and a red LED for its picture */
[data-look="visor"] .mw-tools .mw-tool{border-radius:14px;border-color:#2E2E35;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 55%),#0D0D10}
[data-look="visor"] .mw-tool-t b{font-family:var(--f-m);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
[data-look="visor"] .mw-tool-ic{border-radius:50%;background:#050506;color:#5A5650;box-shadow:inset 0 0 0 1px #24242A}
[data-look="visor"] .mw-tools .mw-tool.on{border:1px solid transparent;background:linear-gradient(#141209,#141209) padding-box,var(--gold) border-box}
[data-look="visor"] .mw-tool.on .mw-tool-ic{color:#FF2E3E;box-shadow:inset 0 0 0 1px #3A1418,0 0 14px rgba(255,46,62,.45)}
[data-look="visor"] .mw-tool.on .pr-tsum,[data-look="visor"] .mw-tool.on .pr-dsum{color:#E9C46A}
/* Tolex & Tubes: a cream panel with gold piping, its legend in capitals; on, a red jewel for its picture */
[data-look="tolex"] .mw-tools .mw-tool{border:2px solid #C9A24A;border-radius:6px;background:#F2E8D0;box-shadow:inset 0 1px 0 #FFFDF5,0 2px 4px rgba(0,0,0,.2)}
[data-look="tolex"] .mw-tool-t b{font-family:var(--f-display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
[data-look="tolex"] .mw-tool-ic{border-radius:50%;background:radial-gradient(circle at 35% 30%,#8A6A5A,#3A2A22);color:#E9DDC0;box-shadow:0 0 0 2px #C9A24A}
[data-look="tolex"] .mw-tools .mw-tool.on{background:#F7EED8;border-color:#C9A24A}
[data-look="tolex"] .mw-tool.on .mw-tool-ic{background:radial-gradient(circle at 35% 30%,#FFB09A,#E0301F 55%,#8E160E);color:#FFF6E6;box-shadow:0 0 0 2px #C9A24A,0 0 12px rgba(224,48,31,.6)}
/* Tape & Wood: two hi-fi keys; on, its lamp lit along the top */
[data-look="tape"] .mw-tools .mw-tool{position:relative;border:0;border-radius:6px;background:linear-gradient(#FBF9F5,#E4E0D8);box-shadow:inset 0 -3px 0 #C9C2B4,0 1px 0 rgba(0,0,0,.25),0 0 0 1px #B7B1A5}
[data-look="tape"] .mw-tools .mw-tool::before{content:"";position:absolute;left:14px;right:14px;top:4px;height:3px;border-radius:2px;background:#D2CBBE}
[data-look="tape"] .mw-tool-t b{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:-.02em}
[data-look="tape"] .mw-tool-ic{border-radius:6px;background:#2A241E;color:#C9C2B4}
[data-look="tape"] .mw-tools .mw-tool.on{background:linear-gradient(#ECE8E0,#F6F3EE);box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 0 0 1px #A79F91}
[data-look="tape"] .mw-tools .mw-tool.on::before{background:#E3632A;box-shadow:0 0 8px rgba(227,99,42,.8)}
[data-look="tape"] .mw-tool.on .mw-tool-ic{background:#2A241E;color:#FF9A66}
/* Pedalboard: two small pedals, the trainer violet and the drone teal, their stomp switch at the side, its LED above */

/* =====================================================================================================================
   PEDALBOARD (rebuilt 6 October 2026, the owner: "make this feel more like an actual pedal board, blacks, dark grays, lots of lights
   like you see on a pedal board, maybe textures from pedals, get rid of teal … purple has got to go as well"): a black board of
   hook-and-loop between aluminium rails; every panel a pedal in black or graphite powder coat (a hammertone speckle, bevelled, the
   windows screwed down), legends screen-printed in white capitals; colour only from the lights: an LED in every choice and switch
   (red, amber, green or blue by job), a red display for the tempo, the beats an LED meter, chrome stomp switches
   ===================================================================================================================== */
:root[data-look="pedal"]{color-scheme:dark;--bg:#0C0C0D;--panel:#19191B;--raised:#232326;--line:#2C2C30;--line-2:#3F4045;--ink:#F2F2EF;--ink-2:#C8C9CB;--ink-3:#A3A5A8;
  --accent:#FF3B30;--accent-ink:#1A0503;--accent-text:#FF6B61;--accent-soft:rgba(255,59,48,.13);--warn:#FFB21E;--grid:#D9DADC;--grid-soft:#45464B;--ring:rgba(255,255,255,.32);--shadow:rgba(0,0,0,.7);
  --f-ui:'Albert Sans','Noto Music','Helvetica Neue',sans-serif;--f-display:'Albert Sans','Noto Music',sans-serif;--f-m:'Orbitron','Albert Sans',monospace;
  --look-a:#0C0C0D;--look-b:#FF3B30;--look-c:#33D17A;--look-name:'Pedalboard';
  --led-r:#FF3B30;--led-g:#33D17A;--led-b:#3FA9FF;--led-a:#FFB21E;
  --hammer:radial-gradient(rgba(255,255,255,.075) .7px,transparent 1.1px) 0 0/6px 6px,radial-gradient(rgba(0,0,0,.5) .8px,transparent 1.2px) 3px 2px/7px 7px;
  --coat:linear-gradient(165deg,#242427,#19191B 55%,#141416)}
/* the board: hook-and-loop, aluminium rails across it */
[data-look="pedal"] body{background-color:#0A0A0B;background-image:repeating-linear-gradient(180deg,transparent 0 150px,#050505 150px 152px,#2B2C2F 152px 153px,#17181A 153px 168px,#2B2C2F 168px 169px,#050505 169px 171px),radial-gradient(rgba(255,255,255,.03) .6px,transparent .9px),radial-gradient(rgba(0,0,0,.6) .6px,transparent .9px);background-size:auto,3px 3px,3px 3px;background-position:0 0,0 0,1px 2px}
[data-look="pedal"] .site-h{background:linear-gradient(#141416,#0F0F10);border-bottom:1px solid #000;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05),0 4px 14px rgba(0,0,0,.6)}
[data-look="pedal"] .logo{font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#F2F2EF;display:inline-flex;align-items:center;gap:10px}
[data-look="pedal"] .logo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--led-g);box-shadow:0 0 6px 1px var(--led-g),0 0 14px rgba(51,209,122,.5)}
[data-look="pedal"] .site-h nav :is(a,.nav-soon){font-weight:700}
[data-look="pedal"] .site-h nav a[aria-current="page"]{border-color:var(--led-r);text-shadow:0 0 10px rgba(255,59,48,.45)}
/* the pedals: black and graphite powder coat */
[data-look="pedal"] :is(.pc:not(.sp *),.rc:not(.sp *),.facets,.sbox,.mw,.mwa,.sf){background:var(--hammer),var(--coat);border:1px solid #2E2E32;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.6),0 4px 0 #050506,0 12px 26px rgba(0,0,0,.55)}
[data-look="pedal"] :is(.pc:not(.sp *),.rc:not(.sp *)){border-radius:12px}
/* the windows screwed down, a screw in each corner */
[data-look="pedal"] :is(.mw,.mwa,.sf)::after{content:"";position:absolute;inset:5px;pointer-events:none;z-index:3;--s:radial-gradient(circle,#8A8B8F 0 1.6px,#3A3B3F 1.7px 2.6px,#151517 2.7px 3.4px,transparent 3.6px);background:var(--s) left top/9px 9px no-repeat,var(--s) right top/9px 9px no-repeat,var(--s) left bottom/9px 9px no-repeat,var(--s) right bottom/9px 9px no-repeat}
[data-look="pedal"] .mw-h{background:linear-gradient(#1D1D20,#151517);border-bottom:1px solid #000;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
[data-look="pedal"] .mw-h>b{font-weight:900;font-size:15px;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;padding-left:8px}
[data-look="pedal"] .mw-h>b::before{content:"";width:7px;height:7px;border-radius:50%;background:#4A1512;box-shadow:inset 0 0 0 1px #000}
[data-look="pedal"] #metro-win:has(.pr-player.on) .mw-h>b::before{background:var(--led-r);box-shadow:0 0 6px 1px var(--led-r),0 0 14px rgba(255,59,48,.55)}
/* the controls: rubber-topped switches, an LED in each choice */
[data-look="pedal"] :is(.btn-o,.ib,.tbtn,.sel,.cbx,.seg:not(.bd-tabs):not(.pr-tabs) button,.tick,.chip,.fpill,.tgl,.hdr-acct,.mp-tabs button,.mw-more,.mw-pm,.pr-tap){background:linear-gradient(#2B2B2F,#1F1F22);border-color:#3A3A3F;color:#ECECE9;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 #050506}
[data-look="pedal"] .seg:not(.bd-tabs):not(.pr-tabs) button{position:relative;padding-left:24px}
[data-look="pedal"] .seg:not(.bd-tabs):not(.pr-tabs) button::before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#2E1312;box-shadow:inset 0 0 0 1px #000}
[data-look="pedal"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]{background:linear-gradient(#323236,#252528);border-color:#55565C;color:#FFFFFF}
[data-look="pedal"] .seg:not(.bd-tabs):not(.pr-tabs) button[aria-pressed="true"]::before{background:var(--led,var(--led-r));box-shadow:0 0 6px 1px var(--led,var(--led-r)),0 0 12px color-mix(in srgb,var(--led,var(--led-r)) 55%,transparent)}
[data-look="pedal"] .dotsctl:first-child .seg{--led:var(--led-a)}[data-look="pedal"] .dotsctl+.dotsctl .seg{--led:var(--led-g)}[data-look="pedal"] .mg-seg{--led:var(--led-b)}
[data-look="pedal"] .mg-seg button{padding:3px 1px 0!important}[data-look="pedal"] .mg-seg button::before{left:50%!important;top:2px!important;width:5px!important;height:5px!important;margin:0 0 0 -2.5px!important}
[data-look="pedal"] .tick .tk{border-radius:50%;background:#16301F;border-color:#000}[data-look="pedal"] .tick .tk svg{display:none}
[data-look="pedal"] .tick[aria-pressed="true"]{color:#FFFFFF}[data-look="pedal"] .tick[aria-pressed="true"] .tk{background:var(--led-g);border-color:#0B3D20;box-shadow:0 0 6px 1px var(--led-g),0 0 12px rgba(51,209,122,.5)}
[data-look="pedal"] .chip[aria-pressed="true"],[data-look="pedal"] .fpill.on{background:linear-gradient(#323236,#252528);border-color:var(--led-r);color:#FFFFFF;box-shadow:0 0 0 1px rgba(255,59,48,.35),0 0 10px rgba(255,59,48,.3)}
[data-look="pedal"] .chip b,[data-look="pedal"] .fpill span{background:#0E0E10;color:#C8C9CB}
[data-look="pedal"] .mp-tabs button[aria-selected="true"]{background:linear-gradient(#323236,#252528);border-color:#55565C;color:#FFFFFF;box-shadow:inset 0 -3px 0 var(--led-r),0 0 10px rgba(255,59,48,.25)}
[data-look="pedal"] .btn-p{background:linear-gradient(#F4F4F1,#D9D9D5);border-color:#F4F4F1;color:#111113;box-shadow:inset 0 1px 0 #FFF,0 2px 0 #050506}
[data-look="pedal"] .site-h .metro-btn{border-color:var(--led-r)!important;color:#FF6B61!important}
/* the tempo on a red display, as a tuner or a delay shows it */
[data-look="pedal"] .mw-bpm{background:#050505;border:1px solid #000;border-radius:6px;padding:8px 12px 6px;box-shadow:inset 0 3px 10px #000,0 0 0 1px #2E2E32}
[data-look="pedal"] input.mw-big{font-family:'Orbitron',var(--f-m);font-weight:700;color:var(--led-r);text-shadow:0 0 14px rgba(255,59,48,.7),0 0 2px var(--led-r)}
[data-look="pedal"] .mw-tname{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#B0B1B4;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* the beats as an LED meter: green, then amber, then red at the top */
[data-look="pedal"] .mg-s i{background:repeating-linear-gradient(0deg,#222326 0 3px,#0B0B0C 3px 5px)}
[data-look="pedal"] .mg-s.l1 i{background:repeating-linear-gradient(0deg,transparent 0 3px,#0B0B0C 3px 5px),linear-gradient(var(--led-g),var(--led-g));filter:drop-shadow(0 0 3px rgba(51,209,122,.6))}
[data-look="pedal"] .mg-s.l2 i{background:repeating-linear-gradient(0deg,transparent 0 3px,#0B0B0C 3px 5px),linear-gradient(0deg,var(--led-g) 0 70%,var(--led-a) 70%);filter:drop-shadow(0 0 3px rgba(255,178,30,.5))}
[data-look="pedal"] .mg-s:is(.l3,.l4) i{background:repeating-linear-gradient(0deg,transparent 0 3px,#0B0B0C 3px 5px),linear-gradient(0deg,var(--led-g) 0 50%,var(--led-a) 50% 78%,var(--led-r) 78%);filter:drop-shadow(0 0 4px rgba(255,59,48,.55))}
[data-look="pedal"] .mg-s{background:#0E0E10}[data-look="pedal"] .mg-s:hover{background:#1A1A1D}[data-look="pedal"] .mg-s.l0 i{background:#4A4C53}      /* (6 October 2026: an off step a dim LED, in a black recess) */
/* the play button, a chrome stomp switch; the switches, stomp switches with their LED above */
[data-look="pedal"] .pr-pp{background:radial-gradient(circle at 40% 35%,#F2F3F5,#9AA0A8 55%,#4E545B);color:#111113;border:3px solid #2A2D31;box-shadow:0 4px 0 #050505,0 0 0 4px #1A1A1C}
[data-look="pedal"] .st-tog{width:30px;height:30px;border-radius:50%;margin-top:8px;background:radial-gradient(circle at 40% 35%,#F2F3F5,#9AA0A8 55%,#4E545B);border:2px solid #2A2D31;box-shadow:0 3px 0 #050505}
[data-look="pedal"] .st-tog i{top:-13px;left:50%;width:8px;height:8px;margin-left:-4px;background:#3A1412}
[data-look="pedal"] .st-tog[aria-checked="true"]{background:radial-gradient(circle at 40% 35%,#F2F3F5,#9AA0A8 55%,#4E545B);border-color:#2A2D31;transform:translateY(2px);box-shadow:0 1px 0 #050505}
[data-look="pedal"] .st-tog[aria-checked="true"] i{left:50%;background:var(--led,var(--led-r));box-shadow:0 0 6px 1px var(--led,var(--led-r)),0 0 14px color-mix(in srgb,var(--led,var(--led-r)) 55%,transparent)}
[data-look="pedal"] .look-band{background:#050505}
/* the speed trainer and the drone: two more pedals, graphite, the trainer's light amber and the drone's blue */
[data-look="pedal"] .mw-tools{gap:10px}
[data-look="pedal"] .mw-tools .mw-tool{border:1px solid #2E2E32;border-radius:12px;padding-top:6px;padding-bottom:6px;background:var(--hammer),linear-gradient(165deg,#2A2A2E,#1E1E21);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.5),0 3px 0 #050506}
[data-look="pedal"] .mw-tools .pr-trainer{--led:var(--led-a)}[data-look="pedal"] .mw-tools .pr-drone{--led:var(--led-b)}
[data-look="pedal"] .mw-tool-ic{background:#0A0A0B;color:#8C8D91;box-shadow:inset 0 2px 5px #000}
[data-look="pedal"] .mw-tool-t b{font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
[data-look="pedal"] .mw-tools .mw-tool.on{border-color:#4A4B50}
[data-look="pedal"] .mw-tool.on .mw-tool-ic{color:var(--led);box-shadow:inset 0 2px 5px #000,0 0 10px color-mix(in srgb,var(--led) 45%,transparent)}
[data-look="pedal"] .mw-tools .mw-pow{top:20px;right:12px;margin-top:0}[data-look="pedal"] .mw-tool-t b,[data-look="pedal"] .mw-tool .pr-tsum,[data-look="pedal"] .mw-tool .pr-dsum{padding-right:40px}

/* =====================================================================================================================
   ORIGINAL: the look the site had first, dark (site.css as it stands) and light (its data-theme="light")
   ===================================================================================================================== */
:root[data-look="classic"]{--look-a:#0D1014;--look-b:#F2745B;--look-c:#EEF2F6;--look-name:'Original'}
:root[data-look="classic-light"]{--ink-3:#5D6672;--accent-text:#B23A1C;--look-a:#F6F7F9;--look-b:#D24E2D;--look-c:#15181C;--look-name:'Original light'}

[data-look="classic-light"] .btn-p{background:#BF4220;border-color:#BF4220}
/* your initial in the header, readable on every look's colour (6 October 2026) */
[data-look="tolex"] :is(.hdr-acct .av,.up-av){background:#B8352A;color:#FFF6E6}
[data-look="tape"] :is(.hdr-acct .av,.up-av){background:#B9481A;color:#FFFFFF}
[data-look="classic-light"] :is(.hdr-acct .av,.up-av){background:#BF4220}
[data-look="console"] :is(.mw-more,.mw-tool) :is(small,.pr-tsum,.pr-dsum){color:#D2D6DB}
[data-look="console"] :is(.mw,.mwa){--mine-ink:#7BDCA6}
/* Neon Grid's wide capitals: the tools still to come leave its header below 1,600 px (6 October 2026) */
@media (max-width:1600px){[data-look="grid"] .site-h nav .nav-soon{display:none}}