/* Mobile-first journey; existing palette and room illustration retained. */
[hidden]{display:none!important}
.screen-nav{gap:8px}.screen-nav a{min-height:48px}
.welcome-screen{padding:36px 22px 26px;max-width:850px;margin:auto;text-align:center}
.welcome-screen h1{font-size:44px;line-height:1.1;margin:12px 0}.welcome-screen h2{font-size:25px;line-height:1.3}
.welcome-screen .eyebrow{font-size:10px}.welcome-screen .tagline{font-size:17px}.welcome-art{display:block;width:min(300px,80%);height:auto;margin:14px auto}
#welcome-line{color:var(--muted);font-size:14px}.welcome-options{display:grid;gap:12px;margin:22px 0}.welcome-choice{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:7px 10px;text-align:left;padding:19px 16px;border:1px solid #d9ddcb;border-radius:16px;background:#faf8ef;text-decoration:none;color:var(--green);box-shadow:0 3px 16px #58533505}.welcome-choice>span{grid-row:1/3;font-size:26px}.welcome-choice strong{font:20px/1.25 Georgia,serif}.welcome-choice small{grid-column:2;font-size:13px;line-height:1.5;color:var(--muted)}.welcome-choice b{grid-column:3;grid-row:1/3;font-size:21px;font-weight:400}.welcome-choice:first-child{background:#e9ecdf}
.last-ambience{padding:24px 15px;border-top:1px solid var(--line);margin-top:28px}.last-ambience h2{font-size:24px}.last-ambience p{font-size:14px;line-height:1.7}.last-ambience .text-link{display:block;margin:17px}
.refuge-library{display:grid;grid-template-columns:1fr;gap:13px;padding:0 20px}.refuge-card{display:grid;grid-template-columns:70px 1fr;gap:8px 12px;text-align:left;background:#faf8ef;border:1px solid #dcdccc;border-radius:17px;padding:18px;color:var(--green);cursor:pointer}.refuge-card .illustration{grid-row:1/5;align-self:center;width:65px;height:70px;margin:0}.refuge-card strong{font:23px/1.2 Georgia,serif}.refuge-card span{font-size:14px;line-height:1.5;color:var(--muted)}.refuge-card small{font-size:12px;line-height:1.6;color:#747960}.refuge-card b{font-size:13px;font-weight:400;margin-top:4px}.refuge-note{font-size:13px;line-height:1.7;margin:22px;color:var(--muted)}
.sound-picker{margin:0 0 26px}.sound-picker .section-title{align-items:center;gap:10px;margin:0}.sound-picker h2,.selected-title{font-size:25px}.sound-picker .text-link{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.picker-note{font-size:13px;line-height:1.6;color:var(--muted)}.chosen-refuge{font:italic 18px/1.5 Georgia,serif;margin:0 0 18px;color:var(--green)}
.sound-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.preview-card{position:relative;min-height:125px;padding:12px 8px 48px;background:#faf8ef;border-radius:13px}.preview-card .illustration{height:38px;margin:0 auto 5px}.preview-card .illustration svg{width:35px;height:35px}.preview-card h3{font-size:17px;line-height:1.25;min-height:0;margin:5px 0}.preview-card .add-sound{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 7px 12px;border:0;border-radius:13px;font-size:12px;background:transparent}.preview-card.chosen{background:#e4e9d8;border-color:#8e9d7a}.preview-card.chosen .add-sound{color:#445a35}.category-tabs button{font-size:13px;min-height:44px}.layer-card h3{font-size:19px}.layer-status{font-size:12px;line-height:1.4}.layer-actions{gap:2px}.layer-actions button{min-width:44px;width:44px;height:44px}.layer-actions [data-action=stop]{display:none}.volume input{min-height:44px}.volume output{font-size:13px}.music-buttons button{min-height:44px;font-size:13px}.music-options summary,.music-options label{font-size:13px}.music-options select{font-size:13px;min-height:44px;max-width:100%}.mix-toolbar{gap:8px;flex-wrap:wrap}.mix-toolbar a,.mix-toolbar button,.sound-footer button{min-height:44px;font-size:13px}.mix-toolbar .text-button{padding:8px}.mix-layout>.session-plan{grid-column:2;position:static;min-width:0;max-width:100%;width:auto}.session-plan .primary{width:100%}.room-settings label,.room-settings summary{font-size:12px}.room-settings select{font-size:13px;min-height:44px}.room-settings>p{font-size:11px}.room-settings>details{min-width:130px}.room-settings details[open]{position:static;width:auto;box-shadow:none;border:0;padding:0}.room-studio{position:relative;top:auto}.room-settings{background:var(--paper)}
#compatibility-dialog{height:auto;max-width:440px;max-height:85dvh;padding:24px}#compatibility-dialog p{font-size:15px;line-height:1.6}.conflict-actions{display:flex;gap:10px;flex-wrap:wrap}.conflict-actions button{flex:1;min-height:48px;font-size:13px}
.reading-screen .reading-actions{width:140px;right:12px;top:130px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.reading-screen .reading-actions #start{grid-column:1/-1;font-size:12px;min-height:44px}.reading-screen .reading-actions #finish{display:block;min-width:0;font-size:12px;min-height:44px;padding:7px}.reading-screen .reset{display:block;position:absolute;top:182px;right:13px;margin:0;min-height:44px;width:69px;font-size:12px;padding:7px;z-index:3;background:#f8f3e7d9;border-radius:8px}.reading-screen .reading-actions #finish{grid-column:1;width:68px}.modify-ambience{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:4;background:#faf8eaeF;border:1px solid #d0d6bd;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;white-space:nowrap;padding:12px 24px;box-shadow:0 3px 14px #3d432511;text-decoration:none}.reading-screen .timer-message{bottom:max(84px,calc(env(safe-area-inset-bottom) + 70px));font-size:11px;max-width:250px}.reading-screen .clock-wrap{top:max(16px,env(safe-area-inset-top))}.reading-screen h1{font-size:24px}.reading-screen>.eyebrow{font-size:9px}.reading-screen .jukebox-hotspot{min-width:44px}.about{font-size:13px}.notice{font-size:14px}.primary,.soft-button{min-height:44px}
@media(max-width:720px){.screen-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-nav a{font-size:11px}.mix-layout{padding:0 14px}.room-studio{position:relative;z-index:auto}.room-stage{height:clamp(235px,36svh,355px)}.reading-room-stage{height:100%}.mix-controls-column{margin:20px 0}.mix-layout>.session-plan{margin:20px 0}.page-heading>p:last-child{font-size:14px}.room-settings{gap:7px}.room-settings>label{min-width:150px}.room-settings details[open]{flex-basis:100%}.mix-list{gap:12px}.layer-card{padding:12px}.layer-top{flex-wrap:wrap;gap:8px}.layer-title{flex:1;min-width:110px}.layer-card .illustration{display:none}.layer-actions{margin-left:auto}.reading-screen .reading-actions{top:130px}.reading-screen .clock-wrap{width:98px;height:98px}.reading-screen .reading-actions #start{padding:8px 5px}.reading-screen .timer-message{font-size:11px}}
@media(min-width:721px){.welcome-screen{padding:45px 30px}.welcome-screen h1{font-size:60px}.welcome-options{grid-template-columns:1fr 1fr}.refuge-library{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 26px}.sound-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-layout{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.room-studio{position:sticky;top:16px}.reading-screen .reading-actions{top:170px;right:30px}.reading-screen .reset{top:222px;right:31px}.reading-screen .clock-wrap{right:30px}.reading-screen .reading-actions #finish{width:68px}}
@media(prefers-reduced-motion:reduce){.room-cat{animation:none!important}}

/* Invisible touch padding: keeps the approved text and layout unchanged. */
.music-options summary{position:relative}
.music-options summary::after{content:"";position:absolute;inset:-4px 0;pointer-events:auto}
.jukebox-hotspot::before{content:"";position:absolute;inset:0 -4px;pointer-events:auto}