@import url('/type.css');
:root{color-scheme:dark;--bg:#101318;--surface:#171c23;--ink:#f1eee8;--muted:#9da5b0;--line:#ffffff13;--accent:#dec4a4;--radius:18px;font-family:'Noise Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;font-weight:400;font-size:15px;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input[type=range]{accent-color:var(--accent);cursor:pointer;height:24px;min-width:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:28px;font-weight:480;letter-spacing:-.8px;line-height:1.2}h3{font-size:16px;font-weight:550}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:35px;font-weight:560;letter-spacing:-2px;display:inline-flex;align-items:center;gap:10px;line-height:1}.wordmark svg{width:34px;height:28px;stroke-width:1.9}.brand-dot{color:var(--accent);margin-left:-9px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--ink)}.icon-button{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .2s;font-size:20px;flex-shrink:0}.icon-button:hover{background:#ffffff0c}.hero{height:440px;position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate;background:#17202b}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 65%;position:absolute;inset:0;transition:opacity .25s,transform 2s;animation:art-entrance 1.5s ease-out both}.hero.switching>img{opacity:.3;transform:scale(1.025)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a1017e8 0%,#0a101732 60%,#0a101722)}.hero-top{position:absolute;left:36px;right:36px;top:28px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#b9b9bc}.hero .eyebrow{color:#efeee3bc}.sound-badge{font-size:11px;letter-spacing:1.5px;color:#ffffff85}.hero-content{position:absolute;bottom:33px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.current-label{font-size:12px;color:#e2ddd0b3;margin-bottom:7px}.hero h1{font-size:62px;line-height:1.12;letter-spacing:-2.5px;font-weight:470;color:#faf6ee;overflow-wrap:anywhere}.hero-content>div>p:last-child{color:#dedbd1af;font-size:14px;margin-top:9px}.play-button{height:76px;width:76px;border-radius:50%;background:var(--accent);color:#1c2026;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s;position:relative}.play-button:hover{transform:scale(1.045);background:#f0d9bc}.play-button:active{transform:scale(.96)}.play-button svg{height:29px;width:29px}.play-icon{fill:currentColor;stroke-width:0}.pause-icon{display:none;stroke-width:3}.is-playing .play-icon{display:none}.is-playing .pause-icon{display:block}.loading-ring{display:none;width:26px;height:26px;border:2px solid #1c202633;border-top-color:#1c2026;border-radius:50%;animation:spin 1s linear infinite}.is-loading .hero .play-icon,.is-loading .hero .pause-icon{display:none}.is-loading .loading-ring{display:block}.playback-tools{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:16px 0}.tool-button{height:44px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 15px;border-radius:9px;font-size:13px;transition:background .2s;white-space:nowrap}.tool-button:hover{background:var(--surface)}.tool-button>svg{color:var(--muted);width:19px;height:19px}.chevron{margin-left:14px;color:var(--muted)}.tiny-arrow{margin-left:7px;color:var(--muted)}.volume-control{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}.volume-control svg{width:18px;height:18px;color:var(--muted)}.volume-control input{width:110px}.volume-control span{font-size:11px;color:var(--muted);min-width:32px;font-variant-numeric:tabular-nums}.session-line{display:flex;justify-content:space-between;color:#79838f;font-size:11px;gap:10px;padding-top:12px}.session-line>span:first-child{display:flex;align-items:center;gap:7px}#status-dot{width:4px;height:4px;border-radius:50%;background:#758270}.is-playing #status-dot{background:#b6c699;box-shadow:0 0 8px #b6c69944}.section-gap{margin-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.section-heading h2{margin-top:9px}.section-heading p{font-size:13px;margin-top:10px}.filter-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.filter-tabs button{padding:10px 13px;color:var(--muted);font-size:12px;position:relative}.filter-tabs button.active{color:var(--accent)}.filter-tabs button.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:13px;right:13px}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.sound-card{text-align:left;padding:0;min-width:0;position:relative;animation:rise-in .4s both}.sound-art{position:relative;aspect-ratio:1.65;border-radius:12px;overflow:hidden;background:var(--surface)}.sound-art img{width:100%;height:100%;object-fit:cover;object-position:center 63%;transition:transform .6s,filter .4s;filter:brightness(.84)}.sound-card:hover img{transform:scale(1.045);filter:brightness(1)}.sound-card[aria-pressed=true] .sound-art:after{content:'';position:absolute;inset:0;border:1px solid #dec4a488;border-radius:12px}.card-play{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#101318a0;backdrop-filter:blur(6px);border-radius:50%;color:var(--ink)}.card-play svg{width:14px;height:14px}.sound-card[aria-pressed=true] .card-play{color:#25221f;background:var(--accent)}.card-text{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:13px}.card-text strong{font-weight:500;font-size:14px}.card-number{font-size:10px;color:#747d89;letter-spacing:1px}.sound-card p{font-size:12px;margin-top:3px}.mixer{border-top:1px solid var(--line);padding-top:48px}.mixer .section-heading h2{font-size:32px}.text-button{font-size:12px;color:var(--accent);padding:10px 0;min-height:44px;display:inline-flex;gap:10px;justify-content:center;align-items:center}.text-button:hover{color:#fff}.text-button span{font-size:16px}.mixer-workspace{display:grid;grid-template-columns:1fr 290px;gap:42px;align-items:center}.mix-layers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 36px}.layer-row{padding:14px 0;border-bottom:1px solid var(--line)}.layer-heading{display:flex;align-items:center;gap:10px;font-size:13px}.layer-heading img{width:30px;height:30px;object-fit:cover;border-radius:7px;filter:brightness(.8)}.layer-heading output{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.layer-row input{width:100%;margin:12px 0 0}.layer-row:has(input[value="0"]) .layer-heading{color:var(--muted)}.mix-actions{text-align:center;display:flex;align-items:center;flex-direction:column;border-left:1px solid var(--line);padding:8px 0 8px 36px}.mix-orbit{height:92px;width:92px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.mix-orbit>span{border:1px solid #c9b79832;border-radius:50%;position:absolute;inset:0;transform:rotate(40deg) scaleX(.65)}.mix-orbit>span:nth-child(2){transform:rotate(-40deg) scaleX(.65)}.mix-orbit>span:nth-child(3){transform:scale(.83)}.mix-orbit svg{width:40px;color:var(--accent)}.mix-summary{color:var(--ink);font-size:13px}.small{font-size:11px;line-height:1.65}.muted{color:var(--muted)}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:13px 22px;min-height:46px;background:var(--accent);color:#22262d;font-size:13px;font-weight:550;transition:background .2s}.primary-button svg{width:16px;height:16px;fill:currentColor;stroke:0}.primary-button:hover{background:#efd5b7}.mix-actions .primary-button{margin-top:20px;width:100%}.mix-actions>.small{max-width:225px;margin-top:6px}.saved-area{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.saved-mixes{display:flex;gap:10px;flex-wrap:wrap}.saved-mix{display:flex;align-items:center;background:var(--surface);border-radius:9px;font-size:12px;max-width:100%}.saved-mix>button:first-child{text-align:left;padding:13px 16px;overflow-wrap:anywhere}.saved-mix .delete-mix{height:44px;width:36px;color:var(--muted);font-size:16px;flex-shrink:0}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:70px;padding:27px 0 40px}.small-wordmark{font-size:23px}.small-wordmark .brand-dot{margin-left:-10px}.site-footer p{font-size:11px}.site-footer .text-button{font-size:11px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:12px;z-index:200}.skip-link:focus{top:10px}.mini-player{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:480px;padding:10px 12px;display:flex;gap:12px;align-items:center;background:#1d232df0;backdrop-filter:blur(20px);border:1px solid #ffffff15;border-radius:15px;box-shadow:0 10px 40px #0005;z-index:20;animation:mini-in .25s both}.mini-player img{border-radius:8px;object-fit:cover}.mini-player>div{display:flex;flex-direction:column;flex:1;min-width:0}.mini-player strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player span{font-size:10px;color:var(--muted)}.mini-player .icon-button{height:38px;width:38px}.mini-play{background:var(--accent);color:#25221f}.mini-play svg{width:18px;height:18px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 18px;background:#2a303a;border:1px solid #ffffff18;border-radius:11px;z-index:200;color:var(--ink);font-size:13px;box-shadow:0 10px 30px #0005}dialog{color:var(--ink);background:var(--surface);border:1px solid #ffffff15;box-shadow:0 30px 100px #0008;border-radius:20px;padding:28px;max-width:480px;width:calc(100% - 30px);max-height:calc(100dvh - 40px);overflow-y:auto}dialog::backdrop{background:#070a0fbb;backdrop-filter:blur(8px)}dialog[open]{animation:rise-in .25s ease-out}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.dialog-header h2{font-size:25px}.dialog-header>.icon-button{margin-right:-10px;font-size:18px}.sheet>p{font-size:13px;margin:12px 0}.sheet h3{margin:24px 0 7px;font-size:14px}.sheet p{line-height:1.75}.sheet .small{font-size:11px}.output-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 2px;border-bottom:1px solid var(--line)}.option-symbol{font-size:22px;color:var(--accent);width:28px;display:flex;align-items:center;justify-content:center}.output-option strong{font-weight:500;font-size:14px;display:block}.output-option small{font-size:11px;color:var(--muted);display:block;margin-top:3px;line-height:1.6}.option-end{margin-left:auto;color:var(--muted)}.output-note{color:var(--accent);margin-top:22px!important}.danger{color:#deb5aa}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.timer-option{min-height:48px;border-radius:9px;border:1px solid var(--line);font-size:13px}.timer-option.selected{border-color:#dec4a47d;color:var(--accent);background:#dec4a40a}.field-label{display:block;font-size:12px;color:var(--muted);margin:20px 0 8px}.text-input{background:var(--bg);border:1px solid #ffffff20;border-radius:8px;width:100%;padding:14px;color:var(--ink);font-size:16px}.sheet form>p{margin:14px 0 22px}.sheet form>.primary-button{width:100%}.info-sheet p{font-size:13px}.info-sheet{max-width:560px}#visual-dialog{border:0;padding:0;margin:0;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#080c14;border-radius:0;overflow:hidden}#visual-dialog:fullscreen{height:100%;width:100%}#visual-canvas{width:100%;height:100%;position:absolute;inset:0;filter:brightness(.65)}.visual-tint{position:absolute;inset:0;background:linear-gradient(#0002,transparent 20%,transparent 70%,#0005);pointer-events:none}.visual-top{position:absolute;left:32px;right:24px;top:max(25px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center}.visual-top .wordmark{font-size:30px}.visual-top>div{display:flex;gap:4px}.visual-caption{position:absolute;top:48%;left:0;right:0;text-align:center;pointer-events:none}.visual-caption .eyebrow{font-size:10px;color:#ffffff80;letter-spacing:4px}.visual-caption #breathing-label{display:block;margin-top:16px;color:#ddd7ccaa;font-size:14px;letter-spacing:1px}.visual-bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:24px;right:24px;max-width:520px;margin:auto;display:flex;flex-direction:column;gap:18px}.visual-modes{display:flex;justify-content:center;gap:4px;background:#10172288;border:1px solid #ffffff12;backdrop-filter:blur(12px);padding:5px;border-radius:30px}.visual-modes>button{flex:1;padding:10px 8px;color:#bcc1c9;font-size:12px;border-radius:24px}.visual-modes>button.active{color:#f3e4d1;background:#ffffff12}.visual-bottom-row{display:flex;align-items:center;gap:12px;justify-content:center}.visual-bottom-row .text-button{font-size:11px;color:#babac0}.visual-bottom-row .icon-button{font-size:15px}.brightness-control{display:flex;align-items:center;gap:10px;font-size:11px;color:#babac0;flex:1;max-width:190px}.brightness-control input{width:100%;max-width:120px}.visual-controls{transition:opacity 1s}.visual-idle .visual-controls{opacity:.14}.visual-idle .visual-controls:focus-within,.visual-idle .visual-controls:hover{opacity:1}#dark-screen{position:absolute;inset:0;background:#000;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#dark-screen span{font-size:12px;color:#343434}.volume-control.ios-volume input,.volume-control.ios-volume #volume-value{display:none}.volume-control.ios-volume:after{content:'Phone volume';font-size:11px;color:var(--muted)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes art-entrance{from{transform:scale(1.025);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes mini-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.wrap{max-width:1300px}.hero{height:490px}.sound-art{aspect-ratio:1.75}}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:85px}.hero{height:395px}.hero h1{font-size:52px}.hero-top{left:26px;right:26px}.hero-content{left:26px;right:26px;bottom:27px}.playback-tools{gap:0;flex-wrap:wrap}.tool-button{padding:0 10px;gap:8px}.chevron{margin-left:3px}.volume-control{gap:7px}.volume-control input{width:70px}.volume-control span{display:none}.section-gap{margin-top:50px}.sound-grid{gap:24px 18px}.sound-art{aspect-ratio:1.25}.mixer-workspace{grid-template-columns:1fr 220px;gap:22px}.mix-layers{gap:10px 22px}.mix-actions{padding-left:20px}.site-footer{flex-wrap:wrap}.site-footer p{flex:1;text-align:right}.site-footer>.text-button{width:100%;margin-top:-10px}.filter-tabs button{padding:10px}}
@media(max-width:560px){:root{font-size:14px}.wrap{padding-left:20px;padding-right:20px}.site-header{height:80px}.wordmark{font-size:31px;gap:8px}.wordmark svg{width:28px}.site-header nav{gap:19px;font-size:11px}.site-header nav .icon-button{width:32px;margin-right:-5px}.site-header nav a:first-child{display:none}.hero{height:360px;border-radius:14px;margin:0 -2px}.hero>img{object-position:center 55%}.hero-top{top:22px;left:22px;right:22px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.sound-badge{font-size:9px}.hero-content{left:22px;right:22px;bottom:26px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-content>div>p:last-child{font-size:12px;margin-top:7px}.current-label{font-size:11px}.play-button{width:59px;height:59px;margin-bottom:2px}.play-button svg{width:23px;height:23px}.playback-tools{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 0 8px;gap:0}.tool-button{font-size:11px;gap:7px;padding:0 5px;height:42px}.tool-button>svg{height:17px;width:17px}.chevron{margin-left:0}.tiny-arrow{margin-left:0}.volume-control{grid-column:1/-1;width:100%;margin:6px 0 2px;gap:14px}.volume-control input{flex:1;width:100%}.volume-control span{display:block;font-size:10px}.volume-control svg{height:15px;width:15px}.volume-control.ios-volume{justify-content:center;margin-top:4px}.session-line{font-size:9px;padding-top:10px}.section-gap{margin-top:40px}.section-heading{margin-bottom:20px;align-items:center;gap:12px}.section-heading h2{font-size:23px;margin-top:7px;letter-spacing:-.6px}.eyebrow{font-size:8px;letter-spacing:1.8px}.filter-tabs button{font-size:10px;padding:9px 7px}.filter-tabs button.active:after{left:7px;right:7px}.sound-grid{grid-template-columns:repeat(2,1fr);gap:24px 15px}.sound-art{aspect-ratio:1.18;border-radius:10px}.sound-card[aria-pressed=true] .sound-art:after{border-radius:10px}.card-text{margin-top:9px}.card-text strong{font-size:12px}.card-number{font-size:8px}.sound-card p{font-size:10px;margin-top:3px}.card-play{width:27px;height:27px;right:9px;bottom:9px}.mixer{padding-top:31px}.mixer .section-heading{align-items:flex-end;flex-wrap:wrap}.mixer .section-heading h2{font-size:27px}.mixer .section-heading p{font-size:12px}.mixer .section-heading>.text-button{font-size:10px;min-height:30px}.mixer-workspace{grid-template-columns:1fr;gap:0}.mix-layers{grid-template-columns:1fr;gap:0}.layer-row{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:15px;padding:14px 0}.layer-heading{font-size:12px;gap:8px;position:relative}.layer-heading img{width:26px;height:26px}.layer-heading output{position:absolute;right:0;top:-9px;font-size:8px}.layer-row input{margin:0}.mix-actions{border-left:0;padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;text-align:left}.mix-actions .mix-orbit{display:none}.mix-summary{font-size:12px;align-self:end}.mix-actions>.small{margin-top:3px;font-size:10px;grid-column:1;align-self:start}.mix-actions .primary-button{grid-column:2;grid-row:1/3;margin:0;font-size:12px}.mix-actions>.text-button{grid-column:2;font-size:10px;margin:3px 0 0}.mix-actions #mix-message{grid-row:3;min-height:0}.saved-heading h3{font-size:13px}.saved-heading .small{font-size:9px}.site-footer{margin-top:45px;padding-top:24px;padding-bottom:105px}.site-footer p{font-size:9px}.site-footer .text-button{font-size:10px}.sheet{padding:20px;border-radius:18px}.sheet .dialog-header h2{font-size:23px}.visual-top{left:23px;right:16px;top:max(20px,env(safe-area-inset-top))}.visual-top .wordmark{font-size:27px}.visual-bottom{left:18px;right:18px;bottom:max(25px,env(safe-area-inset-bottom))}.visual-bottom-row{gap:6px}.visual-modes>button{font-size:11px}.brightness-control{max-width:125px;font-size:10px}.brightness-control input{max-width:80px}.visual-bottom-row .text-button{font-size:10px}.visual-bottom-row .icon-button{width:37px;height:37px}.output-note{font-size:11px}}
@media(max-width:360px){.wrap{padding-left:15px;padding-right:15px}.hero{height:320px}.hero h1{font-size:36px}.play-button{width:52px;height:52px}.tool-button{font-size:10px;gap:4px}.section-heading h2{font-size:21px}.filter-tabs button{padding:9px 5px}.layer-row{grid-template-columns:125px 1fr}.mixer .section-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}