/* A single Blender loop supplies all six palettes without reloading the video. */
.green-room{--ripple-hue:0deg;--ripple-accent:#d9efdf;--ripple-ink:#153526;--ripple-muted:#b5ccbe;--ripple-switch:#4d8b6a}
.green-room[data-ripple-colour=teal]{--ripple-hue:35deg;--ripple-accent:#d7efed;--ripple-ink:#153735;--ripple-muted:#b7d2d0;--ripple-switch:#4d8b86}
.green-room[data-ripple-colour=blue]{--ripple-hue:85deg;--ripple-accent:#dce7fa;--ripple-ink:#1e2d49;--ripple-muted:#becae0;--ripple-switch:#617eb1}
.green-room[data-ripple-colour=violet]{--ripple-hue:130deg;--ripple-accent:#ecdff7;--ripple-ink:#352342;--ripple-muted:#d3c1df;--ripple-switch:#9871b2}
.green-room[data-ripple-colour=rose]{--ripple-hue:185deg;--ripple-accent:#f5dfe9;--ripple-ink:#452435;--ripple-muted:#e0c1ce;--ripple-switch:#b27190}
.green-room[data-ripple-colour=amber]{--ripple-hue:240deg;--ripple-accent:#f1e7d0;--ripple-ink:#40331b;--ripple-muted:#daceb4;--ripple-switch:#a28a52}
.green-room .scene>.landscape{filter:hue-rotate(var(--ripple-hue))}
.ripple-palette{display:flex;align-items:center;gap:2px;margin-right:auto;padding:4px 8px;border:1px solid #ffffff24;border-radius:24px;background:#090d13a6;backdrop-filter:blur(16px)}
.palette-label{font-size:10px;color:#cbd4d0;margin:0 7px 0 4px}
.ripple-palette button{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:50%;padding:5px;background:transparent}
.ripple-palette button span{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff25}
.ripple-palette button[aria-pressed=true]{border-color:#ffffffc4;background:#ffffff12}
.ripple-palette button:focus-visible{outline:2px solid white;outline-offset:2px}
body.minimal-room .ripple-palette{display:none}
@media(max-width:520px){.palette-label{display:none}.ripple-palette{padding:3px 5px}.ripple-palette button{width:28px;height:30px}.green-room .scene:is(:fullscreen,.viewport-full) .scene-top{left:12px;right:12px}.green-room .scene:is(:fullscreen,.viewport-full) .fullscreen-minimal{font-size:10px;padding:8px}}
.green-room .shade{background:radial-gradient(ellipse at center,transparent 20%,#020b0866 100%),linear-gradient(0deg,#020b0855,transparent 28%)}
.green-room .scene .time{color:#eff9f1;text-shadow:0 3px 36px #0005}
.green-room .scene .phases{background:#07171080;border-color:#b6dfc721}
.green-room .scene .phases button[aria-pressed=true],.green-room .scene .start{background:var(--ripple-accent);color:var(--ripple-ink);box-shadow:0 5px 28px #0002}
.green-room .scene .round,.green-room .sound-chip{background:#071b1480;border-color:#b6dfc730;color:#d8ebdf}
.green-room .scene .session-note,.green-room .scene .focus-message,.green-room .scene .room-location,.green-room .scene .timer-settings-link{color:var(--ripple-muted)}
.green-room .scene .timer-progress{background:#d0f2da1a}.green-room .scene #timer-progress{background:var(--ripple-accent)}
.green-room #minimal-toggle[aria-checked=true] .switch-track,.green-room #hide-controls-toggle[aria-checked=true] .switch-track,.green-room #fullscreen-minimal[aria-checked=true] .switch-track{background:var(--ripple-switch)}
.green-room .scene .sound-chip-copy,.green-room .scene #sound-label{color:var(--ripple-muted)}
@media(max-width:420px){.ripple-palette{gap:0;padding:3px}.ripple-palette button{width:24px}}