/* Chaptered scenes and personal listening tools. All artwork is local SVG/CSS. */
.relax-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:11px;color:var(--muted)}
.hero{padding-top:45px}.section-lead{font-size:13px;line-height:1.9;max-width:65ch;margin:-4px 0 23px}
.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scene-card{min-width:0;border:1px solid #cab9ee26;background:#101727;border-radius:17px;overflow:hidden;scroll-margin-top:110px}.scene-active{border-color:#cab9ee9c;box-shadow:0 0 0 1px #cab9ee18}.scene-art{height:125px;background:radial-gradient(ellipse at 70% 120%,#8870af44,transparent 80%),linear-gradient(130deg,#20243b,#142b32);display:flex;align-items:center;justify-content:space-between;padding:26px;color:var(--lavender);gap:12px}.scene-art svg{width:52px;height:52px;flex-shrink:0;stroke-width:1}.scene-art span{font-size:10px;letter-spacing:.06em;color:#c6c2d7}.scene-card:nth-child(3n+2) .scene-art{background:radial-gradient(ellipse at 70% 110%,#53786755,transparent 85%),linear-gradient(130deg,#1e3032,#192032)}.scene-card:nth-child(3n) .scene-art{background:radial-gradient(ellipse at 60% 110%,#8b6b4644,transparent 80%),linear-gradient(130deg,#302c33,#1b2731)}.scene-body{padding:22px}.scene-kind{font-size:10px;color:#ad9fca;margin-bottom:7px}.scene-body h3{font-size:20px;line-height:1.4;overflow-wrap:anywhere}.scene-flow{margin:12px 0 18px;font-size:11px;line-height:1.9;min-height:3.8em}.scene-actions{display:flex;gap:9px}.scene-actions>button{flex:1;min-width:0;background:#cab9ee13;border-color:#cab9ee4a;color:#ded1f3;font-size:12px}.scene-actions>a{min-width:44px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:10px}.scene-chapters{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px}.scene-chapters summary{cursor:pointer;color:var(--muted);min-height:30px}.scene-chapters ol{padding:0;list-style:none;margin-bottom:0}.scene-chapters button{display:flex;gap:12px;text-align:start;width:100%;background:none;border:0;border-radius:6px;padding:9px 4px;font-size:11px;align-items:center;min-height:44px}.scene-chapters time{font-variant-numeric:tabular-nums;color:#a99bbb;flex-shrink:0;direction:ltr}.scene-chapters .chapter-active{background:#cab9ee15;color:#e2d6f3;padding-inline:10px}.scene-chapters button[id]{scroll-margin-top:115px}.single-scene{grid-template-columns:1fr}.single-scene .scene-art{height:160px}.single-scene .scene-art svg{width:68px;height:68px}.single-scene .scene-flow{min-height:0}.scene-source-list{padding:20px 22px;margin:-20px 0 36px;border:1px solid var(--line);border-radius:12px;font-size:12px;overflow-wrap:anywhere}.scene-source-list summary{cursor:pointer}.scene-source-list p{margin-top:12px}.scene-source-list ul{padding-inline-start:20px}.scene-source-list a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.sound-filters{border:1px solid var(--line);border-radius:14px;padding:20px;background:#111a28;margin-bottom:32px;scroll-margin-top:100px}.sound-filters>label{font-size:13px;display:block;margin-bottom:8px}.sound-filters input,.mixer input:not([type=range]):not([type=checkbox]){background:#080e19;border:1px solid #ffffff25;border-radius:9px;color:var(--text);padding:10px 12px;min-width:0;width:100%;min-height:44px}.filter-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:13px}.filter-row label{flex:1;min-width:130px;font-size:10px;color:var(--muted)}.filter-row select{display:block;width:100%;margin-top:5px;font-size:12px}.filter-row button{font-size:12px}.sound-filters output{display:block;margin-top:12px}.sound-filters #filter-empty{font-size:12px;margin-top:15px}.sound-meta{font-size:10px;line-height:1.7;min-height:3.4em}.source-credit{font-size:10px;line-height:1.9;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;overflow-wrap:anywhere}.source-credit summary{cursor:pointer;color:#95b9ba;min-height:24px}.source-credit p{margin-top:7px}.source-credit a{text-decoration:underline;text-underline-offset:2px}.sound-body h3{overflow-wrap:anywhere}.sound-body audio,.scene-body audio{width:100%;margin-top:12px}.mixer{max-height:calc(100dvh - 120px);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526a72 transparent}.mixer-options{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px}.mixer-options summary{color:var(--lavender);cursor:pointer;min-height:30px}.mixer-options select{width:100%;margin-top:8px;font-size:12px}.mixer-options h3{font-size:12px;margin-top:20px}.mixer-options form{margin-top:18px}.mixer-options form>label,.mixer-options #share-box label{display:block;font-size:11px;margin-bottom:8px}.mix-buttons{display:flex;gap:6px;margin-top:9px}.mix-buttons button{flex:1;padding:9px 7px;font-size:11px;min-width:0}.mixer-options #share-box{margin-top:14px}.mixer-options #mix-link{font-size:11px}.saved-mix-row{display:flex;gap:5px;margin-top:8px}.saved-mix-row button:first-child{flex:1;min-width:0;font-size:11px;text-align:start;overflow-wrap:anywhere}.saved-mix-row button:last-child{padding:8px 10px}.scene-controls{border-block:1px solid var(--line);padding-block:12px;margin-bottom:8px;font-size:11px}.scene-controls>p{color:var(--lavender);margin-bottom:7px}.scene-controls>label{font-size:11px}.scene-controls output{display:block;font-variant-numeric:tabular-nums;direction:ltr}.repeat-control{display:flex;align-items:start;gap:8px;margin-top:12px;cursor:pointer}.repeat-control input{accent-color:var(--lavender);width:17px;height:17px;flex-shrink:0}.rest-button{display:block;width:100%;margin-top:18px;font-size:12px;background:#cab9ee0a;border-color:#cab9ee30}.mini-player{display:none}.shared-mix{padding:16px 20px;margin-bottom:24px;border:1px solid #9ce1d43a;border-radius:12px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:12px}.shared-mix p{color:var(--mint)}.guide-link{display:inline-block;margin-top:15px}.rest-screen{position:fixed;inset:0;z-index:100;background:#020304;color:#9ca6b5;display:grid;place-items:center;overflow:auto;padding:32px 24px;overscroll-behavior:contain}.rest-screen>div{width:min(430px,100%);text-align:center}.rest-moon{font-size:64px;font-weight:300;color:#727c8b}.rest-screen h2{font-size:24px;color:#abb4c3;margin:18px 0 12px;overflow-wrap:anywhere}.rest-screen p{font-size:12px;color:#657181;line-height:1.9;margin-block:10px}.rest-screen #rest-chapter{color:#8792a4}.rest-screen button,.rest-screen select{border-color:#ffffff18;background:#0c1017;color:#9ca6b5;font-size:12px}.rest-screen>div>label{font-size:11px;display:block;margin:24px 0 8px}.rest-screen select{max-width:100%;min-width:150px}.rest-transport{display:flex;justify-content:center;gap:12px;margin-block:25px}.rest-transport button{min-width:100px}.rest-screen #close-rest{margin-top:20px}.rest-screen:focus-within{outline:0}.learn{max-width:100%;overflow-wrap:anywhere}.learn li{font-size:12px}
@media(max-width:1000px) and (min-width:721px){.scene-grid{grid-template-columns:1fr}.scene-art{height:100px}.scene-flow{min-height:0}}
@media(max-width:720px){.hero{padding-top:30px}.relax-breadcrumbs{font-size:10px;margin-top:19px}.scene-grid{gap:14px}.scene-art{height:110px;padding:20px}.scene-art svg{width:43px;height:43px}.scene-art span{font-size:9px}.scene-body{padding:20px}.scene-body h3{font-size:19px}.scene-flow{min-height:0}.scene-actions>button{font-size:12px}.section-heading{align-items:start;gap:12px}.section-heading>a{max-width:35%;text-align:end;font-size:10px}.featured-scenes{order:-3;width:100%}.scene-source-list{order:-2;width:100%;margin-top:0}.content>.presets-section{order:-2;width:100%}.mixer{order:0;max-height:none;overflow:visible;overscroll-behavior:auto}.sound-filters{order:1;width:100%;padding:17px}.audio-section{order:2;width:100%}.live-section{order:3;width:100%}.learn{order:4;width:100%}.explore{order:5;width:100%}.scene-controls,.mixer-options,.rest-button{grid-column:1/-1}.mixer-options{margin-top:15px}.scene-controls{margin-top:15px}.mix-buttons button{font-size:12px}.source-credit{font-size:10px}.sound-meta{font-size:9px}.has-audio{padding-bottom:85px}.has-audio .mini-player{position:fixed;bottom:0;inset-inline:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#101825f5;border-top:1px solid #9ce1d430;box-shadow:0 -5px 30px #0005}.mini-player span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player button{font-size:11px;padding:9px 11px;min-width:44px}.rest-screen{padding:22px}.rest-screen h2{font-size:22px}.filter-row label{min-width:100px}}
@media(max-width:540px){.scene-grid{grid-template-columns:1fr}.scene-art{height:92px}.scene-body{padding:19px}.scene-art svg{width:40px;height:40px}.scene-body h3{font-size:20px}.section-heading>div{min-width:0}.section-heading h2{overflow-wrap:anywhere}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-source-list{padding:17px}.filter-row button{width:100%;margin-top:3px}.rest-screen button{min-height:44px}}
@media(max-width:720px){.mixer>.mixer-options+.timer-info{display:block;margin-top:12px}}
