/* Optional listening tools keep the primary journey compact. */
.quiet-open{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:8px 0;color:#e0d9f0;background:none;border:0;font-size:13px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.appearance-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-backdrop=plain] .nebula-home .world-atmosphere,html[data-backdrop=plain] .nebula-home #nebulaBackdrop{display:none}
html[data-backdrop=plain] .nebula-home .hero{background:#101320}
.starter-mixes,.local-mixes,.listening-help{border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:rgba(14,17,29,.75);margin:20px 0}
.starter-mixes summary,.local-mixes summary,.listening-help summary{cursor:pointer;min-height:28px;font-size:15px;color:#eee8fa}
.starter-mix-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.starter-mix-options button{padding:17px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft);min-height:86px}
.starter-mix-options strong,.starter-mix-options small{display:block}
.starter-mix-options strong{font-size:15px;color:#f5f0ff}.starter-mix-options small{font-size:12px;color:#c9c4d8;margin-top:7px;line-height:1.5}
.sound-discovery{margin:24px 0 18px}
.sound-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sound-search label{font-size:14px}.sound-search input{flex:1;min-width:160px;max-width:460px;background:#111521;color:#f5f0ff;border:1px solid #5b576d;border-radius:9px;padding:12px 14px;font:inherit;min-height:46px}
.sound-search input::placeholder,.save-mix-row input::placeholder{color:#aaa5bb;opacity:1}
.sound-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sound-filters button,.sound-search button,.backup-actions button{min-height:42px;border:1px solid var(--line);border-radius:22px;padding:8px 15px;background:transparent;font-size:13px;color:#dcd6ea}
.sound-filters button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#f5efff}
#soundResults{font-size:12px;line-height:1.5;color:#c7c1d5;margin:12px 0}
.listening-tools{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:grid;gap:14px}
.master-control{display:grid;grid-template-columns:100px minmax(90px,1fr) 45px;align-items:center;gap:12px}
.master-control label,.master-control output{font-size:13px;color:#ddd7eb}.master-control input{width:100%;min-height:44px;accent-color:var(--accent)}
.drift-control{display:flex;align-items:center;gap:16px}.drift-control button{min-width:160px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:13px;background:transparent;color:#eee8fa}.drift-control button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.drift-control span{font-size:12px;line-height:1.5;color:#bfb9cf}
.mix-limit{font-size:12px;color:#c4bed2;margin:0}.editor-quiet{margin:0;justify-self:start}
.library-note{font-size:12px;line-height:1.7;color:#c4bed2;margin:14px 0}
#localMixForm label{display:block;margin:16px 0 8px;font-size:13px}.save-mix-row{display:flex;gap:8px}.save-mix-row input{flex:1;min-width:0;border:1px solid #5b576d;border-radius:8px;background:#111521;color:#f5f0ff;padding:12px;font:inherit}.save-mix-row button{min-height:46px;white-space:nowrap;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);padding:10px 16px;color:#f5f0ff;font-size:13px}
#localMixStatus{font-size:13px;line-height:1.6;color:#e0d6f8}#localMixStatus:empty{display:none}
#localMixList{padding:0;list-style:none;display:grid;gap:8px;margin:16px 0}#localMixList li{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0 10px}#localMixList button{min-height:44px;border:0;background:none;color:#eee8fa;text-align:left;padding:8px;font-size:14px;overflow-wrap:anywhere}#localMixList button:first-child{flex:1}#localMixList button:last-child{color:#bfb9cf;font-size:12px}.empty-mixes{font-size:13px;color:#bfb9cf;padding:10px 0!important}
.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.backup-actions button{border-radius:8px}
.listening-help{max-width:880px;margin:20px auto 50px}.listening-help details{border-bottom:1px solid var(--line);padding:14px 0}.listening-help details:last-child{border-bottom:0}.listening-help p{font-size:14px;line-height:1.8;color:#cfc8df}.listening-help a{color:var(--accent);text-decoration:underline}
.sleep-custom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sleep-custom label{font-size:13px}.sleep-custom input{width:92px;min-height:44px;border:1px solid #5b576d;border-radius:8px;padding:8px;background:#111521;color:#f5f0ff;font:inherit}
.quiet-opened{overflow:hidden}
#quietView{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:28px;border:0;border-radius:0;color:#f4efff;background:linear-gradient(rgba(6,9,18,.66),rgba(6,9,18,.86)),var(--world-image) center/cover!important;box-sizing:border-box}
#quietView[open]{display:flex;flex-direction:column;justify-content:space-between}#quietView.dimmed,html[data-backdrop=plain] #quietView{background:#090d16!important}
#quietView::backdrop{background:#090d16}.quiet-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.quiet-top span{font-size:11px;letter-spacing:3px;color:#d5cde7}
#quietView button{min-height:46px;padding:11px 18px;border:1px solid #80798f;border-radius:9px;background:#111521de;color:#f5f0ff;font-size:14px;cursor:pointer}
.quiet-content{max-width:780px;width:100%;align-self:center;text-align:center;padding:36px 0}.quiet-content h2{font-size:clamp(30px,5vw,56px);font-weight:400;letter-spacing:-1px;margin:18px 0}.quiet-content #quietTrack{color:#dcd4eb;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.quiet-content #quietState{font-size:13px;color:#c8c1d7;line-height:1.6}#quietClock{font-size:clamp(38px,7vw,86px);font-variant-numeric:tabular-nums;margin:28px 0;letter-spacing:-2px}#quietClock:empty{display:none}
.quiet-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:28px}#quietPlay{border-color:var(--accent)!important;background:var(--accent-soft)!important}.quiet-foot{text-align:center;color:#b9b2c7;font-size:12px;line-height:1.6}
.listening-tools :focus-visible,.sound-discovery :focus-visible,.starter-mixes :focus-visible,.local-mixes :focus-visible,#quietView :focus-visible,.quiet-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:650px){.world-controls{align-items:flex-start;flex-wrap:wrap}.appearance-controls{justify-content:flex-start}.starter-mix-options{grid-template-columns:1fr}.starter-mix-options button{min-height:72px}.sound-search label{flex-basis:100%}.sound-search input{min-width:0}.sound-filters{gap:6px}.sound-filters button{padding:8px 12px}.drift-control{align-items:flex-start;flex-direction:column;gap:8px}.master-control{grid-template-columns:80px minmax(50px,1fr) 38px;gap:8px}.save-mix-row{flex-direction:column}.starter-mixes,.local-mixes,.listening-help{padding:14px}.quiet-top span{font-size:9px;letter-spacing:1.7px}#quietView{padding:18px 16px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.quiet-content{padding:24px 0}.quiet-top button{font-size:12px!important;padding:10px!important}}