:root{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f6ef;background:#10272b;font-synthesis:none;font-weight:400;--text:#f7f6ef;--muted:#b6c9c6;--sand:#f0d1b4;--line:rgba(220,239,232,.18)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,input,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--sand);outline-offset:5px}button{transition:background .2s,transform .2s,border-color .2s}button:hover:not(:disabled){color:#fff}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:400}svg{flex-shrink:0}button svg{vertical-align:middle}input[type=range]{appearance:none;-webkit-appearance:none;height:3px;background:#69817f;border:0;border-radius:8px;cursor:pointer;accent-color:var(--text)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--text);border-radius:50%;box-shadow:0 0 0 3px transparent}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--text);border:0;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #ffffff14}.app-shell{min-height:100dvh;position:relative;isolation:isolate}.ambient-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#051e22d9,#051e222e 65%,#051e220d),linear-gradient(0deg,#071e22,#041b1fcc 16%,#041b1f0a 62%),var(--scene-image,url(/assets/ocean.png)) center center/cover no-repeat;background-color:#132b2f}.page-content{max-width:1800px;margin:0 auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;position:relative}.brand{display:flex;align-items:center;gap:16px;padding:0}.brand span{font-size:30px;letter-spacing:4px;font-family:Songti SC,SimSun,serif}.brand svg{width:48px}.desktop-nav{display:flex;gap:56px;position:absolute;left:50%;transform:translate(-50%);height:100%;align-items:center}.desktop-nav button{position:relative;font-size:17px;letter-spacing:2px;padding:13px 6px;color:#d1d9d6}.desktop-nav button:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;background:var(--text);transform:scaleX(0);transition:transform .2s}.desktop-nav button.active:after{transform:scaleX(1)}.desktop-nav button.active{color:var(--text)}.header-tools{display:flex;gap:26px;align-items:center}.icon-button{width:42px;height:42px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;padding:0;flex-shrink:0}.icon-button:hover{background:#ffffff10}.avatar{height:37px;width:37px;border-radius:50%;border:1px solid #e7e9e6;background:linear-gradient(165deg,#cddae1,#a7b5bc 30%,#dbb69c 58%,#163f43 61%,#102d31 80%);padding:0}.home{padding:0 3.5vw 140px}.home-scene{height:382px;position:relative}.greeting{padding-top:52px}.greeting h1{font-size:54px;font-weight:300;letter-spacing:2px;line-height:1.4}.greeting>p{font-size:24px;letter-spacing:2px;color:var(--muted);margin-top:10px}.week{margin-top:48px}.week-days{display:flex;gap:35px}.week-days>span{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:13px;color:#afc0bc;width:19px}.week-days i{width:5px;height:5px;border-radius:50%;background:#8ba6a1}.week-days .today{color:#fff}.week-days .today i{width:10px;height:10px;background:var(--sand);box-shadow:0 0 0 3px #efc8a91a;margin-top:-2px}.week-days i.practiced{background:#d4dcc4;box-shadow:0 0 0 3px #d4dcc426}.scene-play{position:absolute;bottom:22px;right:0;display:flex;gap:28px;align-items:center}.scene-play h2{font-size:30px;letter-spacing:3px}.scene-play p{font-size:17px;letter-spacing:1px;margin-top:8px;color:#e0e4dc}.scene-play-button{width:70px;height:70px;border:1.5px solid var(--sand);color:var(--sand);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.scene-play-button svg{width:24px;height:24px;fill:currentColor;stroke-width:1px}.scene-play-button:hover{background:#efd1b326;transform:scale(1.04)}.suggestions>h2{font-size:19px;letter-spacing:1px;margin:7px 0 16px}.suggestion-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.suggestion{min-height:126px;background:linear-gradient(120deg,#c2d4cf12,#c2d4cf09);border:1px solid var(--line);border-radius:23px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;text-align:left;padding:26px 30px;gap:28px}.suggestion>svg:first-child{color:#b8ccc7}.suggestion>span{flex:1;min-width:0}.suggestion strong{font-size:22px;letter-spacing:2px;display:block;white-space:nowrap}.suggestion small{display:block;font-size:16px;color:#a9bdb8;margin-top:10px;white-space:nowrap}.suggestion>svg:last-child{color:#c4d4cf}.suggestion:hover{background:#d1e7e01b;border-color:#b6c9c64d;transform:translateY(-3px)}.home-sounds{margin-top:37px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{font-size:22px;letter-spacing:1px}.section-heading>button{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:1px;color:#d4dfda;padding:6px 0}.sound-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.sound-card{border-radius:17px;border:1px solid var(--line);height:158px;overflow:hidden;position:relative;background:#173036}.sound-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .7s}.sound-card:hover>img{transform:scale(1.035)}.card-play-area{position:absolute;inset:0;background:linear-gradient(0deg,#071c23c4,transparent 75%);display:flex;align-items:flex-end;justify-content:space-between;text-align:left;width:100%;padding:21px 25px;gap:12px}.card-play-area strong{font-size:21px;letter-spacing:1px}.card-play{width:34px;height:34px;border-radius:50%;background:#ffffff1c;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;flex-shrink:0}.sound-card:hover .card-play,.card-play-area:focus-visible .card-play{opacity:1;transform:translateY(0)}.card-play svg{fill:currentColor;stroke-width:1}.player{position:fixed;bottom:0;left:0;right:0;z-index:30;height:112px;border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3.5vw;background:#183035b8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 -6px 40px #00171a26}.now-playing{display:flex;gap:18px;align-items:center;text-align:left;justify-self:start;min-width:0;padding:0}.now-playing>img{width:74px;height:74px;object-fit:cover;border-radius:13px}.now-playing>span:not(.equalizer){display:flex;flex-direction:column;gap:6px}.now-playing strong{font-size:18px}.now-playing small{font-size:14px;color:#a6beb7;letter-spacing:1px}.transport{display:flex;align-items:center;justify-content:center;gap:42px}.transport>.icon-button:not(.main-play) svg{width:20px;fill:currentColor;stroke-width:1.5}.main-play{width:66px;height:66px;border:1.5px solid #e5ece5}.main-play svg{fill:currentColor;width:26px;stroke-width:1.5}.player-tools{display:flex;align-items:center;gap:14px;justify-self:end}.player-tools>input{width:138px;margin-right:5px}.timer-button{display:flex;align-items:center;gap:9px;border-radius:12px;min-height:42px;padding:8px}.timer-button:hover{background:#ffffff10}.timer-button span{font-size:13px;font-variant-numeric:tabular-nums;min-width:35px}.timer-button.has-session{color:var(--sand)}.mix-button{display:none}.equalizer{height:20px;display:flex;align-items:center;gap:3px;margin-left:6px}.equalizer i{width:2px;height:5px;background:var(--sand);animation:equalize 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.35s}.equalizer i:nth-child(3){animation-delay:-.65s}.mobile-nav{display:none}.page-sleep .ambient-background,.page-sounds .ambient-background,.page-meditate .ambient-background{background:radial-gradient(ellipse at 70% 0%,#32505055,transparent 65%),#11292d}.collection-page{padding:40px 3.5vw 160px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:20px}.page-title h1{font-size:42px;letter-spacing:5px;line-height:1.4}.page-title p{font-size:17px;color:var(--muted);margin-top:13px;letter-spacing:1px}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#d3ded7;padding:12px 0}.sound-feature,.sleep-feature{height:355px;border-radius:24px;position:relative;background-size:cover;background-position:center 45%;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;padding:40px 42px;isolation:isolate}.sound-feature:before,.sleep-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081e2a9c,#081e2a00),linear-gradient(0deg,#071e299c,transparent 70%);z-index:-1}.sound-feature span,.sleep-feature span{font-size:14px;color:#e0e1d3;letter-spacing:2px}.sound-feature h2,.sleep-feature h2{font-size:38px;letter-spacing:4px;margin-top:10px}.sound-feature p,.sleep-feature p{font-size:17px;color:#e0e2d9;letter-spacing:1px;margin-top:13px}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sound-card.large{height:248px}.sound-card.large .card-play-area{padding:27px}.card-play-area small{display:block;margin-top:11px;font-size:14px;color:#d0dad3}.favorite{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;background:#0a222d55;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.favorite.selected{color:var(--sand)}.favorite.selected svg{fill:var(--sand)}.filter-tabs{display:flex;gap:12px;align-items:center;margin:30px 0;overflow-x:auto;scrollbar-width:none;padding:3px}.filter-tabs button{padding:11px 22px;border-radius:30px;font-size:15px;white-space:nowrap;background:#ffffff06;border:1px solid transparent;color:#b5c6bf;flex-shrink:0}.filter-tabs button.selected{background:#e4e8dc;color:#163035}.filter-tabs button:hover:not(.selected){background:#ffffff12}.light-button{background:#f0ede2;color:#163035!important;padding:14px 22px;border-radius:30px;display:flex;gap:12px;align-items:center;margin-top:24px;font-size:16px}.light-button>span{margin-left:18px;color:#5e6e6b;font-size:13px;letter-spacing:0}.sleep-feature{height:380px;background-position:center 59%;align-items:center}.sleep-nature{margin-top:38px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lesson-card{text-align:left;border:1px solid var(--line);background:#d6e0d906;border-radius:22px;overflow:hidden;display:flex;min-height:175px;padding:0;transition:background .2s,transform .2s}.lesson-card:hover{background:#d6e0d913;transform:translateY(-3px)}.lesson-card>img{width:38%;max-width:210px;object-fit:cover}.lesson-card>div{padding:28px;flex:1}.lesson-card small{font-size:12px;color:#a9bfb7;letter-spacing:1px}.lesson-card h3{font-size:21px;margin-top:12px;line-height:1.5}.lesson-card p{font-size:14px;color:#bdccc5;margin-top:8px}.lesson-type{font-size:12px;color:#a7beb6;display:flex;justify-content:space-between;margin-top:22px}.gentle-note{font-size:12px;color:#9bb1a9;text-align:center;line-height:1.9;margin-top:38px}.meditation-intro{min-height:290px;display:flex;align-items:center;justify-content:space-between;border-radius:24px;background:radial-gradient(ellipse at 90% 20%,#aaa9b326,transparent 70%),linear-gradient(130deg,#263e43,#30434066);padding:48px 60px;margin-bottom:44px}.meditation-intro h2{font-size:30px;letter-spacing:2px;line-height:1.8}.meditation-intro p{font-size:16px;color:#b6c9c6;margin-top:20px}.zen-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e3d1c3,#7f999d 45%,#253b49 85%);box-shadow:18px 24px 70px #081d263b;margin:0 45px;flex-shrink:0}.meditation-page .filter-tabs{margin-top:22px}.modal-backdrop{position:fixed;inset:0;background:#02181bc4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:28px;animation:fade-in .2s ease-out}.dialog{background:linear-gradient(145deg,#2b4347,#1b3439);border:1px solid #bdd4cd29;border-radius:28px;width:min(100%,520px);max-height:calc(100dvh - 56px);overflow:auto;padding:30px 32px;box-shadow:0 30px 120px #00161980;scrollbar-width:thin;scrollbar-color:#7a9690 transparent}.dialog-wide{width:min(100%,680px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-header h2{font-size:23px;line-height:1.6;letter-spacing:1px}.dialog-header>.icon-button{width:34px;height:34px;color:#b7ccc5}.panel-description{font-size:15px;color:#bdcec8;line-height:1.9;margin-bottom:26px}.primary-button,.secondary-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;border-radius:30px;line-height:1.5;padding:14px 18px}.primary-button{color:#173136!important;background:#e6e9dc;margin-top:22px}.primary-button:hover:not(:disabled){background:#fffcef}.secondary-button{border:1px solid var(--line);color:#b8ccc5;margin-top:12px}.secondary-button:hover{background:#ffffff0a}.panel-footnote{font-size:12px;color:#9db5ad;text-align:center;line-height:1.9;margin-top:19px}.mixer-channels{display:flex;flex-direction:column;gap:27px;margin:31px 0}.mixer-row{display:flex;align-items:center;gap:16px}.mixer-row>img{width:44px;height:44px;border-radius:11px;object-fit:cover}.mixer-row>label{font-size:15px;min-width:31px}.mixer-row>input{min-width:50px;flex:1;width:100%}.mixer-row>span{font-size:12px;color:#a7beb6;width:36px;text-align:right}.master-volume{display:flex;gap:14px;align-items:center;padding-top:26px;margin:28px 0 33px;border-top:1px solid var(--line)}.master-volume label{font-size:14px;white-space:nowrap}.master-volume>input{flex:1;width:100%;min-width:40px}.inline-note{font-size:13px;line-height:1.8;color:var(--sand)}.duration-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0}.duration-options>button{border:1px solid var(--line);border-radius:16px;font-size:24px;padding:20px 8px}.duration-options>button small{display:block;font-size:12px;color:#a9c0b6;margin-top:5px}.duration-options>button:hover{background:#ffffff10}.custom-duration{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#b9cbc3;margin:28px 0}.custom-duration input{width:70px;background:#0d292c;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:8px 12px;text-align:center;margin-right:7px}.active-sleep-timer{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.8;color:var(--sand)}.search-input{display:flex;align-items:center;gap:13px;background:#071e2355;border:1px solid var(--line);border-radius:15px;padding:10px 15px;color:#b4cbc2}.search-input input{min-width:0;flex:1;width:100%;border:0;background:none;color:var(--text);font-size:16px;padding:7px 0;outline:none}.search-input input::placeholder{color:#8aa69c}.search-input .icon-button{width:30px;height:30px}.search-result{display:flex;align-items:center;gap:17px;padding:14px 5px;text-align:left;width:100%;border-bottom:1px solid #d5e8dc12}.search-result:hover{background:#ffffff08}.search-result>img{width:55px;height:55px;object-fit:cover;border-radius:11px}.search-result>span{flex:1}.search-result strong{font-size:16px}.search-result small{display:block;font-size:12px;color:#a5beb3;margin-top:7px}.search-results{max-height:52vh;overflow:auto}.empty-state{padding:36px 10px;color:#afc4ba;text-align:center;font-size:14px;line-height:2}.empty-state>svg{margin-bottom:12px;color:#9dbab0}.empty-state h2{font-size:20px;color:var(--text)}.empty-state p{margin-top:10px}.empty-state .text-button{margin:15px auto 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 0 30px;border-bottom:1px solid var(--line);margin-bottom:27px}.stats>div{text-align:center}.stats strong{font-size:35px;line-height:1.5;font-weight:300}.stats small{display:block;font-size:12px;color:#b0c4b9;margin-top:6px}.small-heading{font-size:16px}.history-list{max-height:230px;overflow:auto;margin:20px 0}.history-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #cce0d714;font-size:12px;color:#b0c7bb}.history-row>span:first-of-type{flex:1}.history-row strong{display:block;color:var(--text);font-size:14px}.history-row small{display:block;margin-top:6px;color:#a6bfb1}.session-content{text-align:center}.session-content .panel-description{margin-top:16px}.duration-number{font-size:68px;font-weight:300;line-height:1.4;margin:30px 0;color:#f0ede0;font-variant-numeric:tabular-nums}.duration-number>span{font-size:23px;margin-left:12px;letter-spacing:3px}.duration-range{width:100%;margin:18px 0}.duration-range::-webkit-slider-thumb{height:20px!important;width:6px!important;border-radius:3px!important;background:var(--sand)!important}.ruler-labels{display:flex;justify-content:space-between;font-size:11px;color:#91aca0}.session-setting{display:flex;align-items:center;justify-content:space-between;background:#d1e1d60a;border:1px solid #b7d6c414;border-radius:15px;margin:32px 0;padding:19px}.session-setting>span{display:flex;align-items:center;gap:10px;font-size:14px;color:#c6d4c9}.switch{width:42px;height:24px;border-radius:14px;background:#647c70;padding:3px;display:flex;align-items:center}.switch i{height:18px;width:18px;background:#d6ded3;border-radius:50%;transition:transform .2s}.switch.on{background:#bed0b7}.switch.on i{background:#254239;transform:translate(18px)}.breathing-circle{width:244px;height:244px;border-radius:50%;padding:2px;background:conic-gradient(var(--sand) var(--progress),#98b5a51c 0);margin:40px auto 27px;display:flex;justify-content:center;align-items:center;position:relative}.breathing-circle>div{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#38584f,#203d3a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1}.breathing-circle strong{font-size:43px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:3px}.breathing-circle span{font-size:14px;letter-spacing:3px;color:#c5d3c4}.is-breathing:after{content:"";position:absolute;inset:-17px;border-radius:50%;border:1px solid #c6d7bd4d;animation:breathe 8s ease-in-out infinite;animation-delay:var(--breath-delay)}.is-breathing.paused:after{animation-play-state:paused}.session-prompt{min-height:75px;font-size:16px;line-height:2;color:#cad9cb;padding:12px 7px;margin-top:25px}.session-actions{margin-top:5px}.done-mark{width:110px;height:110px;border:1px solid #c7d9bb55;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:35px auto;color:var(--sand);background:#c6d9b309}.session-content>h3{font-size:28px;letter-spacing:2px}.session-content>p:not([class]){font-size:15px;color:#bdcec0;line-height:2;margin:24px 0}.toast{position:fixed;left:50%;bottom:135px;transform:translate(-50%);background:#e7ecdf;color:#183531;box-shadow:0 10px 50px #031d2366;padding:15px 24px;border-radius:15px;max-width:calc(100vw - 40px);width:max-content;z-index:200;font-size:14px;line-height:1.7;text-align:center;animation:fade-in .25s}.page-enter{animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes equalize{to{height:18px}}@keyframes breathe{0%,to{transform:scale(.94);opacity:.4}50%{transform:scale(1.15);opacity:1}}@media(min-width:1801px){.header,.home,.collection-page{padding-left:63px;padding-right:63px}.player{padding-left:max(63px,calc((100vw - 1674px)/2));padding-right:max(63px,calc((100vw - 1674px)/2))}}@media(max-width:1250px){.header{height:84px}.desktop-nav{gap:35px}.greeting h1{font-size:43px}.greeting>p{font-size:20px}.home-scene{height:350px}.suggestion{padding:23px;gap:19px;min-height:118px}.suggestion strong{font-size:19px;letter-spacing:1px}.suggestion small{font-size:13px;letter-spacing:0}.suggestion>svg:first-child{width:36px}.suggestion-row{gap:16px}.player{height:100px}.now-playing>img{width:62px;height:62px}.transport{gap:23px}.main-play{width:59px;height:59px}.player-tools>input{width:100px}.player-tools{gap:6px}.lesson-card>div{padding:20px}.lesson-card h3{font-size:18px}.zen-orb{width:135px;height:135px;margin-right:0}.home{padding-bottom:130px}.home-sounds{margin-top:29px}.sound-card{height:150px}.card-play-area{padding:20px}.card-play-area strong{font-size:19px}.home .section-heading h2{font-size:21px}.suggestions>h2{font-size:18px}}@media(max-width:900px)and (min-width:701px){.header,.home{padding-inline:4vw}.brand{gap:11px}.brand span{font-size:25px}.brand svg{width:40px}.header-tools{gap:12px}.desktop-nav{gap:23px}.desktop-nav button{font-size:15px}.greeting h1{font-size:36px}.greeting>p{font-size:18px}.suggestion{padding:22px 18px;gap:15px}.suggestion>svg:first-child{width:28px}.suggestion>svg:last-child{display:none}.suggestion strong{font-size:18px}.suggestion small{font-size:11px;white-space:normal}.player{grid-template-columns:1fr 1fr auto}.player-tools>input{display:none}.player-tools>.icon-button:first-child{display:none}.sound-grid{grid-template-columns:repeat(2,1fr)}.lesson-card{display:block}.lesson-card>img{width:100%;max-width:none;height:150px}.lesson-card>div{padding:22px}.meditation-intro{padding:35px}.meditation-intro h2{font-size:25px}.scene-play h2{font-size:26px}.scene-play p{font-size:14px}}@media(max-width:700px){.ambient-background{background:linear-gradient(90deg,#061e2260,transparent),linear-gradient(0deg,#0d272b 1%,#0b252ae8 18%,#0c262a00 68%),var(--scene-image,url(/assets/ocean.png)) 64% top/auto 80vh no-repeat;background-color:#10292d}.header{height:88px;padding:0 24px;align-items:center}.brand{gap:11px}.brand svg{width:35px}.brand span{font-size:25px;letter-spacing:3px}.header-tools{gap:9px}.header-tools>.icon-button{width:38px}.avatar{width:32px;height:32px}.desktop-nav{display:none}.home{padding:0 24px 190px}.home-scene{height:386px}.greeting{padding-top:30px}.greeting h1{font-size:29px;letter-spacing:1px;line-height:1.6}.greeting>p{font-size:16px;letter-spacing:1px;margin-top:11px}.week{margin-top:31px}.week-days{gap:21px}.week-days>span{font-size:11px;gap:10px}.week-days i{width:4px;height:4px}.week-days .today i{width:8px;height:8px;margin-top:-1px}.scene-play{bottom:28px;gap:18px}.scene-play h2{font-size:24px;letter-spacing:2px}.scene-play p{font-size:12px;margin-top:7px}.scene-play-button{width:53px;height:53px}.scene-play-button svg{width:21px}.suggestions>h2{font-size:16px;margin-bottom:15px;letter-spacing:1px}.suggestion-row{display:flex;gap:12px;overflow:auto;margin-right:-24px;padding-right:24px;padding-bottom:7px;scrollbar-width:none;scroll-snap-type:x mandatory}.suggestion{flex:0 0 71%;min-height:115px;border-radius:20px;padding:22px 20px;gap:18px;scroll-snap-align:start}.suggestion>svg:first-child{width:31px}.suggestion>svg:last-child{display:block;width:17px}.suggestion strong{font-size:17px;letter-spacing:1px}.suggestion small{font-size:11px;white-space:normal;line-height:1.7;margin-top:6px}.home-sounds{margin-top:27px}.section-heading{margin-bottom:16px;gap:10px}.section-heading h2{font-size:17px;line-height:1.5}.home .section-heading h2{font-size:17px;letter-spacing:0}.section-heading>button{font-size:12px;gap:6px;white-space:nowrap}.section-heading>button svg{width:15px}.sound-row{display:flex;overflow-x:auto;gap:13px;margin-right:-24px;padding-right:24px;scrollbar-width:none;scroll-snap-type:x mandatory}.sound-row>.sound-card{min-width:75%;flex:0 0 75%;height:157px;border-radius:15px;scroll-snap-align:start}.card-play-area{padding:21px 18px}.card-play-area strong{font-size:18px}.card-play{opacity:1;transform:none;width:30px;height:30px}.player{bottom:calc(73px + env(safe-area-inset-bottom,0px));height:78px;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:0 20px;border-radius:20px 20px 0 0;background:#183239ed;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.now-playing{gap:12px}.now-playing>img{height:48px;width:48px;border-radius:10px}.now-playing strong{font-size:15px}.now-playing small{font-size:10px;letter-spacing:1px}.now-playing .equalizer{margin-left:0;height:16px;gap:2px}.equalizer i{width:2px}.transport{gap:0}.transport>.icon-button:not(.main-play){display:none}.main-play{width:41px;height:41px;border:1px solid #cbded478}.main-play svg{width:19px}.player-tools{gap:0}.player-tools>input,.player-tools>.icon-button:first-child{display:none}.timer-button{min-height:38px;padding:7px 3px}.timer-button>svg{width:21px}.timer-button span{display:none}.mix-button{display:flex;width:32px;height:36px;margin-left:7px}.mix-button svg{width:21px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(74px + env(safe-area-inset-bottom,0px));background:#193139;border-top:1px solid #ceded815;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(6px + env(safe-area-inset-bottom,0px))}.mobile-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;font-size:11px;color:#9db5ad;letter-spacing:2px;padding:4px}.mobile-nav svg{width:22px;height:22px}.mobile-nav button.active{color:var(--sand)}.mobile-nav button.active:after{content:"";width:3px;height:3px;border-radius:50%;position:absolute;bottom:6px;background:var(--sand)}.collection-page{padding:20px 24px 196px}.page-title{margin-bottom:27px;align-items:flex-start}.page-title h1{font-size:32px;letter-spacing:4px}.page-title p{font-size:13px;line-height:1.9;margin-top:8px;letter-spacing:0}.page-title>.text-button{font-size:0;flex-shrink:0;width:38px;height:38px;justify-content:center;margin-top:5px;padding:0;border:1px solid var(--line);border-radius:50%}.page-title>.text-button svg{width:19px;height:19px}.sound-feature,.sleep-feature{height:340px;border-radius:22px;padding:26px 23px;background-position:48% center}.sound-feature h2,.sleep-feature h2{font-size:29px;letter-spacing:3px;margin-top:12px}.sound-feature p,.sleep-feature p{font-size:12px;line-height:1.8;margin-top:9px;letter-spacing:0}.sound-feature span,.sleep-feature span{font-size:10px;letter-spacing:1px}.sound-feature .scene-play-button{width:48px;height:48px;flex-shrink:0;margin-left:6px}.filter-tabs{margin:25px -24px 25px 0;padding-right:24px;gap:8px}.filter-tabs button{font-size:13px;padding:9px 17px}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sound-card.large{height:205px;border-radius:15px}.sound-card.large .card-play-area{padding:18px 13px;align-items:flex-end}.sound-card.large .card-play-area strong{font-size:16px;line-height:1.7;letter-spacing:0}.sound-card.large .card-play-area small{font-size:10px;line-height:1.8;margin-top:5px}.sound-grid .card-play{display:none}.favorite{width:29px;height:29px;right:9px;top:10px}.favorite svg{width:16px}.sleep-feature{height:350px;align-items:flex-end;background-position:34% center}.light-button{font-size:13px;padding:12px 17px;margin-top:21px;gap:10px}.light-button>span{font-size:11px;margin-left:15px}.lesson-grid{grid-template-columns:1fr;gap:17px}.lesson-card{min-height:157px;border-radius:17px}.lesson-card>img{width:34%}.lesson-card>div{padding:20px 17px}.lesson-card small{font-size:10px;letter-spacing:0}.lesson-card h3{font-size:17px;margin-top:8px;line-height:1.6}.lesson-card p{font-size:11px;margin-top:6px}.lesson-type{font-size:10px;margin-top:18px}.sleep-nature{margin-top:29px}.meditation-intro{padding:31px 24px;min-height:247px;margin-bottom:30px;position:relative;overflow:hidden;isolation:isolate}.meditation-intro h2{font-size:22px;line-height:1.9;letter-spacing:1px}.meditation-intro p{font-size:11px;line-height:1.9;margin-top:18px;max-width:190px}.zen-orb{width:100px;height:100px;position:absolute;right:-25px;bottom:25px;opacity:.5;z-index:-1;margin:0}.gentle-note{font-size:10px;text-align:left;line-height:1.9;margin-top:28px}.modal-backdrop{padding:20px 10px 0;align-items:flex-end}.dialog{max-height:calc(100dvh - 32px);border-radius:27px 27px 0 0;padding:25px 24px calc(28px + env(safe-area-inset-bottom,0px));width:100%;animation:fade-in .2s}.dialog-header{margin-bottom:14px;gap:8px}.dialog-header h2{font-size:20px;letter-spacing:.5px}.panel-description{font-size:13px;margin-bottom:22px}.mixer-row{gap:12px}.mixer-row>img{width:38px;height:38px}.mixer-row>label{font-size:13px}.mixer-row>span{font-size:10px;width:30px}.mixer-channels{gap:23px;margin:25px 0}.master-volume{margin:23px 0;padding-top:24px}.panel-footnote{font-size:10px;line-height:1.9}.primary-button,.secondary-button{font-size:14px;min-height:49px}.duration-options{gap:9px}.duration-options>button{font-size:22px;padding:17px 5px}.duration-options>button small{font-size:10px}.custom-duration{font-size:12px}.custom-duration input{width:63px}.duration-number{font-size:58px;margin:25px 0}.duration-number>span{font-size:20px}.session-setting{padding:17px;margin:28px 0}.breathing-circle{width:220px;height:220px;margin:32px auto 24px}.breathing-circle strong{font-size:39px}.session-prompt{font-size:14px;min-height:70px;padding:12px 0}.session-content>h3{font-size:25px}.session-content>p:not([class]){font-size:13px}.done-mark{margin:30px auto;width:95px;height:95px}.toast{bottom:174px;font-size:12px;padding:13px 18px;max-width:calc(100vw - 34px)}.search-results{max-height:48vh}.search-input input{font-size:14px}.dialog .filter-tabs{margin:22px 0}.history-row{font-size:11px}.history-row strong{font-size:13px}}@media(max-width:370px){.header{padding-inline:20px}.home,.collection-page{padding-left:20px;padding-right:20px}.greeting h1{font-size:25px}.week-days{gap:18px}.home-scene{height:360px}.suggestion{flex-basis:85%}.home .section-heading h2{font-size:15px}.player{padding-inline:14px;gap:6px}.player-tools .mix-button{display:none}.now-playing>img{height:43px;width:43px}.sound-card.large{height:190px}.sound-card.large .card-play-area strong{font-size:15px}.dialog{padding-inline:21px}.dialog-header h2{font-size:18px}}@media(max-width:700px){.suggestion{flex-basis:84%}.suggestion small{white-space:nowrap}.toast{animation:none}}@media(max-width:370px){.suggestion{padding:20px 17px;gap:13px;flex-basis:90%}.suggestion>svg:first-child{width:26px}.suggestion small{font-size:10px}}@media(min-width:701px)and (max-height:800px){.header{height:80px}.home-scene{height:300px}.greeting{padding-top:28px}.greeting h1{font-size:42px}.greeting>p{font-size:20px}.week{margin-top:28px}.suggestion{min-height:106px;padding-block:20px}.home-sounds{margin-top:26px}.home .sound-card{height:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.equalizer i{height:10px}.is-breathing:after{opacity:.6;transform:none}}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.experience-item{position:relative;border:1px solid var(--line);border-radius:19px;text-align:left;background:#c1d8d009;display:flex;flex-direction:column;align-items:flex-start;min-height:159px;padding:23px;gap:13px}.experience-item:hover{background:#d2e3dc12;border-color:#d1e3d73d;transform:translateY(-2px)}.experience-item>svg:first-child{color:var(--sand)}.experience-item>strong{font-size:18px;letter-spacing:1px}.experience-item>small{font-size:12px;color:#aec5bb;line-height:1.9;padding-right:12px}.experience-item>svg:last-child{position:absolute;right:18px;top:24px;color:#aac2b7}.inline-form{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e292e66;align-items:stretch}.inline-form>input{width:100%;flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:12px 13px;font-size:13px}.inline-form>input::placeholder{color:#8eab9e}.inline-form>button{font-size:12px;white-space:nowrap;padding:10px 15px;background:#d4e1d312;display:flex;align-items:center;gap:6px}.inline-form>button:hover{background:#d4e1d326}.save-mix-form{margin-top:24px}.saved-mix-shortcuts{margin-top:25px;text-align:left}.saved-mix-shortcuts>.small-heading{font-size:14px;color:#b6cbbf;margin-bottom:10px}.saved-mix-shortcuts>button{padding:11px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #c3d9ca19;width:100%;text-align:left;font-size:14px}.saved-mix-shortcuts>button svg:last-child{margin-left:auto}.focus-tag-picker{margin:28px 0 25px;text-align:left}.focus-tag-picker>label{font-size:13px;color:#bbd0c2;letter-spacing:1px}.focus-tags{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 15px}.focus-tags>button{font-size:12px;padding:8px 13px;border:1px solid var(--line);border-radius:20px;background:#ccdaca07;max-width:100%;overflow-wrap:anywhere;line-height:1.5}.focus-tags>button.chosen{color:#143832;background:#d9e3cc;border-color:#d9e3cc}.session-tag{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--sand);font-size:13px;margin-bottom:-10px}.focus-summary{margin:5px 0 28px}.focus-total{display:flex;align-items:center;gap:15px;margin-top:17px;font-size:13px;color:#c5d6c9}.focus-total>span{width:65px;overflow-wrap:anywhere}.focus-total>div{height:4px;flex:1;background:#c3d9c415;border-radius:3px;overflow:hidden}.focus-total i{display:block;height:100%;background:#d8c4a2;border-radius:3px}.focus-total small{font-size:11px;min-width:50px;text-align:right;color:#a5bdad}.my-mixes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.my-mixes-list>button{padding:27px;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;text-align:left;gap:22px;background:#d6dfd008}.my-mixes-list>button>svg:first-child{color:var(--sand)}.my-mixes-list>button>span{flex:1}.my-mixes-list strong{display:block;font-size:19px;line-height:1.6;overflow-wrap:anywhere}.my-mixes-list small{display:block;font-size:12px;color:#a9c2b3;margin-top:7px}.my-mixes-list .empty-state{grid-column:1/-1}.sleep-stories{margin-top:38px}.story-preview-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-preview{display:flex;align-items:center;position:relative;isolation:isolate;min-height:190px;overflow:hidden;border:1px solid var(--line);border-radius:19px;text-align:left;padding:27px;gap:15px}.story-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.story-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d27dd,#071d2722);z-index:-1}.story-preview>span{margin-top:auto;flex:1}.story-preview small{font-size:11px;color:#c9dacb;letter-spacing:1px;line-height:1.9}.story-preview strong{font-size:21px;display:block;line-height:1.7;margin-top:9px}.story-preview>svg{margin-top:auto}.story-preview:hover>img{transform:scale(1.03)}.alarm-entry{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:27px 30px;border:1px solid var(--line);border-radius:21px;background:#ccdcca09;margin-top:35px}.alarm-entry>span{flex:1}.alarm-entry strong{display:block;font-size:18px;line-height:1.7}.alarm-entry small{display:block;font-size:12px;color:#a7c0b2;margin-top:8px;line-height:1.9}.alarm-entry>svg:first-child{color:var(--sand)}.story-list{display:flex;flex-direction:column;gap:16px}.story-list-item{display:flex;align-items:center;gap:23px;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;padding:0 20px 0 0;min-height:125px;background:#c5d6cb05}.story-list-item>img{width:125px;height:139px;object-fit:cover;align-self:stretch}.story-list-item>span{flex:1;padding-block:20px}.story-list-item small{font-size:11px;color:#b4c8b9;letter-spacing:1px}.story-list-item strong{display:block;font-size:21px;line-height:1.6;margin-top:7px}.story-list-item p{font-size:12px;line-height:1.9;color:#a5bfaf;margin-top:7px}.story-list-item>svg{flex-shrink:0}.reader-cover{height:163px;border-radius:17px;background-position:center 45%;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden;padding:22px 26px;margin-bottom:15px}.reader-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061e2aba,transparent);z-index:-1}.reader-cover>span{font-size:10px;letter-spacing:2px;color:#e4dfcf}.reader-cover>p{font-size:17px;line-height:1.7;margin-top:9px;letter-spacing:1px}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:3px 0}.reader-controls>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#b7cbbd}.reader-controls select,.voice-select select{background:#16343a;color:var(--text);border:1px solid var(--line);font-size:12px;padding:7px 9px;border-radius:8px;max-width:100%;min-width:0}.reader-controls .text-button{font-size:14px;color:var(--sand)}.voice-select{display:flex;align-items:center;gap:15px;font-size:12px;color:#a7c1b1;margin:5px 0 17px}.voice-select>select{flex:1;max-width:calc(100% - 65px)}.story-text{max-height:30vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#739b85 transparent;padding:3px 12px 3px 0;margin-top:10px}.story-text p{font-size:15px;line-height:2.2;color:#a9c1b0;padding:15px 17px;border-radius:13px;margin-bottom:12px;transition:background .3s,color .3s}.story-text p.current-paragraph{color:#e1e8d7;background:#d3e2c909;box-shadow:inset 2px 0 #d0c5a1}.reader-bottom{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;color:#a4bfae;margin-top:15px}.wallpaper-preview{height:285px;border-radius:18px;background-size:cover;background-position:center;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:33px}.wallpaper-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08202ad1,transparent 90%);z-index:-1}.wallpaper-preview p{max-width:85%;font-size:25px;font-weight:300;line-height:1.9;letter-spacing:2px;text-wrap:balance}.wallpaper-preview small{margin-top:21px;font-size:11px;letter-spacing:2px;color:#cad7c7}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:19px}.theme-options>button{padding:5px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:9px;color:#b1c5b7}.theme-options>button>img{width:100%;height:58px;object-fit:cover;border-radius:8px}.theme-options>button>span{font-size:12px;line-height:1.7;padding-bottom:4px;white-space:nowrap}.theme-options>button.chosen{border-color:#e1cfaa8a;background:#d9ddce0a;color:#f0ddba}.download-link{text-decoration:none}.alarm-preview{height:185px;background-size:cover;background-position:center;border-radius:18px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center}.alarm-preview:before{content:"";position:absolute;inset:0;background:#0426305a;z-index:-1}.alarm-preview>span{font-size:24px;letter-spacing:4px}.alarm-preview>p{font-size:13px;letter-spacing:1px;color:#ede7d6}.alarm-glow{position:absolute;width:150px;height:150px;border:1px solid #e4e6c64d;border-radius:50%;z-index:-1;animation:alarm-glow 7s ease-in-out infinite;background:#ffe6b408}.alarm-time-label{display:flex;align-items:center;justify-content:space-between;color:#bfd0c0;font-size:13px;margin:29px 0 20px}.alarm-time-label>input{font-size:31px;font-weight:300;color:var(--text);background:#0a282d66;border:1px solid var(--line);padding:10px 14px;border-radius:12px;min-width:145px;color-scheme:dark;font-variant-numeric:tabular-nums}.repeat-alarm{display:flex;align-items:center;gap:11px;font-size:13px;color:#b3c9b8;margin:15px 0 22px}.repeat-alarm input{accent-color:#cecfaf;width:16px;height:16px}.alarm-theme-options{gap:7px;margin-bottom:15px}.alarm-theme-options>button>span{font-size:11px}.ringing{height:260px}.ringing>strong{font-size:52px;font-weight:300;letter-spacing:4px}.ringing>.alarm-glow{width:180px;height:180px}.reader-bottom .icon-button:disabled{opacity:.3}.extras-help-note{color:#b2c4b8;font-size:12px;line-height:1.9}@keyframes alarm-glow{0%,to{transform:scale(.8);opacity:.35}50%{transform:scale(1.2);opacity:1}}@media(max-width:1000px){.story-preview-row{grid-template-columns:repeat(2,minmax(0,1fr))}.story-preview:last-child{grid-column:1/-1;min-height:150px}.story-preview{padding:22px;min-height:170px}.story-preview strong{font-size:19px}.story-preview small{font-size:10px}}@media(max-width:700px){.header-tools{gap:2px}.header-tools>.icon-button{width:34px}.header-tools>.icon-button svg{width:21px}.header-tools .avatar{margin-left:6px}.experience-grid{gap:10px}.experience-item{padding:19px 15px;gap:13px;min-height:162px;border-radius:16px}.experience-item>strong{font-size:14px;letter-spacing:0;line-height:1.7}.experience-item>small{font-size:10px;padding:0;line-height:1.9}.experience-item>svg:first-child{width:24px}.experience-item>svg:last-child{right:13px;top:23px;width:14px}.inline-form>input{font-size:12px;padding:12px 11px}.inline-form>button{font-size:11px;padding:10px 11px;gap:4px}.saved-mix-shortcuts>button{font-size:12px;line-height:1.8}.focus-tags{gap:7px}.focus-tags>button{font-size:11px;padding:7px 12px}.focus-tag-picker>label{font-size:12px}.my-mixes-list{grid-template-columns:1fr;gap:13px}.my-mixes-list>button{padding:23px;gap:18px}.my-mixes-list strong{font-size:16px}.my-mixes-list small{font-size:10px}.story-preview-row{grid-template-columns:1fr;gap:13px}.story-preview,.story-preview:last-child{min-height:155px;padding:24px}.story-preview strong{font-size:22px}.story-preview small{font-size:10px}.sleep-stories{margin-top:30px}.alarm-entry{padding:22px 18px;gap:15px;border-radius:18px;margin-top:28px}.alarm-entry strong{font-size:14px}.alarm-entry small{font-size:10px;margin-top:5px}.alarm-entry>svg:first-child{width:22px}.alarm-entry>svg:last-child{width:17px}.story-list{gap:14px}.story-list-item{gap:14px;min-height:128px;padding-right:12px;border-radius:15px}.story-list-item>img{width:80px;height:auto;min-height:128px}.story-list-item small{font-size:9px;letter-spacing:.5px}.story-list-item strong{font-size:16px;line-height:1.8;margin-top:6px}.story-list-item p{font-size:10px;line-height:1.9;margin-top:5px}.story-list-item>svg{width:15px}.story-list-item>span{padding-block:17px}.reader-cover{height:140px;padding:19px 20px;border-radius:15px}.reader-cover>p{font-size:14px;line-height:1.9;letter-spacing:.5px}.reader-cover>span{font-size:9px}.reader-controls .text-button{font-size:13px}.reader-controls>label{font-size:10px;gap:6px}.reader-controls select{font-size:11px;padding:7px}.voice-select{font-size:11px;gap:10px}.voice-select>select{font-size:11px}.story-text{max-height:27vh;padding-right:8px}.story-text p{font-size:13px;line-height:2.1;padding:13px 14px}.reader-bottom{gap:20px;margin-top:10px;font-size:11px}.wallpaper-preview{height:240px;border-radius:16px;padding:25px}.wallpaper-preview p{font-size:21px;max-width:100%;letter-spacing:1px;line-height:1.9}.wallpaper-preview small{font-size:9px;line-height:1.8;margin-top:17px}.theme-options{gap:6px;margin-top:15px}.theme-options>button{padding:4px;gap:7px;border-radius:10px}.theme-options>button>span{font-size:9px}.theme-options>button>img{height:47px;border-radius:6px}.alarm-preview{height:170px;border-radius:16px;gap:13px}.alarm-preview>span{font-size:22px}.alarm-preview>p{font-size:11px}.alarm-time-label{font-size:12px;margin-top:24px}.alarm-time-label>input{font-size:27px;min-width:135px;padding:8px 13px}.repeat-alarm{font-size:12px}.alarm-theme-options>button>span{font-size:9px}.alarm-preview.ringing{height:245px}.ringing>strong{font-size:47px}.focus-total{font-size:12px;gap:12px}.focus-total small{font-size:10px}}@media(prefers-reduced-motion:reduce){.alarm-glow{animation:none;transform:none;opacity:.6}.story-text{scroll-behavior:auto}}.breath-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:29px 0 20px}.breath-patterns button{text-align:center;border:1px solid var(--line);border-radius:15px;padding:15px 8px;background:#cbd9c907}.breath-patterns button.chosen{border-color:#d7d1ac8c;background:#d7d8ba13;color:#f2ddbe}.breath-patterns strong{display:block;font-size:13px;line-height:1.7}.breath-patterns small{display:block;font-size:10px;line-height:1.8;color:#a4bfac;margin-top:7px}.narration-setting{margin-bottom:-19px}.is-breathing:after{animation-duration:var(--breath-duration,8s)}.pattern-4-6:after{animation-name:breathe-long-exhale}@keyframes breathe-long-exhale{0%,to{transform:scale(.94);opacity:.4}40%{transform:scale(1.15);opacity:1}}.backup-summary{display:flex;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:25px 0;margin:25px 0}.backup-summary span{font-size:11px;color:#adc4b1;text-align:center;flex:1;line-height:1.9}.backup-summary strong{display:block;font-size:29px;color:var(--text);font-weight:300;margin-bottom:5px}.backup-file{position:relative;cursor:pointer;overflow:hidden}.backup-file>input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.backup-file:focus-within{outline:2px solid var(--sand);outline-offset:4px}.import-preview{border:1px solid var(--line);border-radius:17px;padding:22px;margin-top:23px;background:#cbd8c509}.import-preview h3{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.import-preview p{font-size:12px;color:#adc4b0;line-height:1.9;margin-top:12px}.backup-message{margin-top:20px}.utility-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.utility-links>button{display:flex;align-items:center;gap:9px;font-size:12px;color:#b4c9b7;line-height:1.8}.offline-state{text-align:center;padding:20px 2px 15px}.offline-state>svg{color:var(--sand);margin-bottom:21px}.offline-state>h3{font-size:22px;letter-spacing:1px;line-height:1.7}.offline-state>p{font-size:14px;color:#b8ccb9;line-height:2;margin-top:19px}.offline-notes{padding-left:19px;font-size:12px;color:#acc3b0;line-height:2.1;margin:23px 0}.offline-notes>li{padding-left:5px;margin-block:8px}@media(max-width:700px){.breath-patterns{gap:7px}.breath-patterns button{padding:13px 5px;border-radius:12px}.breath-patterns strong{font-size:12px}.breath-patterns small{font-size:9px}.backup-summary{padding-block:22px;gap:10px}.backup-summary span{font-size:10px}.backup-summary strong{font-size:26px}.import-preview{padding:18px}.import-preview h3{font-size:12px}.import-preview p{font-size:11px}.utility-links{gap:15px}.utility-links>button{font-size:10px;gap:7px}.utility-links>button>svg{width:16px}.offline-state>h3{font-size:20px}.offline-state>p{font-size:12px}.offline-notes{font-size:11px}.narration-setting{margin-bottom:-15px}}.session-narration{font-size:12px;color:#b8cbb6;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.story-library-count{font-size:12px;color:#adc4b9;letter-spacing:1px;margin:-8px 0 20px}.narration-player{border:1px solid var(--line);border-radius:18px;background:#08272d33;padding:19px;margin:18px 0 23px}.narration-player>audio{display:none}.narration-voices{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.narration-voices>button{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:10px 14px;font-size:13px;color:#b3c9bc}.narration-voices>button.chosen{border-color:#d9d3b286;color:#f1dec1;background:#d7d8be12}.narration-voices>span{margin-left:auto;font-size:10px;color:#a4bdaf;letter-spacing:1px}.narration-transport{display:flex;align-items:center;gap:17px;margin-top:18px}.narration-transport .primary-button{margin-top:0;flex:1;min-height:46px;font-size:14px}.narration-transport>label{display:flex;align-items:center;gap:8px;font-size:11px;color:#b7cbbd}.narration-transport select{padding:8px;background:#18373d;color:var(--text);font-size:12px;border:1px solid var(--line);border-radius:8px}.narration-progress{display:flex;align-items:center;gap:13px;margin:23px 0}.narration-progress>span{font-size:11px;font-variant-numeric:tabular-nums;color:#afc6b8;width:35px}.narration-progress>input{flex:1;width:100%;min-width:20px}.narration-volume{display:flex;align-items:center;gap:11px;margin:17px 0 21px}.narration-volume>label{font-size:11px;color:#a8c3b2;white-space:nowrap}.narration-volume>input{flex:1;width:100%;min-width:20px}.narration-links{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;padding-top:18px;border-top:1px solid #c4d9c91c}.narration-links>button,.narration-links>a{font-size:11px;line-height:1.9;padding:0;color:#c6d4be;text-decoration:none}.narration-links>a:hover{text-decoration:underline}.narration-note{font-size:10px;line-height:1.9;color:#95b2a0;margin-top:13px}.narration-player .inline-note{font-size:12px;margin:10px 0;line-height:1.9}.story-text{max-height:28vh}.mixer-row>label{font-size:13px;min-width:58px;white-space:nowrap}.story-list-item small,.sound-grid .sound-card.large .card-play-area small{line-height:1.8}@media(max-width:700px){.narration-player{padding:16px 14px;border-radius:15px;margin-top:16px}.narration-voices{gap:7px}.narration-voices>button{font-size:11px;padding:8px 10px;gap:6px}.narration-voices>button>svg{width:14px}.narration-voices>span{font-size:8px}.narration-transport{gap:12px;margin-top:16px}.narration-transport .primary-button{min-height:43px;font-size:12px;gap:8px}.narration-transport>label{font-size:10px;gap:5px}.narration-transport select{font-size:10px;padding:7px 6px}.narration-progress{gap:8px;margin-block:20px}.narration-progress>span{font-size:10px;width:31px}.narration-links{gap:10px}.narration-links>a,.narration-links>button{font-size:9px}.narration-volume{gap:9px}.narration-volume>label{font-size:10px}.narration-note{font-size:9px;margin-top:12px}.mixer-row{gap:10px}.mixer-row>label{font-size:11px;min-width:49px}.mixer-row>img{width:34px;height:34px}.story-library-count{font-size:10px;margin-bottom:17px}.story-text{max-height:25vh}.story-list-item small{font-size:9px}}.dialog:has(.narration-player) .dialog-header{position:sticky;top:0;z-index:3;background:#2b4347;padding-block:10px;margin-top:-10px;border-radius:8px}.audition-intro{padding:24px 25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,#c5cfb111,#0e333d66);margin-bottom:20px}.audition-eyebrow{display:flex;align-items:center;gap:8px;color:var(--sand);font-size:11px;letter-spacing:1px}.audition-intro>p{font-size:24px;line-height:1.8;margin-top:13px;letter-spacing:1px}.audition-intro>small{display:block;color:#aec5ba;font-size:11px;line-height:1.9;margin-top:8px}.audition-instructions{line-height:1.9;font-size:13px}.audition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0}.audition-card{border:1px solid var(--line);border-radius:18px;padding:20px 18px;background:#17303840;transition:border-color .2s,background .2s;min-width:0}.audition-card.is-chosen{border-color:#e0cf9c99;background:#cbd4b110}.audition-card-heading{display:flex;gap:9px;align-items:center;justify-content:space-between;font-size:10px;color:#b9cbbd;line-height:1.8}.audition-card-heading>small{font-size:10px;white-space:nowrap;color:#d5cfb3}.audition-card h3{font-size:20px;line-height:1.8;margin:8px 0 18px}.audition-card audio,.audition-baselines audio{display:block;width:100%;height:42px;color-scheme:dark}.audition-card-actions{border-top:1px solid #c3d6c51f;margin-top:20px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.audition-card-actions>button{font-size:11px;display:flex;align-items:center;gap:7px;color:#dae0c8;padding:5px 0}.audition-card-actions>a{font-size:10px;color:#bdcfc1;text-decoration:none;padding-block:6px;white-space:nowrap}.audition-card-actions>a:hover{text-decoration:underline}.audition-selection{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:13px;background:#c2d2b70a;border:1px solid #c7d9b91c;color:#ced9c4}.audition-selection>p{font-size:12px;line-height:2}.audition-details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.audition-details>summary{font-size:13px;cursor:pointer;color:#c3d2c1;line-height:1.9}.audition-details>p{font-size:12px;line-height:2.1;margin-top:15px;color:#b2c8ba}.audition-baselines{display:grid;gap:18px;margin-top:20px}.audition-baselines strong{font-size:12px;display:block;margin-bottom:9px;color:#c5d6c4}.dialog:has(.audition-grid) .dialog-header{position:sticky;top:0;z-index:3;background:#2b4347;padding-block:10px;margin-top:-10px;border-radius:8px}.audition-entry{margin-bottom:22px;display:flex;align-items:center;gap:9px;font-size:12px;color:#d9d8bd}@media(max-width:700px){.audition-intro{padding:21px 18px;border-radius:15px}.audition-intro>p{font-size:20px;letter-spacing:0;margin-top:11px}.audition-intro>small{font-size:10px}.audition-eyebrow{font-size:10px}.audition-instructions{font-size:12px}.audition-grid{grid-template-columns:1fr;gap:14px;margin-block:22px}.audition-card{padding:19px 16px;border-radius:16px}.audition-card h3{font-size:20px;margin-bottom:14px}.audition-card-heading,.audition-card-heading>small{font-size:11px}.audition-card-actions>button{font-size:12px;min-height:34px}.audition-card-actions>a{font-size:11px}.audition-selection{padding:15px}.audition-selection>p{font-size:12px}.audition-details>summary{font-size:12px}.audition-entry{font-size:12px}}.sleep-audition-entry{margin:17px 0 0;font-size:12px;letter-spacing:0}.sleep-audition-entry svg:last-child{margin-left:3px}