.mix-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:26px;align-items:start}.room-studio{grid-column:1;grid-row:1 / span 2;position:sticky;top:16px;align-self:start;min-width:0}.mix-controls-column,.mix-layout>.suggestions{grid-column:2;min-width:0}.room-stage{position:relative;overflow:hidden;height:490px;border:1px solid #d9d7c4;border-radius:22px;background:radial-gradient(ellipse at 45% 70%,#f4e4c8,#e8dfcb 65%,#ddd4bf);isolation:isolate}.room-scene{position:absolute;inset:0;transition:background-color 8s}.room-art{display:block;width:100%;height:100%;max-width:none}.jukebox-hotspot{position:absolute;border:1px solid transparent;background:transparent;border-radius:35% 35% 15% 15%;z-index:2;min-width:36px;min-height:44px;padding:0;cursor:pointer}.jukebox-hotspot:hover,.jukebox-hotspot:focus-visible{border-color:#e5c28a;background:#fff8d617;outline-offset:4px;box-shadow:0 0 0 3px #f9e6ae33}.room-caption{position:absolute;bottom:11px;left:0;right:0;text-align:center;font:italic 13px Georgia,serif;color:#827861;pointer-events:none}.room-settings{display:flex;align-items:start;gap:12px;flex-wrap:wrap;padding:14px 3px 0}.room-settings>label{flex:1;min-width:160px}.room-settings label{display:block;font-size:10px;color:var(--muted);line-height:1.6}.room-settings select{display:block;width:100%;min-height:40px;margin:5px 0 8px;border:1px solid #d9dccb;border-radius:8px;color:var(--green);background:#fbf9f2;padding:8px;font:11px Arial,sans-serif}.room-settings>details{flex:1;min-width:135px;padding-top:16px}.room-settings summary{font-size:10px;line-height:1.5;color:var(--green);cursor:pointer;min-height:34px;padding:7px 0}.room-settings>p{width:100%;font:10px/1.6 Arial,sans-serif;margin:0;color:var(--muted)}#room-note{font:11px/1.6 Arial,sans-serif;color:var(--muted);padding:0 3px}#room-note:empty{display:none}.room-placeholder{display:grid;place-items:center;height:100%;font:italic 18px Georgia,serif;color:var(--muted)}.jukebox-library{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.jukebox-library [aria-pressed=true]{background:#e2e8d6;border-color:#abb798}.jukebox-help,.drawer-help{font-size:11px;line-height:1.7;color:var(--muted)}#jukebox-dialog{max-width:550px;height:auto;max-height:85dvh;overflow:auto;padding:23px}#jukebox-controls{display:grid;gap:12px}#jukebox-dialog .eyebrow{font-size:9px;margin:0 0 9px}.drawer-session-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.drawer-session-controls button{font-size:11px}.drawer-add-sounds{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.drawer-add-sounds>summary{cursor:pointer;font-size:12px;min-height:44px;padding:14px 0;color:var(--green)}.reading-add-grid>section{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px}.reading-add-grid h3{grid-column:1/-1;font:18px Georgia,serif;margin:9px 0}.reading-add-grid button{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:45px;border:1px solid #dcded0;border-radius:9px;background:#faf8f0;color:var(--green);text-align:left;font-size:11px;padding:9px}.reading-add-grid button[aria-pressed=true]{background:#e7ebdc;border-color:#acb99a}.reading-add-grid button span{min-width:0}.reading-add-grid button b{font-size:17px;font-weight:normal}body[data-screen=lectura]{overflow:hidden}body[data-screen=lectura]>.masthead,body[data-screen=lectura]>.screen-nav,body[data-screen=lectura]>footer,body[data-screen=lectura] .about{display:none}body[data-screen=lectura] main{margin:0;max-width:none}.reading-screen{position:fixed;inset:0;min-height:0;height:100dvh;max-width:none;padding:0;background:#e5dbc5;text-align:center;z-index:25;isolation:isolate;animation:none}.reading-screen:before,.reading-glow{display:none}.reading-room-stage{position:absolute;inset:0;border:0;border-radius:0;height:100%;background:radial-gradient(ellipse at 50% 50%,#f4e8d3,#dfd3bc 80%)}.reading-room-stage .room-art{padding:0}.reading-screen>.eyebrow{position:absolute;top:25px;left:22px;font-size:8px;max-width:45%;text-align:left;margin:0;color:#5c644e}.reading-screen h1{position:absolute;top:44px;left:22px;font-size:24px;max-width:50%;text-align:left;margin:0}.reading-subtitle{display:none}.reading-screen .clock-wrap{position:absolute;top:17px;right:20px;width:112px;height:112px;margin:0;background:#faf5e6d9;border-radius:50%;box-shadow:0 5px 24px #6a5c3a0c}.reading-screen #time{font-size:31px;letter-spacing:-1px}.reading-screen #timer-state{display:none}.reading-screen .clock-wrap svg{padding:4px;stroke-width:1.5}.reading-screen .reading-actions{position:absolute;right:18px;top:139px;width:146px;max-width:none;gap:5px;flex-wrap:wrap}.reading-screen .reading-actions .primary{padding:9px 7px;min-height:37px;flex-basis:100%;background:#617055e8;font-size:10px}.reading-screen .reading-actions #finish{display:none}.reading-screen .reset{display:none}.reading-screen .timer-message{position:absolute;left:20px;bottom:103px;max-width:290px;font-size:9px;line-height:1.5;text-align:left;margin:0;padding:9px 12px;border-radius:9px;color:#5c624e;background:#f8f3e4d9;min-height:0;pointer-events:none}.reading-screen .reading-drawer{position:absolute;bottom:max(17px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));max-width:none;max-height:58dvh;margin:0;background:#faf8eff7;border-radius:15px;box-shadow:0 -5px 35px #5b513a17;overflow:auto;overscroll-behavior:contain;z-index:6}.reading-drawer>summary{position:sticky;top:0;z-index:1;background:#faf8ef;min-height:56px;font-size:18px}.reading-screen .reading-drawer[open]~.reading-back{display:none}.reading-screen .reading-back{position:absolute;left:22px;bottom:82px;font-size:9px;margin:0;max-width:250px;text-align:left;z-index:4;display:none}.reading-screen .drawer-actions a{min-height:40px;display:flex;align-items:center}.reading-screen .drawer-inner{padding:0 16px 15px}.reading-screen .drawer-help{margin:0 0 12px}.reading-screen .drawer-session-controls{padding-top:9px}.reading-drawer[open] .drawer-inner{padding-bottom:18px}.reading-screen .layer-card{background:#fffdf6}.reading-screen .jukebox-hotspot{min-width:40px;min-height:44px}.room-settings details[open]{background:var(--paper)}@media(min-width:1100px){.room-stage{height:520px}.reading-room-stage{height:100%}.reading-screen .clock-wrap{top:30px;right:40px;width:132px;height:132px}.reading-screen #time{font-size:37px}.reading-screen .reading-actions{top:179px;right:33px;width:146px}.reading-screen h1{top:65px;left:40px;font-size:32px}.reading-screen>.eyebrow{left:40px;top:40px}.reading-screen .room-art{max-width:1200px;margin:0 auto}}@media(max-width:720px){.mix-layout{display:block;padding:0 14px}.page-heading{padding:24px 20px 12px}.page-heading>p:last-child{margin-bottom:4px}.room-studio{position:sticky;top:0;z-index:9;background:var(--paper);padding:7px 0 9px;grid-row:auto}.room-stage{height:clamp(240px,37svh,390px);border-radius:16px}.room-caption{font-size:10px;bottom:8px}.room-settings{gap:8px;padding:8px 2px 0}.room-settings label{font-size:9px}.room-settings>label{min-width:145px}.room-settings>details{min-width:125px;padding-top:12px}.room-settings summary{font-size:9px}.room-settings select{font-size:10px;min-height:36px;margin-bottom:0;padding:7px}.room-settings>p{font-size:9px;line-height:1.4}.room-settings details[open]{position:absolute;right:0;top:calc(100% - 28px);z-index:5;padding:12px;border:1px solid var(--line);box-shadow:0 5px 20px #5c583219;border-radius:10px;width:210px}.mix-controls-column{margin:12px 4px 22px}.mix-layout>.suggestions{margin:0 4px 10px;width:calc(100% - 8px)}.reading-room-stage{height:100%;border:0;border-radius:0}.reading-screen .clock-wrap{width:98px;height:98px;right:14px;top:16px}.reading-screen #time{font-size:29px}.reading-screen .reading-actions{top:125px;right:9px;width:116px}.reading-screen .reading-actions .primary{font-size:9px;min-height:35px;padding:8px 5px}.reading-screen h1{top:40px;left:19px;font-size:23px}.reading-screen>.eyebrow{top:22px;left:20px;font-size:7px}.reading-screen .timer-message{font-size:8px;max-width:230px;bottom:94px;left:16px}.reading-screen .reading-drawer{bottom:max(13px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:58dvh}.reading-screen .reading-drawer>summary{padding:16px;font-size:17px}.reading-screen #reading-mix-label{font-size:9px}.reading-screen .drawer-inner{padding:0 11px 13px}.reading-screen .drawer-session-controls .soft-button{font-size:10px;padding:8px 11px}.reading-screen .drawer-session-controls .text-button{font-size:10px;padding:7px}.reading-screen .drawer-help{font-size:10px}.reading-screen .reading-add-grid button{font-size:10px}.reading-screen .layer-card .illustration{display:none}.reading-screen .layer-card h3{font-size:17px}.reading-screen .room-art{padding:0}.jukebox-library .soft-button{font-size:11px;padding:10px 7px}#jukebox-dialog{padding:18px}.dialog-heading h2{font-size:24px}.room-studio:has(details[open]){z-index:12}}@media(max-height:650px) and (max-width:720px){.room-stage{height:220px}.reading-room-stage{height:100%}.reading-screen .clock-wrap{width:85px;height:85px}.reading-screen .reading-actions{top:110px}.reading-screen .timer-message{display:none}}@media(prefers-reduced-motion:reduce){.room-scene *{transition:none!important;animation:none!important}}

.drawer-session-controls{flex-wrap:wrap}.drawer-session-controls [data-timer-toggle]{flex:1 1 45%}.drawer-session-controls [data-reset-timer],.drawer-session-controls [data-finish-session]{font-size:10px}