:root{color-scheme:dark;--bg:#101a25;--panel:#172430;--text:#edf3f1;--muted:#acbbc5;--line:#30414e;--mint:#a6d9d1;--lavender:#c5b7e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 0,rgba(77,98,111,.12),transparent 42%),var(--bg);color:var(--text);line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:12px;min-height:48px;padding:10px 18px;transition:background .18s,border-color .18s}button:hover{background:#243743;border-color:#668789}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--mint);text-underline-offset:4px}a:hover{color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}svg{width:24px;height:24px;flex-shrink:0;vertical-align:middle}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid #253440;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;letter-spacing:-.5px;font-size:21px;color:var(--text);text-decoration:none;white-space:nowrap}.brand svg{color:var(--mint);width:30px;height:30px}.brand-dot{color:var(--mint);margin-left:-8px}nav{display:flex;align-items:center;gap:28px}nav a{font-size:15px;color:var(--muted);text-decoration:none;display:flex;align-items:center;min-height:48px}.night-shortcut{display:flex;gap:10px;align-items:center;font-size:14px;padding:8px 14px}.hero{text-align:center;padding:50px 24px 36px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2.6px;color:var(--mint);margin:0 0 18px}.tiny-star{margin-right:8px;font-size:16px}h1,h2,h3,p{margin-top:0}h1{font-weight:550;letter-spacing:-2.5px;font-size:clamp(36px,4.3vw,57px);line-height:1.15;margin-bottom:20px}.intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:740px;margin:0 auto}main{padding:0 32px}h2{font-size:26px;line-height:1.3;font-weight:550;letter-spacing:-.5px}h3{font-size:22px;line-height:1.35;font-weight:550}.studio{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(325px,1fr);gap:24px;align-items:stretch}.mixer{padding:26px;background:#14212d;border:1px solid var(--line);border-radius:22px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.section-label h2{margin:0;font-size:22px}.section-label>span{font-size:13px;color:var(--muted);background:#1e2e3c;padding:4px 11px;border-radius:20px;white-space:nowrap}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sound-card{border:1px solid #34434f;border-radius:15px;background:#192833;overflow:hidden;transition:background .15s,border .15s}.sound-card.selected{background:#213c43;border-color:#84b9b3;box-shadow:inset 0 0 0 1px #84b9b322}.sound-select{position:relative;width:100%;padding:19px 15px 8px;border:0;border-radius:0;text-align:left;display:block}.sound-select:hover{background:#ffffff06}.sound-icon{display:block;color:var(--mint);margin-bottom:14px}.sound-icon svg{width:31px;height:31px}.pink{color:#d6b8d2}.brown{color:#d9ba98}.fan{color:#b4c7db}.rain{color:#aebfe8}.ocean{color:#92c6cd}.sound-name{display:block;font-size:17px;font-weight:600;white-space:nowrap}.sound-tag{display:block;font-size:12px;white-space:nowrap;color:#b8c7cf;margin-top:3px}.check{position:absolute;right:12px;top:16px;border:1px solid #566875;border-radius:50%;width:22px;height:22px;text-align:center;line-height:20px;color:#bccbd2;font-size:16px}.selected .check{background:var(--mint);border-color:var(--mint);color:#183638;font-size:13px}.layer-volume{display:flex;align-items:center;gap:8px;padding:0 14px}.layer-volume input{min-width:0;width:100%;height:35px}.layer-volume output{font-size:11px;color:#c1d1d8;min-width:27px}.sound-kind{display:block;padding:0 15px 14px;font-size:10px;color:#b6c3cb;letter-spacing:.5px}input[type=range]{accent-color:var(--mint);cursor:pointer;min-height:48px;margin:0;width:100%}input[type=range]:disabled{opacity:.3;cursor:default}.presets{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.small-label{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.preset-buttons{display:flex;gap:8px}.preset-buttons button{font-size:14px;padding:8px 12px;border-radius:30px;display:flex;align-items:center;gap:7px}.preset-buttons svg{height:17px;width:17px}.preset-buttons button[aria-pressed=true]{background:#31434c;border-color:var(--mint)}.mix-description{font-size:13px;color:var(--muted);margin:15px 0 0}.player{background:linear-gradient(155deg,#21333d,#1c2b38 65%);border:1px solid #3b505b;border-radius:22px;padding:25px 28px;display:flex;flex-direction:column;align-items:stretch}.player-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#status{font-size:12px;color:var(--mint)}.orbit{height:122px;display:grid;place-items:center;position:relative;margin:7px 0}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #9cd5cd12;border-radius:50%;width:132px;height:132px;transform:scaleY(.75)}.orbit:after{width:175px;height:175px}.wave-bars{display:flex;align-items:center;gap:5px;z-index:1}.wave-bars i{width:4px;border-radius:10px;background:linear-gradient(#acdcd5,#7baea9);opacity:.55}body.is-playing .wave-bars i{opacity:.95}#now-playing{text-align:center;font-size:21px;font-weight:550;margin:0 0 4px;line-height:1.35}.player-caption{text-align:center;font-size:11px;color:var(--muted);margin-bottom:20px}.primary{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--mint);color:#132e32;border:0;border-radius:12px;min-height:60px;text-decoration:none;font-size:19px;font-weight:650}.primary:hover{background:#bdebe3;color:#132e32}.primary span{font-size:17px}.stop{border:0;font-size:13px;color:#c0cbd1;min-height:42px;padding:7px;align-self:center}.stop>span{margin-left:6px}.master-head,.timer-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.master-head label,.timer-head label{display:flex;gap:8px;align-items:center}.master-head svg,.timer-head svg{width:17px;height:17px}.master-head output{color:var(--muted)}.volume-note{font-size:11px;color:var(--muted);margin:0 0 16px}.timer-head{padding-top:15px;border-top:1px solid #40535d;margin-bottom:10px}#remaining{font-size:13px;color:var(--mint);font-variant-numeric:tabular-nums}select{border:1px solid #51616c;background:#192b36;color:var(--text);padding:10px 13px;border-radius:9px;width:100%;min-height:48px;font-size:14px}.timer-note{font-size:11px;color:#b1c1c9;margin:9px 0 0;line-height:1.6}.notice{margin:0;min-height:28px;font-size:14px;color:var(--mint);padding:4px 0}.notice:empty{padding:0}.extras{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:8px 3px 0}.quiet-button{border:0;display:flex;gap:9px;align-items:center;font-size:14px;padding:5px 0;min-height:40px}.quiet-button svg{width:19px;height:19px}.extras p{font-size:11px;color:var(--muted);margin:2px 0}.wake-label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:40px;cursor:pointer}#wake{width:19px;height:19px;accent-color:var(--mint)}.offline{font-size:12px;color:var(--muted);text-align:right}.offline-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}#install{font-size:13px;margin-top:6px}.mobile-help{font-size:12px;color:var(--muted);padding:18px 0 28px;margin:0;border-bottom:1px solid var(--line)}.favorites{padding:30px 0 36px;display:grid;grid-template-columns:1fr auto;gap:15px 25px;border-bottom:1px solid var(--line)}.favorites h2{font-size:20px;margin:0 0 5px;display:flex;align-items:center;gap:9px}.favorites h2 svg{color:var(--lavender);width:21px;height:21px}.favorites p{color:var(--muted);font-size:13px;margin:0}.favorites form{display:flex;align-items:center;gap:8px}.favorites input{min-height:48px;background:#162531;border:1px solid #3b505e;color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px;width:180px}.favorites button{font-size:14px}#saved-list{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}#saved-list .empty{font-size:12px;margin-top:2px}.saved-item{display:flex;background:#1b2c38;border:1px solid #3e5260;border-radius:12px;overflow:hidden}.saved-item button{border:0;border-radius:0}.saved-item button:first-child{text-align:left;min-width:130px}.saved-item small{display:block;font-size:10px;color:var(--muted);max-width:270px}.text-button{justify-self:start;border:0;padding:3px 0;color:var(--muted);font-size:12px!important;min-height:35px;text-decoration:underline;text-underline-offset:4px}.reading{padding:66px 0}.reading-intro h2{font-size:38px;line-height:1.22;letter-spacing:-1px;margin-bottom:35px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.article-number{display:block;font-size:10px;letter-spacing:1.6px;color:var(--mint);margin-bottom:18px}.article-grid p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:15px}.faq{display:grid;grid-template-columns:1fr 1.8fr;gap:70px;padding:40px 0 70px;border-top:1px solid var(--line)}.faq h2{font-size:38px}.faq>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:3px 0}summary{cursor:pointer;padding:19px 25px 19px 0;font-size:16px;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;color:var(--mint)}details[open] summary:after{content:"−"}details p{font-size:15px;color:var(--muted);line-height:1.8;margin:0 20px 22px 0}footer{padding:35px 32px 45px;border-top:1px solid var(--line);color:var(--muted)}footer .brand{font-size:18px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0 25px}.footer-links a{font-size:13px;color:var(--muted);min-height:32px}footer p{font-size:11px;margin:4px 0}.prose{max-width:860px;padding:65px 32px}.prose .intro{margin:0 0 40px}.prose h2{margin-top:35px}.prose p{color:var(--muted)}.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}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:var(--bg);padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}dialog#night{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;background:#020303;color:#adb6b7;padding:30px;margin:0;align-items:center;justify-content:center}dialog#night[open]{display:flex}dialog::backdrop{background:black}.night-controls{text-align:center;max-width:560px;transition:opacity .25s}.night-controls>button{display:block;margin:14px auto;min-width:230px;color:#c4cccd;border-color:#354142}.night-controls .eyebrow{color:#93a8a5;font-size:10px}#night-title{font-size:30px;margin-bottom:15px}.night-help{font-size:12px;color:#8b9798;margin:30px 0 0}#night.dimmed .night-controls{opacity:0;pointer-events:none}#night.dimmed:focus-within .night-controls{opacity:1;pointer-events:auto}#night-status,#night-timer{font-size:16px;margin:5px;font-variant-numeric:tabular-nums}
@media(min-width:1100px){.mixer{display:flex;flex-direction:column}.sound-grid{flex:1}.sound-select{padding-top:23px}.sound-icon{margin-bottom:20px}.presets{margin-top:26px}.sound-card{display:flex;flex-direction:column}.sound-kind{margin-top:auto}.layer-volume{margin-top:auto}}
@media(max-width:1100px){.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr)}.presets{flex-direction:column;align-items:flex-start}.sound-select{padding:13px 12px 3px}.sound-icon{margin-bottom:7px}.sound-kind{padding-bottom:9px}.player{justify-content:center}.article-grid{gap:23px}}
@media(max-width:760px){header{padding:18px 20px}.brand{font-size:18px}.brand svg{width:25px}nav{gap:0}nav>a{display:none}.night-shortcut{border:0;padding:8px}.night-shortcut span{display:none}main{padding:0 20px}.hero{padding:32px 0 27px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:38px;letter-spacing:-1.5px}.intro{font-size:16px;line-height:1.7}.studio{display:flex;flex-direction:column;gap:18px}.player{order:-1;padding:20px}.orbit{display:none}.player-top{margin-bottom:16px}#now-playing{font-size:20px}.player-caption{display:none}.primary{margin-top:13px;min-height:58px}.master-head{margin-top:4px}.volume-note{margin-bottom:11px}.timer-head{padding-top:11px}.timer-note{font-size:12px}.mixer{padding:20px}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sound-select{padding:17px 14px 5px}.sound-icon{margin-bottom:12px}.sound-tag{font-size:12px}.sound-kind{font-size:10px}.sound-name{font-size:17px}.presets{gap:12px}.preset-buttons{width:100%}.preset-buttons button{flex:1;justify-content:center;padding:9px 8px}.extras{grid-template-columns:1fr;gap:12px;padding:5px 0}.extras .offline{text-align:left}.extras p{font-size:12px}.favorites{grid-template-columns:1fr;padding-top:24px}.favorites form{width:100%}.favorites input{width:100%;min-width:0;flex:1}.favorites form button{white-space:nowrap}.reading{padding:45px 0}.reading-intro h2{font-size:32px}.article-grid{grid-template-columns:1fr;gap:25px}.article-grid p{font-size:18px}.article-grid h3{font-size:23px}.faq{grid-template-columns:1fr;gap:15px;padding:30px 0 45px}.faq h2{font-size:32px;margin-bottom:15px}summary{font-size:17px}details p{font-size:17px}footer{padding:28px 20px}.footer-links{gap:10px 20px}.prose{padding:40px 20px}.mobile-help{font-size:13px}.section-label h2{font-size:21px}.section-label>span{font-size:11px}}
@media(max-width:370px){main{padding:0 13px}.mixer{padding:15px}.sound-name{font-size:16px}.sound-tag{font-size:11px}.brand{font-size:16px}h1{font-size:33px}.sound-select{padding-left:11px}.sound-kind{padding-left:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Comfortable controls and secondary copy at common laptop and phone sizes. */
.sound-name{font-size:18px}.master-head,.timer-head{font-size:16px}select{font-size:16px}.volume-note,.timer-note{font-size:13px}.player-caption{font-size:13px}.stop{min-height:48px;font-size:15px}.quiet-button,.wake-label{min-height:48px;font-size:16px}.text-button{min-height:48px}.preset-buttons button{font-size:16px}.small-label{font-size:11px}.favorites p{font-size:15px}.favorites input,.favorites button{font-size:16px}.sound-kind{font-size:11px}.layer-volume output{font-size:12px}#status{font-size:13px}.mix-description{font-size:14px}
@media(max-width:370px){.sound-name{font-size:16px}.preset-buttons button{font-size:14px}.favorites form button{font-size:14px}}
.night-shortcut{min-width:48px}
@media(max-width:760px){h1{font-size:34px;line-height:1.16}.hero{padding-top:26px}.hero .eyebrow{margin-bottom:15px}}