@font-face{font-family:Domo;src:local('Avenir Next'),local('Avenir'),local('Segoe UI')}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#e9edf5;color:#303441;font-family:Domo,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6c7de1;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;display:block;flex-shrink:0}button{color:inherit}button:hover{filter:brightness(.975)}.rail{position:fixed;inset:0 auto 0 0;width:82px;border-right:1px solid #e8eaf0;background:#f3f5fa;display:flex;align-items:center;flex-direction:column;z-index:5}.brand-mark{margin:28px 0 66px}.brand-mark img{width:39px}.rail nav{display:grid;gap:18px}.rail-button{background:transparent;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#8890a2}.rail-button.current{background:#e3e9fb;color:#536ed8}.rail-bottom{margin-top:auto;margin-bottom:130px;color:#9da5b5}.app{margin-left:82px}header{height:96px;display:flex;align-items:center;padding:0 5.3%;gap:36px}.wordmark{font-size:34px;font-weight:600;letter-spacing:-2px}.wordmark span{font-size:11px;vertical-align:top;line-height:35px;margin-left:4px;letter-spacing:0}.header-note{font-size:13px;color:#8a8e9d}.quiet-button{margin-left:auto;background:transparent;display:flex;align-items:center;gap:10px;font-size:14px}.quiet-button svg{width:17px}#saved-count{font-size:12px;background:#e9ecf4;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}main{max-width:1320px;margin:auto;padding:0 5.3% 114px}.intro{min-height:341px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:2px 0 32px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:600;color:#7c8194;display:flex;align-items:center;gap:10px}.little-star{color:#7b7edc;font-size:19px}h1{font-size:62px;line-height:1.06;letter-spacing:-3px;font-weight:500;margin:20px 0 17px}h1 span{background:linear-gradient(100deg,#6386e9,#9a7ccc 80%);background-clip:text;-webkit-text-fill-color:transparent}.intro p{font-size:15px;line-height:1.8;color:#808595;margin:0}.intro-hint{display:flex;gap:8px;align-items:center;font-size:12px;color:#999eac;margin-top:24px}.intro-hint svg{width:16px}.hero-art{position:relative;height:340px;display:grid;place-items:center;isolation:isolate}.halo{position:absolute;width:100%;height:90%;background:radial-gradient(ellipse,#dce5fb99,transparent 65%);filter:blur(15px)}.sphere{width:232px;height:232px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#f1f5ff 1%,#dee9fe 20%,#b9d0fb 41%,#9ca9ec 61%,#9e86d7 77%,#c4b4e5 95%);box-shadow:inset -15px -18px 25px #7f7bc02b,inset 3px 5px 17px #ffffffd0,0 38px 55px -29px #9397ce99;position:relative;animation:float 9s ease-in-out infinite}.sphere-light{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 62% 65%,#b9bffa88,transparent 50%);box-shadow:inset 0 0 25px #e9e7ff80}.orbit{position:absolute;width:340px;height:104px;border:1px solid #aebee15c;border-radius:50%;transform:rotate(-26deg);pointer-events:none}.orbit-two{width:300px;height:300px;transform:rotate(-25deg);border-color:#d8dff044;z-index:-1}.art-star{position:absolute;color:#a2a8d6}.star-one{right:18%;top:16%;font-size:29px}.star-two{left:15%;bottom:21%;font-size:16px}.art-caption{position:absolute;bottom:1px;font-size:9px;letter-spacing:2.1px;color:#969bad}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}h2{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:500}.section-heading p{font-size:13px;color:#9297a4;margin:7px 0 0}.section-meta{font-size:9px;letter-spacing:1.4px;color:#9a9fac}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.preset{position:relative;overflow:hidden;text-align:left;height:148px;border-radius:20px;padding:22px;isolation:isolate;transition:transform .25s,box-shadow .25s}.preset:hover{transform:translateY(-4px);box-shadow:0 9px 20px #59689112}.preset.focus{background:#eaf0fe;color:#53649b}.preset.rest{background:#eaeaf9;color:#71688b}.preset.calm{background:#e7f1ee;color:#4c7e75}.preset.study{background:#f7eee5;color:#927453}.preset-orb{position:absolute;width:150px;height:150px;border-radius:50%;right:-26px;top:19px;background:radial-gradient(circle at 25% 20%,#ffffffa0,#9ab5f7b0 48%,#96a4e9);box-shadow:inset -10px -8px 19px #626eb52b;z-index:-1}.rest .preset-orb{background:radial-gradient(circle at 25% 20%,#ffffff90,#c2b7e6 50%,#9f8cce)}.calm .preset-orb{background:radial-gradient(circle at 25% 20%,#ffffff90,#aad8ca 50%,#7ebdaf)}.study .preset-orb{background:radial-gradient(circle at 25% 20%,#fff8,#e7cba8 50%,#d4ae86)}.preset>svg{width:21px;margin-bottom:17px}.preset strong{font-size:17px;font-weight:500;display:block}.preset small{display:block;font-size:11px;margin-top:5px;opacity:.8}.preset-play{position:absolute;bottom:19px;right:17px;width:30px;height:30px;border-radius:50%;background:#ffffff70;display:grid;place-items:center}.preset-play svg{width:14px}.sound-section{margin-top:42px}.text-button{display:flex;align-items:center;gap:8px;background:transparent;color:#8d92a2;font-size:12px}.text-button svg{width:15px}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:22px}.filter{padding:9px 17px;background:transparent;border-radius:24px;color:#8a90a0;font-size:12px}.filter.active{background:#e7ecfa;color:#526ab7}.sound-count{margin-left:auto;color:#9ba0ad;font-size:11px}.sounds{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.sound{background:#fff;border:1px solid #e9ecf2;border-radius:18px;min-height:132px;position:relative;transition:all .2s;overflow:hidden}.sound.selected{background:#eef2fe;border-color:#bccaf2;box-shadow:0 2px 10px #677ad408}.sound-toggle{background:transparent;display:flex;flex-direction:column;gap:13px;align-items:center;width:100%;padding:20px 5px 10px}.sound-toggle svg{width:29px;height:29px;color:#8791a7;stroke-width:1.4}.sound-toggle span:last-child{font-size:13px;color:#707a8d}.sound.selected .sound-toggle svg,.sound.selected .sound-toggle span:last-child{color:#637ed1}.sound-check{position:absolute;right:10px;top:9px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#7086d8;color:white;font-size:9px}.sound input{width:calc(100% - 40px);margin:0 20px 14px;display:block;height:12px;accent-color:#758cdd}.sound:not(.selected) input{visibility:hidden}input[type=range]{cursor:pointer;accent-color:#7a8fd5;height:4px}footer{display:flex;align-items:center;gap:8px;font-size:11px;color:#a3a8b5;margin-top:32px}footer img{width:20px;opacity:.5}footer span{margin-left:auto;font-size:9px;letter-spacing:1.2px}.player{position:fixed;bottom:0;left:82px;right:0;background:#fffffff2;backdrop-filter:blur(22px);border-top:1px solid #e8ebf3;min-height:91px;display:flex;align-items:center;justify-content:space-between;padding:16px 4.4%;gap:20px;z-index:10}.mix-info{display:flex;align-items:center;gap:13px;min-width:240px}.mix-icon{width:46px;height:46px;background:#edf0fb;border-radius:15px;display:grid;place-items:center;color:#7e8ec6}.mix-info strong{font-size:13px;font-weight:500;display:block}.mix-info>div>span{display:block;font-size:11px;color:#9a9eab;margin-top:5px}.play-controls{display:flex;align-items:center;gap:22px}.play-button{width:48px;height:48px;border-radius:50%;background:#303c5d;color:white;display:grid;place-items:center}.play-button svg{width:21px}.play-label{font-size:11px;color:#8d95a5;min-width:72px}.equalizer{display:flex;align-items:center;gap:3px;height:22px;width:30px}.equalizer i{width:3px;background:#aab7df;border-radius:2px;height:7px}.equalizer i:nth-child(2),.equalizer i:nth-child(4){height:15px}.equalizer i:nth-child(3){height:21px}body.playing .equalizer i{animation:equalize 1s ease-in-out infinite alternate}body.playing .equalizer i:nth-child(even){animation-delay:-.7s}.player-tools{display:flex;align-items:center;gap:13px;color:#8790a2}.player-tools>svg{width:17px}#master{width:70px}.divider{height:24px;width:1px;background:#eaedf2;margin:0 5px}.tool-button{display:flex;align-items:center;gap:7px;background:transparent;font-size:12px;white-space:nowrap}.tool-button svg{width:17px}.save-button{display:flex;align-items:center;gap:8px;background:#eef1fa;color:#6377b2;border-radius:25px;padding:12px 17px;font-size:12px;white-space:nowrap}.save-button svg{width:16px}dialog{border:1px solid #e5e9f4;border-radius:25px;padding:28px;width:min(420px,calc(100% - 32px));box-shadow:0 30px 100px #35456625;color:#303441}dialog::backdrop{background:#28354d38;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.icon-button{padding:7px;background:transparent}dialog p{color:#8a91a1;font-size:14px;line-height:1.6}dialog label{display:block;font-size:13px;margin:23px 0 8px}#domo-name{padding:14px;border-radius:12px;border:1px solid #dbe1ef;width:100%;font-size:14px}.primary-button{width:100%;background:#6d82ce;color:#fff;padding:14px;border-radius:25px;margin-top:22px;font-size:14px}.timer-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.timer-options button{padding:13px 19px;background:#edf0fb;border-radius:20px;color:#6577ab}#toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%) translateY(10px);background:#35415e;color:white;border-radius:20px;padding:12px 22px;font-size:13px;opacity:0;transition:.2s;pointer-events:none;z-index:30}#toast.visible{opacity:1;transform:translateX(-50%)}#saved-view{padding-top:20px;min-height:450px}.empty-state{padding:55px 25px;text-align:center;border:1px dashed #d6ddec;border-radius:20px;color:#8b93a4}.saved-item{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e5eaf4;border-radius:18px;padding:20px;margin-bottom:12px}.saved-item>div{flex:1}.saved-item strong{display:block;font-size:16px}.saved-item small{color:#929baa;display:block;margin-top:6px}.saved-item button{background:#edf1fb;padding:10px;border-radius:50%;color:#6d7fb4}@keyframes float{50%{transform:translateY(-9px)}}@keyframes equalize{to{transform:scaleY(.35)}}@media(min-width:1500px){.intro{margin:22px 0 42px;min-height:380px}.hero-art{height:370px}.sphere{width:270px;height:270px}h1{font-size:72px}.sound{min-height:145px}.preset{height:163px}}@media(max-width:1100px){.player{padding:16px 25px}.play-label{display:none}.mix-info{min-width:200px}.player-tools{gap:8px}.section-meta{display:none}.preset{padding:19px}.preset small{font-size:10px}.sounds{grid-template-columns:repeat(4,1fr)}h1{font-size:56px}.sphere{width:210px;height:210px}.orbit{width:290px}}@media(max-width:900px){.rail{display:none}.app{margin-left:0}header{height:79px;padding:0 6%}.header-note{display:none}.wordmark{font-size:31px}main{padding:0 6% 160px}.intro{min-height:290px;margin:4px 0 27px;grid-template-columns:1.2fr 1fr;position:relative}.intro-copy{position:relative;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.2px;white-space:nowrap}h1{font-size:47px;letter-spacing:-2px;margin-top:16px}.intro p{font-size:12px;line-height:1.8}.intro-hint{font-size:10px;white-space:nowrap}.hero-art{height:260px;position:absolute;right:-3%;width:45%;top:0;opacity:.85}.sphere{width:135px;height:135px}.orbit{width:178px;height:61px}.orbit-two{width:160px;height:160px}.art-caption{display:none}.star-one{right:3%;top:17%}.star-two{left:10%;bottom:18%}h2{font-size:19px}.section-heading p{font-size:12px;line-height:1.6}.presets{grid-template-columns:repeat(2,1fr);gap:12px}.preset{height:139px}.preset small{font-size:11px}.preset-orb{width:135px;height:135px;right:-35px}.sounds{grid-template-columns:repeat(3,1fr);gap:10px}.sound-toggle span:last-child{font-size:12px}.sound{min-height:125px}.sound-section{margin-top:31px}.sound-section .section-heading{align-items:flex-start}.text-button{font-size:10px;white-space:nowrap;padding:4px 0}.filter-row{gap:2px;flex-wrap:wrap}.filter{padding:9px 12px;font-size:11px}.sound-count{display:none}footer span{display:none}footer{font-size:10px}.player{left:0;flex-wrap:wrap;gap:10px;padding:12px 6%;min-height:122px}.mix-info{flex:1;min-width:0}.mix-info strong{font-size:12px}.mix-info>div>span{font-size:10px}.mix-icon{width:37px;height:37px}.play-controls{gap:12px}.play-button{width:42px;height:42px}.player-tools{width:100%;justify-content:flex-start}.player-tools .save-button{margin-left:auto;padding:9px 15px}.player-tools .divider{margin:0 12px}#master{width:65px}#toast{bottom:145px;width:max-content;max-width:90%;text-align:center}.quiet-button{font-size:12px}.sound-check{right:7px;top:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}[hidden]{display:none!important}

/* Comfortable reading sizes and touch targets. */
.intro p{font-size:16px}.section-heading p,.sound-toggle span:last-child,.filter,.quiet-button,.text-button,.tool-button,.save-button,.mix-info strong{font-size:14px}.preset small,.intro-hint,.mix-info>div>span,.header-note,.sound-count,footer{font-size:12px}.filter{min-height:40px}.tool-button{min-height:40px}.preset strong{position:relative;max-width:90%}.preset small{max-width:85%;line-height:1.5}.preset-play{bottom:16px;right:12px}.preset{height:158px}.intro{min-height:315px}.sound input{height:18px}button{min-height:24px}@media(max-width:1100px) and (min-width:901px){.presets{grid-template-columns:repeat(2,1fr)}.player{gap:12px}.player-tools{gap:6px}.equalizer{display:none}.mix-info{min-width:160px}.save-button span{display:none}.save-button{padding:11px}}@media(max-width:900px){.intro p{font-size:14px;max-width:230px}.intro-hint{font-size:12px}.hero-art{right:-1%;opacity:.75}.presets{gap:12px}.preset{height:155px}.preset strong{font-size:16px}.preset small{font-size:12px}.section-heading{align-items:flex-start}.sound-section .section-heading{flex-wrap:wrap;gap:10px}.section-heading p{font-size:14px}.filter{padding:9px 12px}.sound-toggle span:last-child{font-size:14px}.sound-toggle{padding-top:20px}.player{padding-bottom:max(12px,env(safe-area-inset-bottom))}.player-tools{gap:7px}.player-tools .divider{margin:0 3px}.save-button{font-size:12px}.mix-info strong{font-size:14px}.mix-info>div>span{font-size:12px}.text-button{font-size:12px}.sound-count{display:none}.intro{min-height:315px}.art-caption{display:none}}@media(max-width:380px){.hero-art{opacity:.45}.intro-copy{max-width:240px}.player-tools .divider{display:none}.player-tools>svg{display:none}.filter{font-size:12px}.save-button{padding:9px!important}}

@media(max-width:900px){.intro{overflow:hidden;margin-right:-6.8%;padding-right:6.8%;grid-template-columns:1fr}.intro-copy{width:100%}.intro h1{white-space:nowrap}.intro p{max-width:230px}.hero-art{right:1%;top:5px;z-index:0;width:43%}.intro-copy{z-index:1}.hero-art .sphere{opacity:.8}.intro h1{font-size:46px}.presets{min-width:0}.preset{min-width:0}.preset strong,.preset small{max-width:100%}.preset small{padding-right:14px}.preset-play{width:25px;height:25px;bottom:10px;right:8px}}