:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#263d33;background:#f5f6f2;font-synthesis:none;font-weight:400;font-size:14px;--green:#294b3d;--muted:#90978e;--line:#e6e9e1;--serif:"Songti SC","Noto Serif CJK SC","STSong",Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{cursor:default;opacity:.45}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #71927a}button{transition:background .2s,transform .2s,opacity .2s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input[type=range]{appearance:none;height:3px;border:0;background:linear-gradient(to right,#3d5d4b var(--range,75%),#e2e5de var(--range,75%));border-radius:10px;cursor:pointer;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#fff;border:1px solid #d9dfd5;border-radius:50%;box-shadow:0 1px 4px #18291d25}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#fff;border:1px solid #d9dfd5;border-radius:50%}.app-shell{display:flex;min-height:100vh}.sidebar{width:202px;flex-shrink:0;position:fixed;inset:0 auto 0 0;padding:35px 17px 22px;color:#dae0d5;background:linear-gradient(180deg,#1c352b 25%,#1c352bb3 64%,#142b24ed),url(/images/nature-atlas.png) center bottom/auto 65% no-repeat;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin:0 17px 57px;font-family:var(--serif);font-size:26px;letter-spacing:3px;color:#f4f4e9}.brand small{display:block;font:8px/1.8 sans-serif;letter-spacing:2px;margin-top:5px;color:#a9bbac}.brand-moon{display:flex;transform:rotate(-15deg);color:#e6e9d8}.sidebar nav{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:12px;text-align:left;font-size:13px;letter-spacing:1px;color:#b8c7bb;position:relative}.nav-item.active{background:#ffffff0d;color:#f1f1e6}.nav-item.active:before{content:"";position:absolute;left:0;height:24px;width:2px;background:#d1dfb4;border-radius:2px}.nav-item:hover{background:#ffffff0c}.nav-dot{width:5px;height:5px;background:#c5d4ae;border-radius:50%;margin-left:auto}.sidebar-poem{margin:auto 21px 36px;padding-top:150px}.tiny-line{display:block;width:23px;height:1px;background:#a1b7a4;margin-bottom:19px}.sidebar-poem p{font:14px/2 var(--serif);letter-spacing:1px;color:#d5decd}.sidebar-poem small{display:block;font-size:7px;line-height:1.9;letter-spacing:1.8px;color:#a4b7a6;margin-top:20px}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff15;padding:20px 8px 0;font-size:10px;color:#a4b6a7}.sidebar-bottom svg:last-child{margin-left:auto}.workspace{margin-left:202px;padding:28px 38px 0;max-width:1800px;width:calc(100% - 202px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;height:30px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;color:#738774}.top-actions{display:flex;align-items:center;gap:24px}.today-note{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#7e8b7d}.today-note>span{width:5px;height:5px;border-radius:50%;background:#839778}.avatar{width:33px;height:33px;border-radius:50%;background:#e4e8dc;display:grid;place-items:center;color:#647759}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.greeting h1{font:32px/1.45 var(--serif);letter-spacing:2px;color:#22352b}.greeting p{font-size:11px;letter-spacing:.7px;color:#93998f;margin-top:10px}.greeting-mark{margin-right:9px;color:#a6b39a;transform:rotate(-10deg)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:26px}main{min-width:0}.scene{background-repeat:no-repeat;background-position:center;background-size:cover}.forest{background-image:url(/images/nature-atlas.png)}.ocean{background-image:url(/images/nature-atlas.png)}.fire{background-image:url(/images/nature-atlas.png)}.stream{background-image:url(/images/nature-atlas.png)}.hero{height:366px;border-radius:17px;overflow:hidden;color:#f7f7eb;position:relative;background-position:center 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081e23a6,#0c273c14),linear-gradient(0deg,#0c242984,transparent 55%)}.hero-label{position:absolute;top:26px;left:29px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;color:#dce5d8}.hero-label>span{height:4px;width:4px;border-radius:50%;background:#d3e3b8}.hero-copy{position:absolute;left:30px;top:105px}.hero-copy .eyebrow{color:#d2dacc;font-size:8px;letter-spacing:3px;margin-bottom:14px}.hero h2{font:35px/1.4 var(--serif);letter-spacing:2px}.hero p{font:12px/1.9 var(--serif);letter-spacing:1.3px;margin-top:15px;color:#e1e7df}.hero-cta{margin-top:23px;display:flex;align-items:center;gap:13px;color:#294336;background:#f4f3e9;border-radius:30px;padding:5px 16px 5px 5px;font-size:12px;letter-spacing:1px}.hero-cta>span{width:34px;height:34px;border-radius:50%;background:#29493b;color:#f0f1e7;display:grid;place-items:center}.hero-cta>span svg{margin-left:2px}.hero-cta>svg{margin-left:14px}.hero-cta:hover{background:#fff}.hero-bottom{position:absolute;bottom:22px;left:30px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#d0d8d0}.hero-index{position:absolute;bottom:23px;right:27px;font-size:10px;letter-spacing:1px}.hero-index i{font-style:normal;color:#9eaca3;font-size:9px;margin-left:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 19px}.section-heading h2{font:23px/1.4 var(--serif);letter-spacing:1px}.section-heading h2 span{font:7px sans-serif;letter-spacing:2px;color:#a0aa97;margin-left:14px;vertical-align:middle}.section-heading p{font-size:10px;color:#92998d;margin-top:7px;letter-spacing:.6px}.sound-count{font-size:9px;color:#969e91}.filter-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:19px}.pills{display:flex;gap:7px}.pills button{font-size:10px;padding:7px 15px;border:1px solid #e1e5dc;border-radius:20px;color:#7d897c;background:#f8f9f5;white-space:nowrap}.pills button.active{background:#2d4b3d;border-color:#2d4b3d;color:#f0f3e9}.search{display:flex;align-items:center;gap:7px;color:#929c8c}.search input{width:116px;border:none;outline:none;background:transparent;font-size:10px;color:#3d5443}.search input::placeholder{color:#a0a698}.sound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sound-card{min-width:0}.card-image{height:170px;border-radius:12px;position:relative;overflow:hidden;transition:filter .3s}.card-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#15292265);pointer-events:none}.sound-card:hover .card-image{filter:brightness(1.07)}.sound-card.selected .card-image{outline:2px solid #788c6b;outline-offset:3px}.favorite-button{position:absolute;top:8px;right:7px;width:28px;height:28px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 4px #0005);z-index:1}.card-play{position:absolute;bottom:11px;right:10px;width:29px;height:29px;border:1px solid #ffffff9c;color:#fff;border-radius:50%;display:grid;place-items:center;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#152e2625}.selected .card-play{background:#edf1e4;color:#2c503d;border-color:#edf1e4}.sound-status{position:absolute;bottom:15px;left:10px;display:flex;align-items:center;gap:5px;font-size:8px;color:#eef1e6;z-index:1}.equalizer{display:flex;align-items:center;height:12px;gap:2px}.equalizer i{height:5px;width:2px;background:currentColor;border-radius:2px}.equalizer i:nth-child(2){height:11px}.equalizer i:nth-child(3){height:8px}.equalizer.moving i{animation:equalize 1s ease-in-out infinite alternate}.equalizer.moving i:nth-child(2){animation-delay:-.6s}.equalizer.moving i:nth-child(3){animation-delay:-.3s}@keyframes equalize{to{height:3px}}.card-info{padding:13px 1px 17px}.card-info h3{font:16px var(--serif);letter-spacing:.5px}.card-info p{font-size:8px;color:#92998d;letter-spacing:.5px;margin-top:7px}.gentle-note{display:flex;align-items:center;gap:10px;margin-top:17px;padding:22px 0;border-top:1px solid var(--line);font-size:10px;color:#83927c}.gentle-note>span:not(.note-line){letter-spacing:.6px}.note-line{flex:1}.gentle-note small{font-size:7px;letter-spacing:1.7px;color:#a3ad9b}.right-column{min-width:0}.mixer{padding:23px 20px 17px;background:#fbfcf8;border:1px solid #e9ece3;border-radius:18px;box-shadow:0 5px 28px #34492904}.mixer-heading{display:flex;align-items:center;gap:12px}.mixer-heading h2{font:22px/1.4 var(--serif);letter-spacing:1px;margin-right:auto}.mixer-heading>svg{color:#8f9b87}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#58704e;padding:4px 0}.subtle{font-size:9px;color:#98a08f}.mixer-caption{font-size:9px;color:#9ca493;letter-spacing:.5px;margin-top:8px}.track-list{margin-top:21px;max-height:335px;overflow:auto;scrollbar-width:thin}.track{display:flex;gap:11px;margin-bottom:18px}.track-art{width:53px;height:62px;flex-shrink:0;border-radius:9px}.track-content{flex:1;min-width:0}.track-title{display:flex;justify-content:space-between;align-items:center}.track h3{font-size:12px;font-weight:500;letter-spacing:.4px}.icon-button{display:grid;place-items:center;padding:4px;color:#88947f;border-radius:5px}.icon-button:hover{background:#dde4d641}.track-content p{font-size:8px;color:#a0a694;letter-spacing:.5px;margin-top:3px}.volume-row{display:flex;align-items:center;gap:7px;margin-top:12px;color:#738368}.volume-row input{width:100%;margin:0}.volume-row span{font-size:8px;color:#909b86;width:28px;flex-shrink:0;text-align:right}.main-controls{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:23px}.main-play{display:grid;place-items:center;width:63px;height:63px;background:#2b4a3b;color:#f8f8ed;border:5px solid #e8ece2;box-shadow:0 2px 6px #38452d18;border-radius:50%}.main-play:hover{background:#3d5e49}.play-caption{font-size:8px;color:#9ca694;text-align:center;letter-spacing:.5px;margin:14px 0 23px}.timer-row{display:flex;align-items:center;gap:7px;padding:13px 0;border-top:1px solid #e8ecdf;border-bottom:1px solid #e8ecdf;font-size:10px;color:#758269}.timer-row>span{flex:1}.select-wrap{display:flex;position:relative;align-items:center}.select-wrap select{background:transparent;border:0;appearance:none;color:#65785a;font-size:10px;padding:3px 19px 3px 6px;cursor:pointer;max-width:88px}.select-wrap svg{pointer-events:none;position:absolute;right:2px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:25px;background:#2c4a3c;color:#f3f3e8;padding:13px 24px;font-size:11px;letter-spacing:.6px}.primary-button:hover{background:#3c5d47}.save-button{width:100%;margin-top:18px;min-height:42px}.mixer-footnote{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#a6ae9e;margin-top:12px}.mixer-footnote>span{width:4px;height:4px;background:#b3bfa7;border-radius:50%}.breath-teaser{padding:21px;margin-top:20px;background:linear-gradient(130deg,#edf1e7,#f5f6ed);border:1px solid #e6ebde;border-radius:16px}.teaser-header{display:flex;gap:10px;align-items:center}.leaf-badge{color:#6e8660;display:grid;place-items:center}.teaser-header h3{font:14px var(--serif);letter-spacing:.6px}.teaser-header p{font-size:9px;margin-top:6px;color:#929e85}.teaser-body{display:flex;align-items:center;gap:32px;justify-content:center;padding:23px 0}.mini-orb{position:relative;width:76px;height:76px;display:grid;place-items:center;background:#c4d0b427;border-radius:45% 55% 54% 46%/42% 45% 55% 58%;transform:rotate(22deg)}.mini-orb:before,.mini-orb:after,.mini-orb>div{content:"";position:absolute;width:62px;height:67px;background:#a3b48d33;border-radius:41% 59% 45% 55%;transform:rotate(75deg)}.mini-orb:after{width:51px;height:56px;transform:rotate(130deg);background:#a3b48d33}.mini-orb>div{width:40px;height:40px;background:#8aa47444;filter:blur(5px)}.teaser-body p{font-size:10px;color:#8d987f;line-height:2.3;letter-spacing:3px}.teaser-body b{font-family:Georgia,serif;font-weight:400;color:#5f7351}.breath-button{display:flex;width:100%;justify-content:center;align-items:center;gap:26px;padding:11px;background:#e5eadc;border-radius:22px;font-size:10px;letter-spacing:1px;color:#69805a}.quiet-footer{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:22px;color:#a1ab98;font-size:8px;letter-spacing:.5px}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.3px;color:#a9b09f;border-top:1px solid var(--line);padding:20px 0 21px;margin-top:8px}.page-footer span:nth-child(2){font-family:var(--serif);font-size:10px}.empty-state{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#8e9d83;text-align:center;padding:30px}.empty-state h3{font:20px var(--serif);color:#56704c}.empty-state p{font-size:12px;line-height:1.8}.mixer-empty{padding:15px 0;text-align:center;color:#8e9d83}.mixer-empty p{font-size:11px;line-height:1.9;margin-top:10px}.section-description{font-size:11px;color:#8a9681;line-height:1.8}.mix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px}.saved-card{padding:15px;background:#fafbf7;border:1px solid var(--line);border-radius:16px}.saved-art{height:140px;border-radius:10px;display:grid;place-items:center;color:#fff}.saved-card h3{font:20px var(--serif);margin:17px 0 9px}.saved-card p{font-size:10px;color:#8e9986}.saved-card>div:last-child{display:flex;justify-content:space-between;margin-top:14px}.breathing-page{text-align:center;padding:38px 20px 30px;border-radius:18px;background:radial-gradient(ellipse at center,#dfe7d8,#f5f7ef 65%);min-height:680px;border:1px solid #e6ecde}.breathing-page h2{font:27px var(--serif);margin:22px 0 15px}.breathing-page>p{font-size:11px;color:#88977c;letter-spacing:1px}.breath-orbit{width:290px;height:290px;display:grid;place-items:center;margin:45px auto 32px;position:relative;border:1px solid #c4d2b466;border-radius:50%}.breath-halo{width:195px;height:195px;background:radial-gradient(#9fb78c80,#b3c89b30);border:1px solid #c4d2b4;border-radius:50%;position:absolute;box-shadow:0 0 0 20px #b4c59f15,0 0 0 40px #b4c59f10}.running .breath-halo{animation:breathe 14s ease-in-out infinite}.breath-core{z-index:1;color:#5e7751}.breath-core h3{font:22px var(--serif);margin:15px 0 13px}.breath-core span{font-size:10px;color:#839974;letter-spacing:1px}.breath-steps{display:flex;gap:27px;justify-content:center;margin-bottom:30px;color:#8a987e;font-size:10px}.breath-steps b{font:20px Georgia;color:#648052;padding-right:5px}.breathing-page .breath-footnote{font-size:10px;margin-top:22px;line-height:1.8}.outline-button{border:1px solid #b8c6ab;border-radius:20px;padding:9px 20px}.modal-backdrop{position:fixed;inset:0;background:#0f251c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#f8f9f3;border-radius:24px;padding:38px;max-width:470px;width:100%;position:relative;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #051d2830}.dialog-close{position:absolute;top:17px;right:17px;z-index:2}.modal-icon{color:#7a9068;background:#e8eddf;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;margin-bottom:25px}.dialog h2{font:24px/1.5 var(--serif);margin-bottom:12px}.dialog>p{font-size:12px;color:#8a9781;line-height:1.9}.dialog form{margin-top:26px}.field-label{font-size:11px;display:block;margin-bottom:10px}.dialog input:not([type=range]){border:1px solid #d8e0cf;border-radius:10px;padding:13px;background:#fff;width:100%;color:#35513c}.save-tracks{margin:13px 0 25px;font-size:10px;color:#92a080}.dialog .primary-button{width:100%}.error-message{font-size:12px;color:#a44b39;margin:15px 0}.about-note{font-size:12px;line-height:1.9;color:#86957b;margin:25px 0}.immersive-dialog{max-width:1050px;min-height:650px;color:#ecf0e6;overflow:hidden;background:#17312f}.immersive-background{position:absolute;inset:0;opacity:.55}.immersive-dialog:after{position:absolute;inset:0;content:"";background:linear-gradient(#12343e33,#102d34c9);pointer-events:none}.immersive-content{position:relative;z-index:1;text-align:center;padding:40px 0 10px}.immersive-content .eyebrow{color:#b7c5b8}.immersive-content h2{font-size:36px;margin-top:24px}.immersive-content p{font-size:11px;color:#b8cabe;letter-spacing:2px;margin-top:15px}.immersive-orbit{margin:37px auto;width:160px;height:160px;border-radius:50%;border:1px solid #e7edcf3b;display:grid;place-items:center;box-shadow:0 0 0 25px #e3ebcf08,0 0 0 50px #e3ebcf05}.immersive-content .main-play{margin:0 auto;background:#eef1e7;color:#2c4b3b;border-color:#d9e2d36b}.immersive-dialog .dialog-close{color:#e6ede0}.master-volume{display:flex;align-items:center;gap:15px;max-width:200px;margin:30px auto}.master-volume input{width:100%}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#284837;color:#f0f2e8;box-shadow:0 8px 30px #12332330;border:1px solid #ffffff20;border-radius:12px;padding:15px 22px;display:flex;align-items:center;gap:10px;font-size:12px;z-index:150;max-width:90vw;white-space:normal}.mobile-nav,.mobile-now{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(.85)}28.57%,57.14%{transform:scale(1.2)}}@media(min-width:1550px){.workspace{padding:36px 52px 0}.content-layout{grid-template-columns:minmax(0,1fr) 325px;gap:32px}.hero{height:420px}.hero-copy{top:140px}.hero h2{font-size:43px}.card-image{height:205px}.mixer{padding:28px 25px}.track-art{width:59px;height:65px}.sidebar{width:220px}.workspace{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:1250px){.sidebar{width:177px;padding:32px 12px 20px}.brand{margin-left:11px;margin-right:0;gap:7px}.nav-item{gap:12px;padding:15px 12px}.workspace{margin-left:177px;width:calc(100% - 177px);padding:25px 25px 0}.content-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.hero{height:350px}.hero h2{font-size:29px}.hero-copy,.hero-label,.hero-bottom{left:25px}.sound-grid{gap:11px}.card-image{height:145px}.sound-status{font-size:0}.sound-status .equalizer{margin-left:3px}.mixer{padding:21px 16px 16px}.search{display:none}.greeting h1{font-size:29px}.section-heading h2 span{display:none}.breath-teaser{padding:20px 16px}.teaser-header h3{font-size:13px}.quiet-footer{font-size:7px}.sidebar-poem{margin-left:16px}.card-info h3{font-size:15px}}@media(max-width:1020px){.sidebar{width:80px;padding:30px 10px}.brand{margin:0 auto 40px;justify-content:center}.brand>span:last-child{display:none}.nav-item{justify-content:center;padding:17px 8px}.nav-item>span{display:none}.sidebar-poem,.sidebar-bottom{display:none}.workspace{margin-left:80px;width:calc(100% - 80px);padding:25px 23px 0}.hero h2{font-size:28px}.hero-copy,.hero-label,.hero-bottom{left:22px}.greeting h1{font-size:28px}.card-image{height:135px}.card-info h3{font-size:14px}.card-info p{font-size:7px}.section-heading h2{font-size:21px}.sound-count{font-size:8px}.gentle-note small,.greeting-mark{display:none}}@media(max-width:800px){.content-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.hero h2{font-size:24px;letter-spacing:0}.hero-copy p{font-size:11px}.hero-label{font-size:7px}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:165px}.sound-count{display:none}.pills{gap:5px}.pills button{padding:6px 12px}.greeting h1{font-size:25px}.greeting p{font-size:10px}.mixer-heading h2{font-size:21px}.teaser-header h3{font-size:12px}.quiet-footer{letter-spacing:0}.page-footer span:last-child{display:none}.breathing-page{padding:35px 10px}.breathing-page h2{font-size:21px}.breath-orbit{width:230px;height:230px}.breath-halo{width:155px;height:155px}.breath-core h3{font-size:19px}.breath-steps{gap:15px}.mix-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding:24px 20px 95px}.topbar{margin-bottom:26px}.topbar>.eyebrow{font-size:8px;letter-spacing:2.3px}.today-note{display:none}.avatar{width:30px;height:30px}.greeting{margin-bottom:25px}.greeting h1{font-size:26px;letter-spacing:.6px;line-height:1.5}.greeting p{font-size:10px;line-height:1.8;letter-spacing:.3px;margin-top:9px;max-width:305px}.content-layout{display:flex;flex-direction:column;gap:5px}.hero{height:370px;border-radius:16px;background-position:58% center}.hero h2{font-size:30px;letter-spacing:.4px}.hero-copy{top:122px;left:24px}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:12px;line-height:1.9}.hero-label{top:24px;left:24px;font-size:7px}.hero-bottom{left:24px;font-size:8px}.hero-cta{margin-top:23px}.section-heading{margin-top:29px;margin-bottom:19px}.section-heading h2{font-size:24px}.section-heading h2 span{display:inline;font-size:6px;margin-left:10px}.section-heading p{font-size:10px}.sound-count{display:none}.filter-row{margin-bottom:20px}.pills{gap:8px}.pills button{padding:8px 16px;font-size:11px}.sound-grid{gap:15px}.card-image{height:196px}.card-info h3{font-size:17px}.card-info p{font-size:9px}.card-info{padding-top:15px}.sound-status{font-size:8px}.card-play{width:31px;height:31px}.gentle-note{font-size:10px;margin-top:5px;padding:20px 0}.mixer{padding:23px 22px;border-radius:16px;margin-top:10px}.mixer-heading h2{font-size:24px}.mixer-caption{font-size:10px}.track-art{width:58px;height:64px}.track-content p{font-size:9px}.track h3{font-size:13px}.track-list{margin-top:25px}.track{gap:16px}.volume-row{gap:12px;margin-top:15px}.volume-row input{height:4px}.volume-row span{font-size:10px}.main-controls{gap:55px}.main-play{width:68px;height:68px}.timer-row{font-size:12px;padding:16px 0}.select-wrap select{font-size:12px}.play-caption{font-size:10px}.save-button{font-size:12px;padding:15px}.mixer-footnote{font-size:9px}.breath-teaser{margin-top:18px;padding:22px}.teaser-header h3{font-size:17px}.teaser-header p{font-size:10px}.teaser-body{gap:65px;padding:23px 0}.teaser-body p{font-size:12px}.breath-button{font-size:12px;padding:13px}.quiet-footer{font-size:9px;margin-bottom:25px}.page-footer{padding-top:20px;gap:20px;font-size:6px}.page-footer span:nth-child(2){font-size:9px;letter-spacing:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#f7f9f3f5;border-top:1px solid #e0e6d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40;justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#9aa58e;padding:3px 12px}.mobile-nav button.active{color:#345540}.mobile-now{display:flex;align-items:center;gap:12px;position:fixed;bottom:calc(66px + env(safe-area-inset-bottom));left:14px;right:14px;z-index:39;padding:12px 16px;background:#294736f2;color:#e9efdf;border-radius:12px;box-shadow:0 4px 15px #1a312321;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-now button:nth-child(2){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;letter-spacing:.5px}.mobile-now button:last-child{padding:0;display:grid;place-items:center}.toast{bottom:140px;width:max-content;font-size:11px;padding:13px 17px}.dialog{padding:30px 25px;border-radius:20px}.dialog h2{font-size:23px}.immersive-dialog{min-height:650px;padding:35px 18px}.immersive-content h2{font-size:30px}.breathing-page{min-height:640px;padding:32px 15px}.breathing-page h2{font-size:24px}.breath-orbit{width:260px;height:260px;margin:50px auto 35px}.breath-halo{width:178px;height:178px}.breath-steps{gap:25px}.mix-grid{grid-template-columns:1fr 1fr;gap:13px}.saved-card{padding:12px}.saved-art{height:110px}.saved-card h3{font-size:18px}.saved-card p{line-height:1.8}.saved-card .text-button{font-size:10px}.saved-section{min-height:400px}}@media(max-width:370px){.workspace{padding-left:15px;padding-right:15px}.greeting h1{font-size:23px}.hero h2{font-size:27px}.pills{gap:5px}.pills button{padding:7px 14px}.card-image{height:173px}.sound-status{font-size:7px}.card-play{right:8px}.mix-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.scene{background-image:url(/images/nature-atlas.png);background-size:auto 200%;background-position:left top}.scene.ocean{background-position:right top}.scene.fire{background-position:left bottom}.scene.stream{background-position:right bottom}.hero.scene,.saved-art.scene,.immersive-background.scene{background-size:200% auto;background-position:left top}.sidebar{background-image:linear-gradient(180deg,#1c352b 25%,#1c352bb3 64%,#142b24ed),url(/images/nature-atlas.png);background-size:auto,auto 130%;background-position:center,left bottom}.immersive-background.scene{background-size:auto 200%}@media(max-width:650px){.hero.scene{background-size:auto 200%}}.recommendation-hero{background-size:cover;background-position:center}.recommendation-hero .hero-copy{right:24px}.recommendation-hero .hero-copy p{max-width:360px}.hero-shuffle{position:absolute;right:24px;top:24px;z-index:2;display:flex;align-items:center;gap:7px;color:#f4f4e9;font-size:11px;padding:8px 12px;border:1px solid #ffffff40;border-radius:20px;background:#142b2430}.recommendation-hero .hero-label{max-width:calc(100% - 145px);line-height:1.8}.recommendation-hero .hero-bottom{max-width:calc(100% - 48px);line-height:1.8}.relax-player{position:fixed;inset:0;z-index:80;overflow:auto;height:100dvh;display:flex;flex-direction:column;background-size:cover;background-position:center;color:#f9f7ef;isolation:isolate}.player-tint{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#071f2855,#0a242738 32%,#081c2470 60%,#07191deb)}.player-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 42px}.player-header>span{font-size:10px;letter-spacing:3px;color:#ffffffb0}.player-header button{display:flex;align-items:center;gap:9px;padding:11px 17px;color:#fff;border:1px solid #ffffff35;border-radius:25px;font-size:12px;background:#10252725;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.player-center{flex:1;min-height:390px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:24px 20px}.player-kicker{font-size:11px;letter-spacing:6px;color:#ffffffb8}.player-center h1{font:clamp(32px,4vw,55px)/1.5 var(--serif);letter-spacing:5px;margin:18px 0 12px;text-shadow:0 2px 25px #0004}.player-center>p{font-size:13px;color:#ffffffc4;letter-spacing:1px;line-height:1.8;max-width:480px}.player-visual{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;border:1px solid #ffffff30;margin:28px 0;box-shadow:0 0 0 16px #ffffff08,0 0 0 32px #ffffff04;color:#fffb}.player-visual.active{animation:player-breathe 6s ease-in-out infinite}.player-play{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#f4f4e9;color:#294840;box-shadow:0 0 0 6px #ffffff16}.player-status{font-size:11px;letter-spacing:2px;color:#ffffffb0;margin:17px 0}.player-settings{display:flex;align-items:center;gap:25px;margin-top:8px;flex-wrap:wrap;justify-content:center}.player-master{display:flex;align-items:center;gap:12px;width:170px}.player-master input{width:100%}.player-timer{display:flex;align-items:center;gap:7px;font-size:11px;color:#ffffffca}.player-timer select{color:inherit;border:0;background:transparent;max-width:90px;font-size:12px}.player-timer option{color:#244038;background:#f3f5ef}.player-deck{width:min(1180px,calc(100% - 80px));margin:18px auto 30px;padding:24px 28px;background:#11292770;border:1px solid #ffffff20;border-radius:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.player-deck-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.player-deck h2{font:20px var(--serif);letter-spacing:2px}.player-deck-heading p{font-size:10px;color:#ffffff90;margin-top:7px}.player-add{display:flex;align-items:center;gap:7px;border:1px solid #ffffff40;border-radius:22px;padding:10px 16px;color:#fff;font-size:12px}.player-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.player-track{display:flex;gap:13px;position:relative;padding:14px;background:#ffffff0c;border:1px solid #ffffff16;border-radius:13px;min-width:0}.player-track>img{width:54px;height:64px;object-fit:cover;border-radius:8px}.player-track>div{flex:1;min-width:0}.player-track h3{font-size:12px;font-weight:500;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track span{display:block;font-size:9px;color:#ffffff80;margin-top:5px}.player-track label{display:flex;align-items:center;gap:9px;margin-top:12px;color:#ffffffa0}.player-track input{min-width:0;width:100%;accent-color:#d7e3ca}.player-track small{font-size:9px;min-width:26px}.player-track>button{position:absolute;top:7px;right:7px;padding:5px;color:#ffffffa0}.player-empty{grid-column:1/-1;font-size:12px;color:#ffffffa0;padding:20px 0;line-height:1.9}.player-library-backdrop{position:fixed;inset:0;background:#061b2470;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end;z-index:3}.player-library{background:#f4f5ef;color:#2e4a3b;width:min(480px,100%);height:100dvh;padding:30px;display:flex;flex-direction:column;box-shadow:-20px 0 100px #00191630}.player-library header{display:flex;justify-content:space-between;gap:15px}.player-library h2{font:23px/1.5 var(--serif)}.player-library header p{font-size:11px;line-height:1.8;color:#879480;margin-top:10px}.player-library header button{align-self:flex-start;padding:5px}.player-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce3d5;border-radius:12px;padding:12px;margin:25px 0 18px}.player-search input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:13px;color:#2e4a3b}.player-categories{display:flex;gap:8px;margin-bottom:17px}.player-categories button{border:1px solid #dde3d6;border-radius:18px;padding:8px 12px;font-size:11px}.player-categories button[aria-pressed=true]{background:#2b4a3b;color:#fff;border-color:#2b4a3b}.player-choices{flex:1;overflow-y:auto;min-height:0}.player-choices>button{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:11px 5px;border-bottom:1px solid #e2e7db}.player-choices img{height:48px;width:48px;object-fit:cover;border-radius:8px}.player-choices span{flex:1;font-size:13px}.player-choices small{display:block;font-size:10px;color:#829178;margin-top:6px}.player-choices button:disabled{opacity:.5}.player-library-note{font-size:11px;line-height:1.8;padding-top:16px;color:#728467}.relax-player button:focus-visible{outline:2px solid #cee0b2;outline-offset:4px}@keyframes player-breathe{50%{box-shadow:0 0 0 24px #ffffff0a,0 0 0 46px #ffffff04}}@media(max-width:800px){.player-header{padding:20px}.player-header>span{display:none}.player-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.player-deck{width:calc(100% - 36px);padding:20px}.player-center{min-height:380px}.player-center h1{font-size:36px}}@media(max-width:500px){.player-header{padding:calc(16px + env(safe-area-inset-top)) 18px 10px}.player-header button{font-size:11px;padding:9px 12px}.player-center{min-height:340px;padding:20px 22px 10px;flex:1}.player-center h1{font-size:32px;letter-spacing:2px;margin-top:13px}.player-center>p{font-size:11px;max-width:280px}.player-kicker{font-size:9px;letter-spacing:4px}.player-visual{width:58px;height:58px;margin:25px 0}.player-visual svg{width:23px}.player-play{width:58px;height:58px}.player-status{font-size:10px;margin:16px 0 10px}.player-settings{gap:18px}.player-master{width:135px}.player-deck{margin:18px auto calc(18px + env(safe-area-inset-bottom));padding:17px 15px}.player-deck h2{font-size:18px}.player-deck-heading p{font-size:9px}.player-add{font-size:11px;padding:9px 10px}.player-tracks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.player-track{flex:0 0 260px;scroll-snap-align:start}.player-library{padding:24px 20px calc(20px + env(safe-area-inset-bottom))}.player-library h2{font-size:21px}.player-empty{white-space:normal}.hero-shuffle{right:18px;top:20px;font-size:10px}.recommendation-hero .hero-copy p{max-width:255px}.recommendation-hero .hero-bottom{font-size:8px}.recommendation-hero .hero-label{left:24px}}.relax-player{background:#14292c}.player-atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.player-landscape{position:absolute;inset:-3%;background-image:var(--player-background);background-size:cover;background-position:center;animation:landscape-drift 38s ease-in-out infinite alternate;will-change:transform}.player-haze{position:absolute;inset:12% -18% -8%;background:radial-gradient(ellipse at 25% 60%,#e0ece91a,transparent 48%),radial-gradient(ellipse at 75% 48%,#e4ddc612,transparent 40%);animation:haze-drift 26s ease-in-out infinite alternate;will-change:transform,opacity}.player-motes{position:absolute;inset:0}.player-motes i{position:absolute;left:var(--mote-x);top:var(--mote-y);width:3px;height:3px;border-radius:50%;background:#f6f1d6;box-shadow:0 0 9px 2px #f5edcf26;opacity:0;animation:mote-float var(--mote-duration) ease-in-out var(--mote-delay) infinite}.player-motes i:nth-child(2n){width:2px;height:2px}.player-visual,.player-visual.active{position:relative;animation:none;box-shadow:none}.player-visual:before,.player-visual:after{content:"";position:absolute;inset:-17px;border:1px solid #ffffff19;border-radius:50%;background:#ffffff03;pointer-events:none;animation:calm-ring 9s ease-in-out infinite;will-change:transform,opacity}.player-visual:after{inset:-32px;animation-delay:-4.5s;border-color:#ffffff10}.motion-rest .player-landscape,.motion-rest .player-haze,.motion-rest .player-motes i,.motion-rest .player-visual:before,.motion-rest .player-visual:after{animation-play-state:paused}.player-play{transition:background .35s,box-shadow .35s}.player-play:hover{background:#fffdf3;box-shadow:0 0 0 9px #ffffff1b}.player-track{animation:track-arrive .45s ease-out both}.player-library{animation:library-arrive .35s ease-out both}@keyframes landscape-drift{0%{transform:scale(1.015) translate3d(-.4%,0,0)}to{transform:scale(1.065) translate3d(.6%,-.5%,0)}}@keyframes haze-drift{0%{transform:translate3d(-3%,1%,0);opacity:.3}to{transform:translate3d(3%,-2%,0);opacity:.75}}@keyframes mote-float{0%,to{transform:translate3d(0,15px,0);opacity:0}25%{opacity:.22}65%{opacity:.13}85%{transform:translate3d(16px,-45px,0);opacity:0}}@keyframes calm-ring{0%,to{transform:scale(.94);opacity:.35}50%{transform:scale(1.13);opacity:.8}}@keyframes track-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes library-arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(max-width:500px){.player-motes i:nth-child(n+6){display:none}}@media(prefers-reduced-motion:reduce){.player-landscape,.player-haze,.player-motes i,.player-visual:before,.player-visual:after,.player-track,.player-library{animation:none!important;will-change:auto}.player-motes{display:none}.player-haze{opacity:.3}.player-play{transition:none}}