@charset "UTF-8";
body.relax-page,body.relax-page *{box-sizing:border-box}
#relax-app{--relax-ink:#244536;--relax-muted:#788575;--relax-line:#dfe5d7;--relax-paper:#fffefa;--relax-soft:#edf1e6;--relax-gold:#a7905c;--relax-serif:"Songti SC","STSong",serif;color:var(--relax-ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body.relax-page.shell-external>#relax-app{max-width:1290px;padding:26px 38px 30px}
#relax-app button,#relax-app input,#relax-app select{font:inherit;color:inherit}
#relax-app a{color:inherit;text-decoration:none}
#relax-app button,#relax-app select{cursor:pointer}
#relax-app button:disabled{opacity:.42;cursor:default}
#relax-app button:focus-visible,#relax-app a:focus-visible,#relax-app input:focus-visible,#relax-app select:focus-visible{outline:3px solid #9db49a;outline-offset:4px}
#relax-app [hidden]{display:none!important}
#relax-app h1,#relax-app h2,#relax-app p{margin:0}
#relax-app .relax-header{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#71816d}
#relax-app .relax-header a{display:flex;gap:10px;align-items:center;padding:6px 0}
#relax-app .relax-header a:hover{color:var(--relax-ink)}
#relax-app .relax-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;padding:35px 0 38px}
#relax-app .relax-eyebrow{font-size:10px;letter-spacing:2px;color:var(--relax-gold)}
#relax-app h1{font:45px/1.45 var(--relax-serif);font-weight:500;letter-spacing:4px;margin-top:14px}
#relax-app h1 span{display:block;font-size:26px;letter-spacing:2px;color:#8c957d;margin-top:3px}
#relax-app .relax-lede{font-size:12px;color:var(--relax-muted);margin-top:17px}
#relax-app .relax-scenes{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#7b876d}
#relax-app .relax-scenes span{padding:4px 12px;border:1px solid #dce3d1;border-radius:20px}
#relax-app .relax-ripple{position:relative;width:210px;height:210px;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b9d7e}
#relax-app .relax-ripple i{position:absolute;border:1px solid #dce3d1;border-radius:50%;inset:0;transform:rotate(-16deg) scaleX(1.15)}
#relax-app .relax-ripple i:nth-child(2){inset:23px;transform:rotate(20deg) scaleX(1.2);border-color:#d1dbc7}
#relax-app .relax-ripple i:nth-child(3){inset:46px;border-color:#cbd6c0;background:radial-gradient(ellipse,#e5eadc,transparent)}
#relax-app .relax-ripple span{font:42px var(--relax-serif);z-index:1}
#relax-app .relax-ripple small{font-size:8px;letter-spacing:4px;margin-top:14px;z-index:1}
#relax-app .relax-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:23px;align-items:start}
#relax-app .relax-player,#relax-app .relax-library{border:1px solid var(--relax-line);border-radius:17px;background:var(--relax-paper);min-width:0}
#relax-app .relax-player{padding:26px 30px 22px;background:#eff2e8}
#relax-app .relax-card-top{display:flex;justify-content:space-between;gap:12px;color:#829075;font-size:10px;letter-spacing:1px}
#relax-app #play-state{letter-spacing:0}
#relax-app .relax-art{height:180px;display:grid;place-items:center;position:relative;margin:9px 0 12px;overflow:hidden}
#relax-app .relax-record{position:relative;z-index:1;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#dce4cf 0,#dce4cf 2px,#d7e0c9 3px,#dce4cf 4px);box-shadow:0 0 0 8px #e9eedf,0 0 0 9px #dbe3ce}
#relax-app .relax-record:before{content:"";position:absolute;inset:33px;border:1px solid #b6c5a7;background:#cbd8bb;border-radius:50%}
#relax-app .relax-record span{font:33px var(--relax-serif);position:relative;color:#718965}
#relax-app .relax-record i{position:absolute;top:5px;left:55%;width:4px;height:4px;border-radius:50%;background:#82996c}
#relax-app .relax-art-lines{position:absolute;width:290px;height:80px;border:1px solid #e0e6d5;border-radius:50%;transform:rotate(-18deg)}
#relax-app .relax-track-kicker{font-size:9px;letter-spacing:2px;color:#97a185;text-align:center}
#relax-app #now-title{font:26px/1.5 var(--relax-serif);font-weight:500;letter-spacing:1px;text-align:center;margin:9px 0 7px;overflow-wrap:anywhere}
#relax-app .relax-player-note{font-size:10px;color:#98a38b;text-align:center}
#relax-app .relax-progress{margin-top:25px}
#relax-app input[type=range]{width:100%;height:18px;accent-color:#57794d;cursor:pointer;margin:0;vertical-align:middle}
#relax-app .relax-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#88967c;margin-top:3px;font-variant-numeric:tabular-nums}
#relax-app .relax-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:19px 0 22px}
#relax-app .relax-step{width:36px;height:38px;border:0;background:transparent;padding:6px;color:#67815b}
#relax-app .relax-controls svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
#relax-app .relax-play{min-width:114px;height:48px;display:flex;gap:10px;align-items:center;justify-content:center;background:#42613b;border:0;border-radius:26px;color:#fffff5;font-size:12px;letter-spacing:2px;padding:0 21px}
#relax-app .relax-play svg{width:17px;height:17px}
#relax-app .relax-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;padding-top:17px;border-top:1px solid #dce4d0}
#relax-app .relax-options label>span{display:flex;justify-content:space-between;font-size:10px;color:#859376;margin-bottom:9px}
#relax-app .relax-options output{font-size:9px;font-variant-numeric:tabular-nums}
#relax-app select{border:1px solid #d7e0cb;background:#f9fbf4;border-radius:7px;min-height:34px;font-size:11px;padding:4px 23px 4px 9px;max-width:100%}
#relax-app .relax-mode select{width:100%}
#relax-app .relax-device-note{font-size:9px;color:#9aa58c;margin-top:12px}
#relax-app .relax-timer{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #dce4d0}
#relax-app .relax-timer>div{flex:1;min-width:0}
#relax-app .relax-timer label{font-size:11px;color:#617852}
#relax-app #timer-status{font-size:9px;color:#8b9a7d;margin-top:4px;font-variant-numeric:tabular-nums}
#relax-app #cancel-timer{font-size:10px;background:transparent;border:0;padding:6px 0;color:#788a68;text-decoration:underline;text-underline-offset:3px}
#relax-app .relax-library{padding:27px 26px 16px}
#relax-app .relax-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
#relax-app .relax-library-heading .relax-eyebrow{font-size:9px;letter-spacing:1.5px}
#relax-app .relax-library h2{font:27px var(--relax-serif);font-weight:500;letter-spacing:1px;margin-top:8px}
#relax-app #track-count{font-size:10px;color:#8e9a80;white-space:nowrap;padding-bottom:3px}
#relax-app .relax-library-note{font-size:10px;color:#939d87;margin:13px 0 20px}
#relax-app .relax-track-list{list-style:none;margin:0;padding:0}
#relax-app .relax-track-list li+li{border-top:1px solid #edf0e7}
#relax-app .relax-track-button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;padding:14px 11px;min-height:65px}
#relax-app .relax-track-button:hover{background:#f3f6ec}
#relax-app .relax-track-button[aria-pressed=true]{background:#eaf0df;border-color:#d8e2c9}
#relax-app .relax-track-number{font:12px var(--relax-serif);color:#a3ad93}
#relax-app .relax-track-title{display:block;font-size:12px;color:#526a45;line-height:1.6;overflow-wrap:anywhere}
#relax-app .relax-track-detail{display:block;font-size:9px;color:#9aa68d;margin-top:4px}
#relax-app .relax-track-duration{font-size:10px;color:#99a38d;font-variant-numeric:tabular-nums}
#relax-app .relax-load-state{padding:25px 16px;text-align:center;font-size:12px;color:#8a977d;background:#f5f7ef;border-radius:9px}
#relax-app .relax-load-state button,#relax-app .relax-play-error button{font-size:11px;background:#fffefa;border:1px solid #ced9bf;border-radius:6px;padding:7px 12px;margin-top:12px}
#relax-app .relax-play-error{font-size:11px;color:#8d6240;background:#f3eadd;border:1px solid #e7d7c0;border-radius:8px;padding:12px;margin-bottom:17px}
#relax-app .relax-listening-note{display:flex;gap:17px;padding:27px 24px;margin-top:24px;border:1px solid #e1e7d8;border-radius:12px;background:#f3f5ed}
#relax-app .relax-listening-note>span{font-size:27px;color:#9ea98f;line-height:1.3}
#relax-app .relax-listening-note h2{font:17px var(--relax-serif);font-weight:500;color:#7c8d6b;margin:0 0 9px}
#relax-app .relax-listening-note p{font-size:11px;line-height:1.95;color:#929e86}
#relax-app .relax-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#a0ab94;padding:26px 0 3px}
#relax-app .relax-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){body.relax-page.shell-external>#relax-app{padding:24px 25px 30px}#relax-app .relax-layout{grid-template-columns:minmax(0,1fr)}#relax-app .relax-player{padding:25px 30px}#relax-app .relax-art{height:140px}#relax-app .relax-record{width:115px;height:115px}#relax-app .relax-record:before{inset:26px}#relax-app .relax-track-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 13px}#relax-app .relax-track-list li+li{border:0}#relax-app .relax-track-button{border-bottom-color:#edf0e7}#relax-app .relax-ripple{width:170px;height:170px}#relax-app .relax-intro{grid-template-columns:1.4fr 1fr;gap:12px}#relax-app h1{font-size:39px}#relax-app h1 span{font-size:23px}}
@media(max-width:650px){body.relax-page.shell-external{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}body.relax-page.shell-external>#relax-app{padding:17px 17px 20px}#relax-app .relax-header{font-size:10px}#relax-app .relax-intro{display:block;padding:27px 0 28px}#relax-app .relax-ripple{display:none}#relax-app .relax-eyebrow{font-size:9px}#relax-app h1{font-size:36px;margin-top:11px}#relax-app h1 span{font-size:22px;margin-top:5px}#relax-app .relax-lede{font-size:11px;margin-top:15px}#relax-app .relax-scenes{margin-top:15px}#relax-app .relax-scenes span{font-size:9px;padding:3px 10px}#relax-app .relax-layout{gap:16px}#relax-app .relax-player{padding:21px 21px 19px;border-radius:14px}#relax-app .relax-art{height:134px;margin-bottom:6px}#relax-app #now-title{font-size:24px}#relax-app .relax-progress{margin-top:22px}#relax-app .relax-controls{margin:17px 0 20px}#relax-app .relax-options{gap:18px}#relax-app .relax-library{padding:23px 19px 12px;border-radius:14px}#relax-app .relax-track-list{display:block}#relax-app .relax-track-button{padding:13px 8px}#relax-app .relax-library h2{font-size:25px}#relax-app .relax-listening-note{padding:22px 18px;gap:12px;margin-top:17px}#relax-app .relax-footer{display:block;padding-top:22px}#relax-app .relax-footer span{display:block;margin-top:7px}}
@media print{#relax-app .relax-controls,#relax-app .relax-options,#relax-app .relax-timer,#relax-app .relax-header{display:none}#relax-app .relax-layout{display:block}}
#relax-app .relax-use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 20px}#relax-app .relax-use-cases article{padding:23px;background:#fbfcf7;border:1px solid #dfe6d8;border-radius:13px}#relax-app .relax-use-cases small{font-size:10px;letter-spacing:1px;color:#829274}#relax-app .relax-use-cases h2{font-family:var(--relax-serif,"Songti SC",serif);font-size:20px;font-weight:500;line-height:1.6;color:#3c5d4c;margin:10px 0}#relax-app .relax-use-cases p{font-size:12px;line-height:1.9;color:#75866e;margin:0}@media(max-width:800px){#relax-app .relax-use-cases{grid-template-columns:1fr;gap:12px;margin-top:24px}#relax-app .relax-use-cases article{padding:19px}#relax-app .relax-use-cases h2{font-size:21px}}

#relax-app .relax-browse-links{display:flex;gap:14px;flex-wrap:wrap;margin:-5px 0 16px;font-size:11px;color:#5b7c4d}#relax-app .relax-browse-links a{padding:7px 10px;border:1px solid #dce5d1;border-radius:7px;background:#f5f8ef}