@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#101014;--panel:#19191e;--line:#ffffff12;--text:#f5f3f2;--muted:#929097;--accent:#ffad70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{font:800 34px Manrope,sans-serif;color:var(--text);text-decoration:none;letter-spacing:-2px;display:flex;align-items:center}.brand-icon{font-size:40px;font-weight:400;color:var(--accent);margin-right:11px;letter-spacing:0}.brand-dot{color:var(--accent)}.header-note{font-size:11px;letter-spacing:3px;color:#aaa7ad}.quiet{border:0;background:none;font-size:20px;color:#a5a2a9;display:flex;align-items:center;gap:9px}.quiet span{font-size:13px}.quiet:hover{color:white}main{max-width:1600px;padding:44px 5.5% 20px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--accent);font-weight:600;margin-bottom:12px}h1{font:500 clamp(29px,3.2vw,48px)/1.2 Manrope,sans-serif;letter-spacing:-1.8px;margin:0}h1>span{color:var(--accent)}.heading p{line-height:1.7;color:var(--muted);font-size:14px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px}.stage{height:100%;min-height:550px;position:relative;overflow:hidden;border-radius:22px;background:#160c17;border:1px solid #ffffff0d;isolation:isolate}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;z-index:2;transition:opacity .6s}.stage-top{top:24px;left:26px;right:22px;display:flex;align-items:center;justify-content:space-between}.scene-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#c9bec4;text-shadow:0 2px 8px #000}.scene-label>span:first-child{width:5px;height:5px;border-radius:50%;background:var(--accent)}.scene-label b{font-weight:500;color:#f5ece9}.icon-button{width:37px;height:37px;font-size:24px;border:1px solid #ffffff20;border-radius:50%;background:#18121b55;backdrop-filter:blur(10px)}.icon-button:hover,.play-button:hover,.fullscreen-button:hover{background:#ffffff20}.stage-bottom{bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center}.play-button,.fullscreen-button{background:#16111970;border:1px solid #ffffff25;border-radius:25px;padding:11px 17px;backdrop-filter:blur(12px);font-size:13px;display:flex;align-items:center;gap:11px}.play-button #pause-icon{font-size:16px}.fullscreen-button span{font-size:20px;line-height:14px}.stage-hint{color:#e1d5d1aa;font-size:12px;letter-spacing:.4px}.fullscreen-hint{display:none}aside{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:25px 25px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-heading h2{font:600 20px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.panel-heading>span{font-size:24px;color:var(--accent)}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;margin-bottom:14px;color:#d4d0d8}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px}.preset{background:none;border:1px solid transparent;border-radius:12px;padding:9px 3px 7px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--muted);transition:.2s}.preset:hover{background:#ffffff06}.preset.active{background:#ffffff05;border-color:#ffffff23;color:#faf5f0}.preset-orb{display:block;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 8px #ffffff30,0 2px 12px #0003}.divider{height:1px;background:var(--line);margin:23px 0}.setting{margin-bottom:23px}.setting label{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#e0dce3}output{font-size:12px;color:var(--muted)}input[type=range]{appearance:none;width:100%;height:3px;border-radius:3px;background:linear-gradient(to right,var(--accent) 40%,#38363e 40%);cursor:pointer;display:block;margin:8px 0 14px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#f5e9df;border:2px solid var(--panel);outline:1px solid #f5e9df;border-radius:50%;box-shadow:0 0 10px #0005}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--panel);background:#f5e9df;border-radius:50%}.range-captions{display:flex;justify-content:space-between;font-size:12px;color:#96919d}.custom-colors{display:flex;align-items:center;justify-content:space-between;font-size:14px}.custom-colors>div{display:flex;gap:8px}.custom-colors label{border:1px solid #ffffff30;border-radius:50%;padding:3px;width:28px;height:28px;overflow:hidden}input[type=color]{border:0;padding:0;width:20px;height:20px;background:transparent;cursor:pointer;display:block}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.small-note{font-size:12px;color:#96919d;margin:15px 0 0}footer{display:flex;justify-content:space-between;color:#747079;font-size:12px;padding:23px 2px}footer>span{display:flex;align-items:center;gap:8px}footer i{width:6px;height:6px;border:1px solid #8c8389;border-radius:50%}kbd{font:11px inherit;border:1px solid #37343b;border-radius:4px;padding:2px 6px;margin-left:5px}.stage:fullscreen,.stage.immersive{width:100vw;height:100dvh;max-height:none;min-height:0;border:0;border-radius:0}.stage.immersive{position:fixed;inset:0;z-index:100}.stage:fullscreen .stage-bottom,.stage.immersive .stage-bottom{bottom:40px}.stage:fullscreen .fullscreen-hint,.stage.immersive .fullscreen-hint{display:block;bottom:12px;left:0;right:0;text-align:center;color:#ffffff60;font-size:11px}.stage.sleeping{cursor:none}.stage.sleeping .overlay{opacity:0;pointer-events:none}#fallback{position:absolute;inset:35% 15%;text-align:center;line-height:1.8}body.immersive-open{overflow:hidden}@media(min-width:1450px){aside{padding:30px}.panel-heading{margin-bottom:30px}.divider{margin:27px 0}.setting{margin-bottom:27px}}@media(max-width:950px){main{padding:32px 4%}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:16px}aside{padding:20px}.stage-hint{display:none}header{padding:0 4%;height:78px}.header-note{font-size:10px}.heading p{font-size:12px}}@media(max-width:700px){.header-note{display:none}.heading p{display:none}h1{font-size:30px;letter-spacing:-1px}main{padding-top:27px}.heading{margin-bottom:24px}.workspace{grid-template-columns:1fr}.stage{height:61svh;min-height:390px}.stage-top{left:20px;top:18px}.stage-bottom{left:20px;right:20px;bottom:20px}aside{padding:25px}.presets{grid-template-columns:repeat(6,1fr);gap:3px}.preset{font-size:10px}.preset-orb{width:28px;height:28px}footer>span:last-child{display:none}.setting{margin-bottom:26px}header{height:72px}.brand{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the full lamp in view while the settings grow. */
@media(min-width:701px){.stage{min-height:650px}}

.select-setting{margin-bottom:23px}.select-setting label{display:block;font-size:14px;margin-bottom:10px;color:#e0dce3}select{font:inherit;font-size:14px;color:#f5f3f2;background:#232229;border:1px solid #ffffff20;border-radius:9px;width:100%;padding:11px 8px;cursor:pointer}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#second-color-setting{margin-bottom:20px}#second-color-setting[hidden]{display:none}#second-color{height:28px;width:32px}input[type=color]:focus-visible{outline-offset:1px}@media(min-width:701px){.stage{position:sticky;top:20px;align-self:start;height:78vh;min-height:650px;max-height:850px}.stage:fullscreen,.stage.immersive{position:fixed;top:0;min-height:0;max-height:none;height:100dvh}}

.ambient-clock{position:absolute;left:28px;top:91px;z-index:1;pointer-events:none;color:#f5f2eedd;max-width:calc(100% - 56px)}.ambient-clock[hidden]{display:none}.ambient-clock time{display:block;font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(30px,4vw,54px);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-2px;line-height:1.2;text-shadow:0 2px 16px #0008}.ambient-clock>span{display:block;margin-top:8px;font-size:12px;letter-spacing:1.5px;color:#c8c2cb99}.ambient-clock.clock-glow{color:var(--accent)}.ambient-clock.clock-glow time{text-shadow:0 0 24px color-mix(in srgb,var(--accent) 55%,transparent),0 2px 10px #0008}.stage:fullscreen .ambient-clock,.stage.immersive .ambient-clock{left:4%;top:14%}@media(max-width:700px){.ambient-clock{left:20px;top:78px}.ambient-clock time{font-size:30px;letter-spacing:-1px}.ambient-clock>span{font-size:12px;letter-spacing:.6px}}

/* The quote owns a separate layout row, with space above the controls. */
.stage.with-quotes{display:grid;grid-template-rows:minmax(0,1fr) auto 90px}
.stage.with-quotes canvas{grid-row:1;min-height:0;height:100%;width:100%}
.relaxation-quote{grid-row:2;position:relative;z-index:1;width:calc(100% - 72px);max-width:660px;margin:0 auto;padding:14px 0 28px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(21px,2.2vw,29px);line-height:1.6;letter-spacing:.01em;color:#eee5e2;text-wrap:balance;overflow-wrap:break-word;pointer-events:none;opacity:1;transition:opacity .7s ease;text-shadow:0 2px 16px #0005}
.relaxation-quote::before{content:"";display:block;width:36px;height:1px;margin:0 auto 22px;background:var(--accent);opacity:.5}
.relaxation-quote[hidden]{display:none}
.relaxation-quote.fading{opacity:0}
@media(max-width:700px){.stage.with-quotes{height:76svh;min-height:570px}.relaxation-quote{width:calc(100% - 48px);font-size:21px;line-height:1.65;padding:10px 0 22px}.relaxation-quote::before{margin-bottom:18px}}
.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr) auto 108px}
@media(max-height:520px){.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{grid-template-rows:minmax(0,1fr) auto 80px}.stage:fullscreen .relaxation-quote,.stage.immersive .relaxation-quote{font-size:18px;line-height:1.4;padding:0 0 12px;max-width:740px}.stage:fullscreen .relaxation-quote::before,.stage.immersive .relaxation-quote::before{display:none}}
@media(prefers-reduced-motion:reduce){.relaxation-quote{transition:none}}

.relaxation-quote cite{display:block;margin-top:18px;font:400 13px/1.5 'DM Sans',sans-serif;letter-spacing:.06em;color:#b7aebc}.relaxation-quote cite a{color:inherit;text-decoration:none;pointer-events:auto;padding:4px 0}.relaxation-quote cite a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.relaxation-quote cite a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:700px){.stage.with-quotes{min-height:620px}.relaxation-quote cite{margin-top:14px}}.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{min-height:0}

/* A single quiet stage; controls live in an optional drawer. */
.relax-header{height:72px;padding:0 28px}.relax-header .brand{font-size:29px}main{max-width:none;padding:16px 20px 20px}.workspace{display:block}.stage{position:relative;top:auto;width:100%;height:calc(100svh - 108px);min-height:540px;max-height:none;border-radius:20px}.stage canvas{position:relative;z-index:1}.stage-top,.stage-bottom,.fullscreen-hint{z-index:4}.stage-top{left:26px;right:24px}.center-controls{display:flex;gap:10px}.scene-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene-background img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;filter:saturate(.8)}.scene-background img.visible{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05050c20 0%,#05050c00 40%,#05050cbd 100%),rgba(6,7,12,var(--scene-dim,.55));opacity:0;transition:opacity 1.5s}.stage.has-scene .scene-shade{opacity:1}.ambient-clock{z-index:2}.relaxation-quote{z-index:2}.stage.with-quotes{height:calc(100svh - 108px);min-height:620px}.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{height:100dvh;min-height:0;max-height:none;border-radius:0;top:0}
#settings-dialog{position:fixed;inset:16px 16px 16px auto;width:min(370px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:none;max-width:none;padding:0;margin:0;border:1px solid #ffffff23;border-radius:20px;background:#19191ef5;color:var(--text);box-shadow:0 20px 90px #0009;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(24px)}#settings-dialog::backdrop{background:#03030950;backdrop-filter:blur(3px)}#settings-dialog aside{border:0;border-radius:0;background:transparent;padding:24px}#settings-dialog .panel-heading{position:sticky;top:-24px;padding:15px 0;background:#19191efa;z-index:5;margin-top:-10px;margin-bottom:22px}.small-note:empty{display:none}#settings-dialog .setting{margin-bottom:26px}.stage.sleeping:has(#settings-dialog[open]){cursor:auto}.stage.sleeping:has(#settings-dialog[open]) .overlay{opacity:1;pointer-events:auto}.stage:has(#settings-dialog[open]){cursor:auto}
@media(max-width:700px){.relax-header{padding:0 20px;height:64px}main{padding:10px}.stage{height:calc(100svh - 84px);min-height:500px}.stage.with-quotes{height:calc(100svh - 84px);min-height:600px}.stage-top{left:18px;right:18px}.stage-bottom{left:16px;right:16px;gap:8px}.stage-bottom .play-button,.stage-bottom .fullscreen-button{padding:11px 12px}.center-controls{gap:8px}#pause-label{display:none}.fullscreen-button{font-size:12px}.ambient-clock{top:77px}.relaxation-quote{font-size:21px}#settings-dialog .presets{grid-template-columns:repeat(3,1fr)}#settings-dialog .preset{font-size:12px}.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{height:100dvh;min-height:0}}
@media(max-width:390px){#settings-open span{font-size:12px}.stage-bottom{left:10px;right:10px}.stage-bottom .play-button,.stage-bottom .fullscreen-button{padding:10px}.center-controls{gap:5px}}
@media(prefers-reduced-motion:reduce){.scene-background img,.scene-shade{transition:none}}

/* Visible settings beside the room, with a drawer only in fullscreen. */
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.workspace.menu-hidden{grid-template-columns:minmax(0,1fr)}#settings-dock{height:calc(100svh - 108px);min-height:540px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);scrollbar-width:thin}#settings-dock[hidden]{display:none}#settings-dock aside{border:0;background:transparent;border-radius:0;padding:24px}#settings-dock .panel-heading{position:sticky;top:-24px;z-index:5;padding:14px 0;background:var(--panel);margin-top:-10px}#settings-dock .presets{grid-template-columns:repeat(3,1fr)}.scene-background{height:var(--scene-height,100%);bottom:auto}.stage.has-scene{background:#101017}.scene-shade{background:linear-gradient(180deg,#05050c10 0%,#05050c00 65%,#05050c38 100%),rgba(6,7,12,var(--scene-dim,.55))}.stage .stage-bottom{gap:8px}.stage .center-controls{gap:8px}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.stage .play-button,.stage .fullscreen-button{padding:10px 12px}#settings-open span{font-size:12px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}#settings-dock{height:auto;max-height:78svh;min-height:0}#settings-dock aside{padding:24px}.stage{height:70svh;min-height:500px}.stage.with-quotes{height:85svh;min-height:620px}.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{height:100dvh;min-height:0}}

@media(max-width:480px){.relax-header{padding-left:16px;padding-right:16px}.relax-header .brand{font-size:24px;letter-spacing:-1.2px}.relax-header .brand-icon{font-size:30px;margin-right:7px}.relax-header #reset span{display:none}}

/* Optional album player, kept with settings in normal and fullscreen views. */
.music-section>label{display:block;margin-bottom:10px;font-size:14px}.music-card{margin-top:14px;padding:18px 14px 12px;border:1px solid #ffffff19;border-radius:16px;background:linear-gradient(145deg,#35283999,#14151b);box-shadow:0 12px 28px #0002}.music-card[hidden]{display:none}.music-heading{display:flex;align-items:center;gap:13px}.music-heading>div{min-width:0}.music-kicker{display:block;font-size:10px;letter-spacing:1.8px;color:var(--accent)}.music-heading strong{display:block;font:600 21px/1.3 Manrope,sans-serif;margin:5px 0;overflow-wrap:anywhere}.music-artist{font-size:13px;color:#c6becb}.record{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:repeating-radial-gradient(circle,#15141b 0 3px,#2e2b35 4px 5px);border:1px solid #ffffff24;color:var(--accent);font-size:25px}.is-playing .record{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 18%,transparent)}.music-transport{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:19px 0}.music-transport button{border:0;background:transparent;border-radius:50%;width:36px;height:36px;font-size:15px}.music-transport button:hover{background:#ffffff15}.music-transport .music-play{width:48px;height:48px;background:var(--accent);color:#201720;font-size:20px}.music-transport button[aria-pressed=true]{color:var(--accent);background:#ffffff12}.music-transport button:disabled{opacity:.4;cursor:wait}.music-count{font-size:10px;color:#c6becb;width:33px;text-align:center}.music-times{display:flex;justify-content:space-between;font-size:11px;color:#aaa3b2;margin-top:-6px;margin-bottom:15px;font-variant-numeric:tabular-nums}.music-volume{display:flex;gap:10px;align-items:center;margin-top:18px}.music-volume label{font-size:12px;color:#c6becb}.music-volume input{flex:1;min-width:0;margin:0}.music-volume output{font-size:11px;min-width:27px}.music-card select{font-size:13px}.music-card .small-note{line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Quiet fullscreen music credit and optional, audio-reactive light bars. */
.now-playing{display:none;position:absolute;left:28px;top:85px;z-index:3;max-width:min(300px,38%);padding:16px 20px;border:1px solid #ffffff15;border-radius:16px;background:#10101885;backdrop-filter:blur(14px);pointer-events:none;color:#f5edf5;text-shadow:0 1px 8px #0008}.stage:fullscreen .now-playing:not([hidden]),.stage.immersive .now-playing:not([hidden]){display:flex;flex-direction:column;gap:6px}.now-playing>span:first-child{font-size:12px;letter-spacing:.16em;color:#cdc3d1}.now-playing strong{font:500 clamp(18px,2vw,26px)/1.35 Manrope,sans-serif;overflow-wrap:anywhere}.now-playing>span{font-size:14px;color:#ded4e2}.stage #music-visualizer{position:relative;display:block;width:100%;height:54px;margin-top:8px;min-height:0;max-height:54px}.stage #music-visualizer[hidden]{display:none}.visualizer-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px}.visualizer-setting input{width:18px;height:18px;accent-color:var(--accent)}.artist-links{margin-top:18px;color:#c6becb;font-size:14px}.artist-links p{margin:14px 0}.artist-links span{display:flex;gap:15px;margin-top:5px}.artist-links a{color:#aaa1b3;font-size:13px;text-underline-offset:4px}.artist-links a:hover{color:var(--accent)}@media(max-width:600px){.now-playing{left:16px;top:100px;padding:12px;max-width:43%}.now-playing strong{font-size:18px}.now-playing>span:first-child{font-size:12px;letter-spacing:.06em}}

.support-link{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #ffffff12;color:#aaa1b3;text-decoration:none;font-size:13px;line-height:1.5}.support-link:hover{color:var(--accent)}.support-link span{font-size:12px}

.music-card{background:#ffffff03;box-shadow:none;border-color:#ffffff10}.music-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.artist-links{padding-top:10px;margin-top:14px;border-top:1px solid #ffffff0c}.artist-links p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:8px 0;font-size:12px;color:#a49ba9}.artist-links span{display:flex;gap:10px;margin:0}.artist-links a{font-size:12px;color:#a49ba9;text-decoration:none;padding:2px 0}.artist-links a:hover{text-decoration:underline;color:#ded5e4}.stage #music-visualizer{height:76px;max-height:76px}.now-playing{border-color:transparent;background:#10101850;padding:12px 16px}.now-playing strong{font-size:clamp(17px,1.6vw,22px)}
/* Separate clock and music lanes in fullscreen, including narrow screens. */
.stage:fullscreen .ambient-clock,.stage.immersive .ambient-clock{left:4%;top:90px;max-width:40%}.stage:fullscreen .now-playing,.stage.immersive .now-playing{left:auto;right:4%;top:90px;width:min(270px,42%);max-width:42%;box-sizing:border-box}.stage:fullscreen .ambient-clock time,.stage.immersive .ambient-clock time{font-size:clamp(28px,5vw,54px)}
@media(max-width:600px){.stage:fullscreen .now-playing,.stage.immersive .now-playing{padding:10px;right:3%;width:44%;max-width:44%}.now-playing>span:first-child{font-size:12px;letter-spacing:.02em}.now-playing strong{font-size:17px}.stage:fullscreen .ambient-clock,.stage.immersive .ambient-clock{left:4%;max-width:40%}}

.artist-links .artist-note{display:block;margin:0 0 14px;font-size:13px;line-height:1.6;color:#c6becb;max-width:240px}
/* Reserve the quote band so text changes cannot resize the scene canvas. */
.stage.with-quotes{--quote-height:230px;grid-template-rows:minmax(0,1fr) var(--quote-height) 90px}.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{grid-template-rows:minmax(0,1fr) var(--quote-height) 108px}.relaxation-quote{height:100%;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;align-content:center}.relaxation-quote cite{margin-top:12px}
@media(max-width:700px){.stage.with-quotes{--quote-height:290px}.relaxation-quote{font-size:20px;line-height:1.5}}
@media(max-height:520px){.stage.with-quotes{--quote-height:140px}.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{grid-template-rows:minmax(0,1fr) var(--quote-height) 80px}.stage .relaxation-quote{font-size:16px;line-height:1.4;padding:6px 0}.relaxation-quote cite{margin-top:8px}}

.stage #music-visualizer{width:82%;height:40px;max-height:40px;margin-top:6px}

#music-dialog{position:fixed;inset:auto auto 82px 24px;margin:0;width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 110px);box-sizing:border-box;overflow:auto;padding:20px;border:1px solid #ffffff20;border-radius:18px;background:#19191ef5;color:var(--text);box-shadow:0 18px 70px #0007;backdrop-filter:blur(20px)}#music-dialog::backdrop{background:#03030935}#music-dialog .music-section{margin:0;padding:0;border:0}#music-dialog .panel-heading{margin-bottom:16px}#music-dialog .music-section>label{display:none}.stage.sleeping:has(#music-dialog[open]) .overlay{opacity:1;pointer-events:auto}.stage:has(#music-dialog[open]){cursor:auto}@media(max-width:600px){#music-dialog{left:16px;bottom:76px}}

.object-switch{display:flex;gap:4px;align-items:center;width:fit-content;padding:4px;margin:0 0 14px;border:1px solid var(--line);border-radius:28px;background:#19191d}.object-switch button{padding:10px 22px;border:0;border-radius:24px;background:transparent;color:#afa7b7;font-size:14px}.object-switch button.active{background:#37313d;color:#fff;box-shadow:0 2px 12px #0002}.object-switch button:hover{color:#fff}.object-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage,.stage.with-quotes,#settings-dock{height:calc(100svh - 166px)}#cactus-settings{padding-bottom:20px}#cactus-settings[hidden],#lava-design[hidden],#lava-motion[hidden]{display:none}@media(max-width:800px){.stage{height:70svh}.stage.with-quotes{height:85svh}#settings-dock{height:auto}.object-switch{margin:0 auto 12px}.object-switch button{padding:10px 24px}}.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive{height:100dvh}

.fullscreen-object-select{display:none}#settings-dialog .fullscreen-object-select{display:block;margin-bottom:24px}.fullscreen-object-select label{display:block;margin-bottom:10px;font-size:14px}