/* BREATHWORK RHYTHMS: Loops and Scene panel (2026-10-25). Same glass language as the bar (inmersivo.css):
   deep teal glass, gold #d4a843 accents, teal #2dd4bf for live states, Cinzel titles, thin custom scrollbars. */
.rz-btns{display:flex;gap:.4rem;align-items:center}
.rz-chip{display:inline-flex;align-items:center;gap:.4rem;font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  white-space:nowrap;background:rgba(255,255,255,.04);border:1px solid rgba(217,201,163,.25);color:#d9c9a3;border-radius:999px;padding:.42rem .8rem .42rem .62rem;
  line-height:1.2;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.rz-chip svg{width:15px;height:15px;flex:none}
.rz-chip:hover,.rz-chip.on{border-color:rgba(242,207,99,.6);color:#f2cf63}
.rz-chip.on{background:rgba(212,168,67,.12)}
.rz-chip.vivo{border-color:rgba(45,212,191,.55);color:#7eeadb;box-shadow:0 0 14px rgba(45,212,191,.18)}
.rz-count{font:600 .56rem/1 'Share Tech Mono',monospace;letter-spacing:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;
  background:#2dd4bf;color:#06201c}

.rz-panel{position:absolute;z-index:6;right:clamp(12px,2vw,28px);top:calc(var(--nav-h,64px) + 14px);bottom:calc(clamp(14px,3vh,30px) + var(--rz-bar,118px) + 12px);
  width:min(400px,calc(100% - 24px));display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(8,20,21,.9),rgba(6,14,15,.94));border:1px solid rgba(212,168,67,.32);border-radius:20px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,240,210,.08);
  color:#e9e2cf;font-family:'Raleway',sans-serif;overflow:hidden;animation:rzIn .32s ease-out}
.rz-panel[hidden]{display:none}
@keyframes rzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rz-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .7rem .55rem 1rem;border-bottom:1px solid rgba(212,168,67,.14)}
.rz-tabs{display:flex;gap:.3rem}
.rz-tab{font:.62rem 'Share Tech Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:rgba(233,226,207,.6);background:none;border:1px solid transparent;
  border-radius:999px;padding:.38rem .8rem;cursor:pointer}
.rz-tab.on{color:#1a1408;background:linear-gradient(180deg,#f2cf63,#d4a843);border-color:#f2cf63}
.rz-tab:not(.on):hover{color:#f2cf63}
.rz-close,.rz-ib{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(217,201,163,.2);background:rgba(255,255,255,.03);
  color:#d9c9a3;cursor:pointer;flex:none;transition:all .18s}
.rz-close svg,.rz-ib svg{width:15px;height:15px}
.rz-close:hover,.rz-ib:hover{border-color:rgba(242,207,99,.6);color:#f2cf63}
.rz-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:.9rem 1rem 1rem;overflow-y:auto}
.rz-body[hidden]{display:none}
.rz-title{font-family:'Cinzel',serif;font-weight:600;font-size:1.12rem;letter-spacing:.12em;margin:0 0 .15rem;
  background:linear-gradient(135deg,#f2cf63,#d4a843 55%,#2dd4bf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rz-body h4{font:.56rem 'Share Tech Mono',monospace;letter-spacing:.26em;text-transform:uppercase;color:rgba(212,168,67,.8);margin:1rem 0 .55rem}
.rz-clock{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.rz-clockline{margin:0;font:.62rem 'Share Tech Mono',monospace;letter-spacing:.12em;color:#7eeadb}
.rz-play{width:44px;height:44px;border-radius:50%;border:1px solid #f2cf63;background:linear-gradient(180deg,#f2cf63,#d4a843);color:#1a1408;display:grid;place-items:center;
  cursor:pointer;flex:none;box-shadow:0 0 22px rgba(242,207,99,.28);transition:filter .2s,opacity .2s}
.rz-play svg{width:18px;height:18px}
.rz-play.on{background:rgba(45,212,191,.12);border-color:#2dd4bf;color:#2dd4bf;box-shadow:0 0 22px rgba(45,212,191,.25)}
.rz-play:disabled{opacity:.35;cursor:default;box-shadow:none}
.rz-own{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:.8rem;padding:.6rem .75rem;border:1px solid rgba(212,168,67,.14);border-radius:12px;background:rgba(255,255,255,.02)}
.rz-own[hidden]{display:none}
.rz-own label{display:flex;align-items:center;gap:.5rem;font:.56rem 'Share Tech Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,226,207,.65)}
.rz-own output{font:.66rem 'Share Tech Mono',monospace;color:#f2cf63;min-width:2.2em}
.rz-own select{-webkit-appearance:none;appearance:none;font:.62rem 'Share Tech Mono',monospace;letter-spacing:.08em;color:#e9e2cf;background:rgba(255,255,255,.04);
  border:1px solid rgba(217,201,163,.25);border-radius:999px;padding:.35rem 1.6rem .35rem .7rem;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#d9c9a3 50%),linear-gradient(135deg,#d9c9a3 50%,transparent 50%);
  background-position:calc(100% - 14px) 52%,calc(100% - 10px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.rz-own select option{background:#0d1618;color:#e9e2cf}
.rz-panel input[type=range]{-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;cursor:pointer;outline:none;width:96px;
  background:linear-gradient(90deg,#d4a843 0 var(--v,60%),rgba(255,255,255,.16) var(--v,60%) 100%)}
.rz-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f2cf63;box-shadow:0 0 8px rgba(242,207,99,.6);border:0}
.rz-panel input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#f2cf63;box-shadow:0 0 8px rgba(242,207,99,.6);border:0}

.rz-layers{margin-top:.9rem;display:flex;flex-direction:column;gap:.45rem}
.rz-empty{margin:.2rem 0;font-size:.74rem;line-height:1.6;color:rgba(200,221,216,.62)}
.rz-layer,.rz-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:12px;border:1px solid rgba(212,168,67,.14);background:rgba(255,255,255,.025)}
.rz-layer.live{border-color:rgba(45,212,191,.35);background:linear-gradient(90deg,rgba(45,212,191,.08),rgba(255,255,255,.02))}
.rz-layer.muted{opacity:.55}
.rz-layer .rz-vol{flex:0 0 78px;width:78px}
.rz-lname{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.rz-lname b{font-weight:500;font-size:.8rem;color:#f3ead4;letter-spacing:.02em}
.rz-lname small{font:.54rem 'Share Tech Mono',monospace;letter-spacing:.08em;color:rgba(200,221,216,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}
.rz-dot.rz-drums{background:#d4a843;color:rgba(212,168,67,.6)}
.rz-dot.rz-bass{background:#2dd4bf;color:rgba(45,212,191,.6)}
.rz-dot.rz-pad{background:#b9a7f5;color:rgba(185,167,245,.5)}
.rz-prog{flex:0 0 130px;display:flex;flex-direction:column;gap:.25rem}
.rz-pbar{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.rz-pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d4a843,#2dd4bf);transition:width .15s linear}
.rz-pbar.rz-indet i{width:35%;animation:rzIndet 1.2s ease-in-out infinite}
@keyframes rzIndet{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
.rz-ptxt{font:.5rem 'Share Tech Mono',monospace;letter-spacing:.08em;color:rgba(200,221,216,.6)}
.rz-err{flex:0 0 auto;font:.54rem 'Share Tech Mono',monospace;color:#e8b07a}
.rz-loadlib{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;font:.58rem 'Share Tech Mono',monospace;letter-spacing:.14em;color:rgba(200,221,216,.6);text-transform:uppercase}

.rz-libhead{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1.1rem}
.rz-libhead h4{margin:0}
.rz-filters{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:14px}
.rz-filters::-webkit-scrollbar{display:none}
.rz-packs{margin-top:.5rem}
.rz-f{flex:none;font:.54rem 'Share Tech Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(217,201,163,.8);background:rgba(255,255,255,.03);
  border:1px solid rgba(217,201,163,.18);border-radius:999px;padding:.32rem .62rem;cursor:pointer;white-space:nowrap}
.rz-f:hover{color:#f2cf63;border-color:rgba(242,207,99,.5)}
.rz-f.on{color:#06201c;background:#2dd4bf;border-color:#2dd4bf}
.rz-gate{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:.7rem;padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(212,168,67,.35);
  background:linear-gradient(135deg,rgba(212,168,67,.12),rgba(45,212,191,.05))}
.rz-gate[hidden]{display:none}
.rz-lockmsg{display:flex;gap:.6rem;align-items:center;margin:.7rem 0 0;padding:.65rem .8rem;border-radius:12px;border:1px solid rgba(212,168,67,.35);
  background:linear-gradient(135deg,rgba(212,168,67,.12),rgba(45,212,191,.05));font-size:.72rem;line-height:1.5;color:#e9e2cf}
.rz-lockmsg[hidden]{display:none}
.rz-lockmsg svg{width:18px;height:18px;color:#f2cf63;flex:none}
.rz-lockmsg b{color:#f2cf63;font-weight:600}
.rz-lockmsg a{color:#2dd4bf}
.rz-lockmsg.rz-flash{animation:rzFlash .9s ease-out}
.rz-gate svg{width:18px;height:18px;color:#f2cf63;flex:none}
.rz-gate p{flex:1;min-width:180px;margin:0;font-size:.72rem;line-height:1.5;color:#e9e2cf}
.rz-gate b{color:#f2cf63;font-weight:600}
.rz-cta{font:.58rem 'Share Tech Mono',monospace;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#1a1408;background:linear-gradient(180deg,#f2cf63,#d4a843);
  border-radius:999px;padding:.45rem .85rem}
.rz-link{background:none;border:0;padding:0;color:#2dd4bf;text-decoration:underline;cursor:pointer;font:inherit}
.rz-lib{margin-top:.6rem;flex:1;min-height:140px}
.rz-group h5{margin:.7rem 0 .4rem;font-family:'Cinzel',serif;font-weight:400;font-size:.74rem;letter-spacing:.14em;color:rgba(242,207,99,.85)}
.rz-group{display:flex;flex-direction:column;gap:.35rem}
.rz-item{padding:.45rem .5rem}
.rz-item .rz-ib{width:30px;height:30px}
.rz-item.added{border-color:rgba(45,212,191,.28)}
.rz-item .rz-add{width:auto;min-width:30px;border-radius:999px}
.rz-item .rz-add span{font:.5rem 'Share Tech Mono',monospace;letter-spacing:.14em;text-transform:uppercase;padding:0 .5rem;color:#7eeadb}
.rz-item .rz-add:disabled{cursor:default;border-color:rgba(45,212,191,.3)}
.rz-pv.on{color:#2dd4bf;border-color:#2dd4bf;box-shadow:0 0 12px rgba(45,212,191,.3)}
.rz-item.locked{opacity:.62}
.rz-lock{display:inline-grid;place-items:center;width:30px;height:30px;color:rgba(242,207,99,.7)}
.rz-lock svg{width:15px;height:15px}

/* scene tab */
.rz-presets{display:flex;flex-direction:column;gap:.4rem}
.rz-preset{display:flex;align-items:center;gap:.7rem;text-align:left;padding:.4rem;border-radius:12px;border:1px solid rgba(212,168,67,.14);background:rgba(255,255,255,.025);
  color:inherit;cursor:pointer;transition:all .18s}
.rz-preset img{width:64px;height:40px;object-fit:cover;border-radius:8px;flex:none}
.rz-preset span{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.rz-preset b{font-family:'Cinzel',serif;font-weight:400;font-size:.8rem;letter-spacing:.06em;color:#f3ead4}
.rz-preset small{font:.52rem 'Share Tech Mono',monospace;letter-spacing:.1em;color:rgba(200,221,216,.55);text-transform:uppercase}
.rz-preset:hover,.rz-guide:hover,.rz-scene:hover{border-color:rgba(242,207,99,.5)}
.rz-preset.on,.rz-guide.on,.rz-scene.on{border-color:#d4a843;background:rgba(212,168,67,.1);box-shadow:0 0 0 1px rgba(212,168,67,.35) inset}
.rz-guides{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.rz-guide{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .2rem .5rem;border-radius:12px;border:1px solid rgba(212,168,67,.14);
  background:rgba(255,255,255,.025);color:#e9d9a8;cursor:pointer;transition:all .18s}
.rz-guide svg{width:34px;height:34px}
.rz-guide span{font:.48rem 'Share Tech Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(233,226,207,.7);text-align:center;line-height:1.3}
.rz-guide.on svg{color:#f2cf63;filter:drop-shadow(0 0 6px rgba(242,207,99,.5))}
.rz-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.rz-scene{position:relative;padding:0;border-radius:12px;overflow:hidden;border:1px solid rgba(212,168,67,.14);background:#0b1415;cursor:pointer;aspect-ratio:16/10.5;transition:all .18s}
.rz-scene img{width:100%;height:100%;object-fit:cover;display:block}
.rz-scene span{position:absolute;left:0;right:0;bottom:0;padding:.9rem .4rem .3rem;font:.48rem 'Share Tech Mono',monospace;letter-spacing:.12em;text-transform:uppercase;
  color:#f3ead4;background:linear-gradient(transparent,rgba(4,10,11,.85));text-align:left}

/* thin brand scrollbars, never the white browser bar */
.rz-body{scrollbar-width:thin;scrollbar-color:rgba(212,168,67,.55) transparent}
.rz-body::-webkit-scrollbar{width:6px}
.rz-body::-webkit-scrollbar-track{background:transparent}
.rz-body::-webkit-scrollbar-thumb{background:rgba(212,168,67,.5);border-radius:6px}
.rz-body::-webkit-scrollbar-button{display:none;height:0}

/* the guide text and sun step aside on wide screens while the panel is open */
@media (min-width:761px){
  .escenario.rz-open .esc-cab{opacity:.92}
}
@media (max-width:1180px){ .rz-chip span{letter-spacing:.12em} }
/* phone: the panel is a sheet over the bottom bar */
@media (max-width:760px){
  .rz-btns{order:5;width:100%;justify-content:center}
  .rz-chip{flex:1;justify-content:center;padding:.48rem .6rem}
  .rz-panel{left:8px;right:8px;width:auto;top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-height:min(74vh,640px);height:74vh;border-radius:18px}
  .rz-guides{grid-template-columns:repeat(4,1fr)}
  .rz-layer .rz-vol{flex-basis:64px;width:64px}
  .rz-prog{flex-basis:96px}
}
@media (max-height:520px) and (orientation:landscape){
  .rz-panel{top:8px;bottom:8px;max-height:none}
}
@media (prefers-reduced-motion:reduce){ .rz-panel{animation:none} .rz-pbar.rz-indet i{animation:none;width:100%} }

/* round 2 (screenshots): badge hidden at zero, layer rows on two lines, chips float top-right on wide screens */
.rz-count[hidden]{display:none}
.rz-layer{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"dot name mute rm" "dot st st st";column-gap:.6rem;row-gap:.45rem;align-items:center}
.rz-layer .rz-dot{grid-area:dot;align-self:start;margin-top:.35rem}
.rz-layer .rz-lname{grid-area:name}
.rz-layer .rz-mute{grid-area:mute}
.rz-layer .rz-rm{grid-area:rm}
.rz-layer .rz-vol,.rz-layer .rz-prog,.rz-layer .rz-err{grid-area:st;width:100%;flex:none}
.rz-panel .rz-layer input.rz-vol{margin:.15rem 0 .2rem;width:100%}
.rz-layer .rz-lname small{white-space:normal}
@media (min-width:761px){
  .escenario > .rz-btns{position:absolute;z-index:6;right:clamp(12px,2vw,28px);top:calc(var(--nav-h,64px) + 18px)}
  .escenario > .rz-btns .rz-chip{background:rgba(6,16,17,.55);border-color:rgba(212,168,67,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    padding:.55rem .95rem .55rem .75rem;font-size:.62rem;box-shadow:0 10px 30px rgba(0,0,0,.3)}
  .escenario > .rz-btns .rz-chip.on{background:rgba(212,168,67,.18)}
  .rz-panel{top:calc(var(--nav-h,64px) + 18px + 50px)}
}

/* ---------- MODES (2026-10-26, owner: "you can choose, but it has to be in its own panel") ----------
   Breathwork / Rhythms / Both under the title; Rhythms turns the loops section into the main screen (.rz-stage). */
.rz-modes{display:inline-flex;gap:.25rem;margin-top:.85rem;padding:.25rem;border-radius:999px;background:rgba(6,16,17,.62);border:1px solid rgba(212,168,67,.32);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;z-index:4}
.rz-mode{display:inline-flex;align-items:center;gap:.42rem;font:.62rem 'Share Tech Mono',monospace;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
  color:rgba(233,226,207,.78);background:none;border:1px solid transparent;border-radius:999px;padding:.5rem .95rem .5rem .75rem;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}
.rz-mode svg{width:15px;height:15px;flex:none}
.rz-mode:hover{color:#f2cf63}
.rz-mode.on{color:#1a1408;background:linear-gradient(180deg,#f2cf63,#d4a843);border-color:#f2cf63;box-shadow:0 0 18px rgba(242,207,99,.3)}
.rz-mode:focus-visible{outline:1px solid #2dd4bf;outline-offset:2px}

/* the loops section inside the side panel: one column, as before */
.rz-panel .rz-colmix,.rz-panel .rz-collib{display:contents}
.rz-tr{display:flex;align-items:center;gap:.45rem;flex:none}
.rz-panel .rz-play-t{display:none}
.rz-play.busy{opacity:.7;cursor:progress}
.rz-new{display:inline-flex;align-items:center;gap:.35rem;font:.54rem 'Share Tech Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#d9c9a3;
  background:rgba(255,255,255,.03);border:1px solid rgba(217,201,163,.25);border-radius:999px;padding:.42rem .7rem;cursor:pointer;white-space:nowrap}
.rz-new svg{width:14px;height:14px}
.rz-new:hover{color:#f2cf63;border-color:rgba(242,207,99,.6)}
.rz-new[hidden]{display:none}
.rz-panel .rz-new{width:32px;height:32px;padding:0;justify-content:center}
.rz-panel .rz-new span{display:none}
.rz-mixh{margin-bottom:0!important}
.rz-cat{font:.5rem 'Share Tech Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(212,168,67,.75);margin-left:.3rem}
.rz-empty b{color:#f2cf63;font-weight:600}
.rz-pack{-webkit-appearance:none;appearance:none;max-width:58%;font:.56rem 'Share Tech Mono',monospace;letter-spacing:.06em;color:#e9e2cf;background:rgba(255,255,255,.04);
  border:1px solid rgba(217,201,163,.25);border-radius:999px;padding:.32rem 1.5rem .32rem .65rem;cursor:pointer;text-overflow:ellipsis;
  background-image:linear-gradient(45deg,transparent 50%,#d9c9a3 50%),linear-gradient(135deg,#d9c9a3 50%,transparent 50%);
  background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.rz-pack option{background:#0d1618;color:#e9e2cf}
.rz-pack[hidden]{display:none}
#rzTypes{margin-top:.55rem}
.rz-f small{font-size:.48rem;opacity:.65;margin-left:.2rem;letter-spacing:0}
.rz-fit{flex:none;font:.48rem 'Share Tech Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .45rem;border-radius:999px;white-space:nowrap;
  color:rgba(200,221,216,.7);border:1px solid rgba(200,221,216,.18)}
.rz-fit-same,.rz-fit-relative{color:#7eeadb;border-color:rgba(45,212,191,.4)}
.rz-fit-fifth{color:#f2cf63;border-color:rgba(242,207,99,.38)}
.rz-iprog{display:flex;flex-direction:column;gap:.2rem;margin-top:.3rem}
.rz-iprog em{font:normal .48rem 'Share Tech Mono',monospace;letter-spacing:.08em;color:rgba(200,221,216,.6)}
.rz-more{margin:.7rem auto .2rem;display:block;font:.56rem 'Share Tech Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#2dd4bf;background:none;
  border:1px solid rgba(45,212,191,.35);border-radius:999px;padding:.45rem .9rem;cursor:pointer}
.rz-more:hover{background:rgba(45,212,191,.08)}
.rz-gate.rz-flash{animation:rzFlash .9s ease-out}
@keyframes rzFlash{0%{box-shadow:0 0 0 0 rgba(242,207,99,.6)}100%{box-shadow:0 0 0 14px rgba(242,207,99,0)}}
.rz-item.locked{cursor:pointer}
.rz-item .rz-lname b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Rhythms mode: no breath guide, the rhythm player is the screen */
.escenario.rz-m-rhythms .esc-guia,.escenario.rz-m-rhythms #escAro,.escenario.rz-m-rhythms .esc-barra,.escenario.rz-m-rhythms #rzLoopsBtn,
.escenario.rz-m-rhythms .rz-tab[data-tab="loops"]{display:none!important}
body.rz-m-rhythms .bw-abajo{display:none}
.rz-stage{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:260px;bottom:clamp(14px,3vh,30px);width:min(1120px,calc(100% - 32px));
  display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(8,20,21,.86),rgba(6,14,15,.92));border:1px solid rgba(212,168,67,.32);border-radius:22px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,240,210,.08);
  color:#e9e2cf;font-family:'Raleway',sans-serif;overflow:hidden;animation:rzStageIn .32s ease-out}
@keyframes rzStageIn{from{opacity:.7}to{opacity:1}}   /* from .7: the dark stage covers the scene from the first frame (from 0 the bright scene flashed for ~0.3 s when Rhythms opened) */
.rz-stage[hidden]{display:none}
.rz-stage .rz-body{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:1.4rem;padding:1.2rem 1.3rem 1.1rem;overflow:hidden;flex:1;min-height:0}
.rz-stage .rz-colmix,.rz-stage .rz-collib{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding-right:.3rem}
.rz-stage .rz-colmix{padding-right:1.1rem;border-right:1px solid rgba(212,168,67,.14)}
.rz-stage .rz-clock{flex-direction:column;align-items:stretch;gap:.9rem}
.rz-stage .rz-title{font-size:1.3rem}
.rz-stage .rz-tr{gap:.6rem}
.rz-stage .rz-play{width:auto;flex:1;height:50px;border-radius:999px;padding:0 1.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:'Cinzel',serif;font-weight:600;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}
.rz-stage .rz-play svg{width:18px;height:18px}
.rz-stage .rz-new{height:50px;padding:0 1rem}
.rz-stage .rz-libhead{margin-top:0}
.rz-stage .rz-layer input.rz-vol{width:100%;margin:.15rem 0 .2rem}
.rz-stage .rz-filters{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;padding-right:0}
.rz-stage .rz-lib{flex:none;min-height:0}
.rz-stage .rz-colmix,.rz-stage .rz-collib{scrollbar-width:thin;scrollbar-color:rgba(212,168,67,.55) transparent}
.rz-stage .rz-colmix::-webkit-scrollbar,.rz-stage .rz-collib::-webkit-scrollbar{width:6px}
.rz-stage .rz-colmix::-webkit-scrollbar-track,.rz-stage .rz-collib::-webkit-scrollbar-track{background:transparent}
.rz-stage .rz-colmix::-webkit-scrollbar-thumb,.rz-stage .rz-collib::-webkit-scrollbar-thumb{background:rgba(212,168,67,.5);border-radius:6px}
.rz-stage .rz-colmix::-webkit-scrollbar-button,.rz-stage .rz-collib::-webkit-scrollbar-button{display:none;height:0}

@media (max-width:760px){
  .rz-modes{display:flex;width:100%;max-width:360px;margin-top:.6rem}
  .rz-mode{flex:1;justify-content:center;padding:.55rem .4rem;letter-spacing:.12em;font-size:.6rem}
  /* invisible 44 px tap area on phones (2026-10-30): the switch and the Loops / Scene chips keep their look */
  .rz-mode,.rz-chip{position:relative}
  .rz-mode::after,.rz-chip::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
  .esc-cab{right:16px}
  .rz-stage{left:8px;right:8px;width:auto;transform:none;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:18px}
  .rz-stage .rz-body{display:flex;flex-direction:column;overflow-y:auto;padding:1rem .9rem;gap:0}
  .rz-stage .rz-colmix,.rz-stage .rz-collib{display:contents}
  .rz-stage .rz-collib .rz-libhead{margin-top:1.2rem}
  .rz-stage .rz-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:14px}
  .rz-stage .rz-play{height:48px}
  .rz-stage .rz-new{height:48px;padding:0 .8rem}
  .rz-fit{display:none}
}
@media (max-height:520px) and (orientation:landscape){
  .rz-modes{margin-top:.35rem}
  .rz-mode{padding:.35rem .7rem}
  .rz-stage{bottom:8px}
}
@media (prefers-reduced-motion:reduce){ .rz-stage{animation:none} .rz-gate.rz-flash{animation:none} .rz-lockmsg.rz-flash{animation:none} }

/* ---------- THE GROOVE (2026-10-26, owner: "choose a loop and leave it running; bass and pads only when the user adds
   them; rhythm intensities; show when something is playing") ---------- */
.rz-wave{display:block;width:100%;height:44px;margin:.75rem 0 .1rem;border-radius:12px;background:linear-gradient(90deg,rgba(45,212,191,.035),rgba(242,207,99,.035));
  border:1px solid rgba(212,168,67,.12)}
.rz-groove{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}
.rz-int{display:inline-flex;gap:.2rem;padding:.2rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(212,168,67,.22)}
.rz-intb{font:.56rem 'Share Tech Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(233,226,207,.75);background:none;border:1px solid transparent;
  border-radius:999px;padding:.4rem .75rem;cursor:pointer}
.rz-intb:hover{color:#f2cf63}
.rz-intb.on{color:#1a1408;background:linear-gradient(180deg,#f2cf63,#d4a843);border-color:#f2cf63}
.rz-intb:focus-visible,.rz-tg:focus-visible{outline:1px solid #2dd4bf;outline-offset:2px}
.rz-tgs{display:inline-flex;flex-wrap:wrap;gap:.35rem}
/* each switch with its own New bass / New pad (2026-11-02): the switch and a round shuffle joined as one pill */
.rz-tgpair{display:inline-flex;align-items:stretch}
.rz-tgpair .rz-tg{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.rz-tgnew{display:inline-flex;align-items:center;justify-content:center;width:32px;padding:0;color:#d9c9a3;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid rgba(217,201,163,.25);border-radius:0 999px 999px 0;transition:all .2s}
.rz-tgnew svg{width:13px;height:13px}
.rz-tgnew:hover{color:#f2cf63;border-color:rgba(242,207,99,.55)}
.rz-tgnew:focus-visible{outline:1px solid #2dd4bf;outline-offset:2px}
.rz-tg{display:inline-flex;align-items:center;gap:.4rem;font:.56rem 'Share Tech Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#d9c9a3;
  background:rgba(255,255,255,.03);border:1px solid rgba(217,201,163,.25);border-radius:999px;padding:.4rem .7rem .4rem .45rem;cursor:pointer;transition:all .2s}
.rz-tg i{position:relative;width:22px;height:12px;border-radius:999px;background:rgba(255,255,255,.14);flex:none;transition:background .2s}
.rz-tg i::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#d9c9a3;transition:transform .2s,background .2s}
.rz-tg:hover{border-color:rgba(242,207,99,.55);color:#f2cf63}
.rz-tg.on{color:#7eeadb;border-color:rgba(45,212,191,.5)}
.rz-tg.on i{background:rgba(45,212,191,.45)}
.rz-tg.on i::after{transform:translateX(10px);background:#2dd4bf}
.rz-inthint{margin:.45rem 0 0;font:.54rem 'Share Tech Mono',monospace;letter-spacing:.08em;line-height:1.5;color:rgba(200,221,216,.58)}
.rz-stage .rz-wave{height:56px}
@media (max-width:760px){
  .rz-groove{gap:.4rem}
  .rz-int{flex:1 1 auto;justify-content:space-between}
  .rz-intb{flex:1;padding:.42rem .4rem;letter-spacing:.1em;white-space:nowrap}
  .rz-tg{padding:.4rem .6rem .4rem .4rem;letter-spacing:.1em}
}
@media (prefers-reduced-motion:reduce){ .rz-tg i,.rz-tg i::after{transition:none} }

/* pulse patterns: under the toggles, only while Pulse is on */
.rz-pulsepats { margin-top: 8px; }
.rz-pulsepats[hidden] { display: none; }

/* loop length (4 bars, 8 bars, full song) and what a tap is waiting for (owner 2026-10-31) */
.rz-len{margin:0 0 .55rem}
.rz-int.rest .rz-intb{opacity:.38;cursor:default}
.rz-pend{display:flex;align-items:center;gap:.55rem;margin:.45rem 0 0;font-size:.78rem;line-height:1.3;color:#f2cf63}
/* the waiting line keeps its row when quiet, on one line (2026-11-03, demo take: showing and hiding it pushed
   everything below up and down 20 px, a jump on screen) */
.rz-pend{min-height:1.3rem;white-space:nowrap}
.rz-pend[hidden]{display:flex;visibility:hidden}
.rz-pend > span:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
.rz-pend .rz-pbar{flex:0 0 92px}
.rz-pend .rz-wait{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#f2cf63;box-shadow:0 0 8px rgba(242,207,99,.7);animation:rzWait .5s ease-in-out infinite alternate}
@keyframes rzWait{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){ .rz-pend .rz-wait{animation:none} }

/* the songs library, the turning-off bar and the guide on every control (owner 2026-10-31) */
.rz-songrow .rz-has{display:block;opacity:.55;font-size:.68rem;margin-top:.1rem}
.rz-now{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#081415;background:#f2cf63;border-radius:999px;padding:.32rem .6rem;white-space:nowrap}
.rz-pend .rz-off i{background:linear-gradient(90deg,rgba(242,207,99,.9),rgba(242,207,99,.35))}
.rz-tip{position:fixed;z-index:9999;max-width:240px;padding:.42rem .62rem;border-radius:9px;background:rgba(8,18,19,.97);border:1px solid rgba(212,168,67,.5);
  color:#efe6cf;font:500 12px/1.35 'Raleway',sans-serif;letter-spacing:.01em;box-shadow:0 10px 28px rgba(0,0,0,.55);pointer-events:none;animation:rzTipIn .14s ease-out}
.rz-tip[hidden]{display:none}
@keyframes rzTipIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ .rz-tip{animation:none} }

/* download what plays, and the loop's own tempo (owner 2026-10-31) */
.rz-dl.off,.rz-dl:disabled{opacity:.42;cursor:not-allowed}
.rz-dl svg{flex:0 0 auto}
.rz-orig{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:.25rem 0 0;font:500 .7rem/1.3 'JetBrains Mono',ui-monospace,monospace;color:rgba(233,226,207,.72)}
.rz-orig[hidden]{display:none}
.rz-orig .rz-link{font-size:.7rem;color:#f2cf63;text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;cursor:pointer}
.rz-orig .rz-link[hidden]{display:none}

/* the pulse: its own section, played alone (owner 2026-11-01) */
.rz-pulsebox{margin:.95rem 0 .3rem;padding:.8rem .9rem .75rem;border:1px solid rgba(212,168,67,.24);border-radius:16px;background:rgba(255,240,210,.025)}
.rz-pulsehead{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.rz-pulseh{margin:0;font-family:'Cinzel',serif;font-size:.95rem;letter-spacing:.08em;color:#f2cf63}
.rz-pulsesub{margin:.2rem 0 0;font-size:.72rem;line-height:1.35;color:rgba(233,226,207,.66)}
.rz-pulseplay{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(45,212,191,.55);
  background:rgba(45,212,191,.08);color:#9ff3e6;font:600 .66rem/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.rz-pulseplay svg{width:12px;height:12px}
.rz-pulseplay.on{background:rgba(45,212,191,.2);border-color:#2dd4bf;color:#e6fffb}
.rz-pulsepats{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0 .55rem}
.rz-pulsepats .rz-intb{border:1px solid rgba(212,168,67,.25);border-radius:999px;padding:.38rem .7rem}
.rz-pulsevol{display:flex;align-items:center;gap:.6rem;font:600 .62rem/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(233,226,207,.7)}
.rz-pulsevol input{flex:1;max-width:220px}
/* a switch with nothing behind it in this loop (2026-11-01): dimmed, its tooltip says why */
.rz-tg.na{cursor:help}
.rz-tg.na:hover{border-color:rgba(255,255,255,.18);color:#d9c9a3}
/* phone fixes from the 2026-11-01 review (390 px): New beat shows as its icon so the row never runs off the edge;
   the pulse presets keep their names on one line and wrap as chips; a switch with nothing in the loop stays readable */
@media (max-width:440px){
  .rz-stage #rzNew{width:48px;padding:0;justify-content:center}
  .rz-stage #rzNew span{display:none}
}
.rz-pulsepats .rz-intb{flex:0 0 auto;white-space:nowrap}
.rz-tg.na{opacity:.75}
.rz-tg.na i{opacity:.45}
.rz-nahint{margin:.25rem 0 0;font:.56rem 'Share Tech Mono',monospace;letter-spacing:.08em;color:#c9b88f}
.rz-nahint[hidden]{display:none}
/* 4 and 8 bars on a track with no even loop (2026-11-01): resting, the tooltip says why */
.rz-len .rz-intb.na{opacity:.4;cursor:help}
/* phone readability (2026-11-03, owner rule A13 via the Breathwork demo QC: the switch labels and the "Bass from ..."
   line measured 9 px, too small to read on a phone): the segment buttons, switches and the lines under them grow on
   phones; the switches wrap to their own row when the row is full */
@media (max-width:760px){
  .rz-intb,.rz-tg{font-size:.68rem;letter-spacing:.1em}
  .rz-inthint{font-size:.66rem;letter-spacing:.04em}
  .rz-nahint{font-size:.7rem;letter-spacing:.04em;line-height:1.45}
  .rz-tgnew{width:36px}
  .rz-tgnew svg{width:15px;height:15px}
}

/* the "Bass from ... · Pad from ..." line wraps only between its parts, never inside one (2026-11-03) */
.rz-nw{white-space:nowrap}
.rz-fl{display:block}
/* the lines under the switches keep their room on phones (2026-11-03 demo QC: turning Bass then Pad on added the
   track lines and the hint lost a clause, so the tempo row and the Pulse panel jumped 12 then 46 px) */
@media (max-width:760px){
  .rz-inthint{min-height:4.5em}
  .rz-nahint{min-height:2.9em}
  .rz-nahint[hidden]{display:block;visibility:hidden}
}