@charset "UTF-8";
:root{--paper:#f7f6f2;--ink:#292c25;--muted:#797b71;--line:#e4e4dc;--coral:#eb7659;--coral-dark:#b84b33;--lavender:#d8ceeb;--sage:#dce2ce;--radius:18px;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px;scroll-behavior:smooth;scroll-padding-top:26px}*{box-sizing:border-box}body{margin:0}body:has(.player){padding-bottom:86px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8d6cb7;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0;background:transparent}fieldset{border:0;padding:0;margin:0;min-width:0}svg.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}.wrap{width:min(1216px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;height:100px;gap:26px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.1px;font-weight:750;white-space:nowrap}.brand-light{font-weight:450}.brand-dot{color:var(--coral)}.header nav{display:flex;gap:34px;margin-left:76px;font-size:13px;color:#62655b}.header nav a:hover,.text-link:hover{color:var(--coral-dark)}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;align-items:center;gap:7px;font-size:12px}.language .icon{width:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:16px 22px;font-weight:600;font-size:13px;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.coral{background:var(--coral);color:#fffdf7}.button.coral:hover{background:#d8664b}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#434b3b}.button.small{padding:12px 16px;font-size:12px}.button.small .icon{width:16px}.button.secondary{background:#f0efe8;border:1px solid var(--line);color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:568px;padding-block:52px 59px}.eyebrow{font-size:10px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;margin-bottom:23px;font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#8d9e7e;flex-shrink:0}.hero h1{font-size:clamp(42px,4.6vw,64px);letter-spacing:-3.2px;line-height:1.12;font-weight:500}.hero h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--coral);font-weight:400;letter-spacing:-3px}.hero-intro{font-size:14px;color:#74766e;line-height:1.9;max-width:405px;margin-top:23px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{display:inline-flex;gap:13px;align-items:center;font-size:12px;font-weight:600}.text-link>span{font-size:20px;font-weight:400}.hero-benefits{display:flex;gap:20px;font-size:10px;color:#7f8176;margin-top:28px;flex-wrap:wrap}.hero-benefits span{display:flex;align-items:center;gap:4px}.hero-benefits .icon{width:12px;height:12px;color:#87947a}.hero-art{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:10px;background-image:linear-gradient(#d6d7ca50 1px,transparent 1px),linear-gradient(90deg,#d6d7ca50 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%)}.record{width:360px;aspect-ratio:1;border-radius:50%;background:#ed8264;position:relative;box-shadow:9px 15px 35px #b66b4520;transform:rotate(-15deg);display:grid;place-items:center;overflow:hidden;z-index:1}.record:after{content:"";position:absolute;inset:0;background:conic-gradient(from 130deg,transparent,#ffe2b180,transparent,#fcb38c44,transparent);border-radius:50%;pointer-events:none}.record-grooves{position:absolute;inset:13px;border-radius:50%;background:repeating-radial-gradient(circle at 50%,transparent 0 5px,#aa443a24 6px,#ffc8a735 7px,transparent 8px);border:1px solid #b6503f4d}.record-label{width:144px;height:144px;border-radius:50%;background:#d7c9eb;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;border:1px solid #baadc9;position:relative;gap:8px;box-shadow:0 0 0 7px #f3b19780}.record-label>span{font-size:7px;letter-spacing:3px}.record-label b{font-family:Georgia,serif;font-size:31px;line-height:.8;font-weight:400;font-style:italic;margin-left:6px}.record-label small{font-size:6px;letter-spacing:1.5px;margin-top:3px}.record-label i{position:absolute;width:10px;height:10px;background:var(--paper);border:1px solid #b6a7ca;border-radius:50%;top:67px;left:67px;box-shadow:0 0 0 3px #b9aac633}.art-coordinate{position:absolute;top:23px;left:31px;font-size:8px;letter-spacing:1.9px;color:#898b7e}.orbit{position:absolute;border:1px solid #bbbbaa70;border-radius:50%;width:440px;height:270px;transform:rotate(-35deg);z-index:0}.orbit-two{width:430px;height:310px;transform:rotate(45deg);border-style:dashed;opacity:.55}.floating-note{position:absolute;left:1px;bottom:40px;z-index:3;background:#fffffff0;box-shadow:0 6px 30px #4445330e;border:1px solid white;backdrop-filter:blur(8px);border-radius:12px;display:flex;align-items:center;gap:11px;padding:16px 18px;transform:rotate(-4deg)}.floating-note>.icon{color:#a07898;background:#f1ebf7;border-radius:50%;padding:8px;width:35px;height:35px}.floating-note>span{font-size:7px;letter-spacing:1px;display:flex;flex-direction:column;gap:6px}.floating-note b{font-size:12px;font-weight:500;letter-spacing:0}.mini-bars{display:flex;align-items:center;gap:2px;width:36px;height:24px;margin-left:10px}.mini-bars i{background:#e08a6b;width:2px;height:var(--h);border-radius:2px}.art-spark{position:absolute;font-family:Georgia,serif;color:#a9b794;font-size:83px;right:0;top:38px;z-index:4;line-height:1}.art-note{position:absolute;bottom:4px;right:6px;font-size:8px;letter-spacing:2.5px;color:#8b8a7c;transform:rotate(-90deg);transform-origin:top right}.art-plus{position:absolute;left:43px;top:90px;color:#a69b80;font-size:24px;font-weight:300}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;background:#efeee7}.marquee>div{display:flex;justify-content:space-around;gap:32px;white-space:nowrap;width:max(100%,1200px);font-size:19px;color:#929584;align-items:center}.marquee span{font-size:9px;font-weight:600;letter-spacing:2px;color:#6d7162}.section{padding-block:70px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:32px}.kicker{font-size:9px;letter-spacing:1.8px;color:#8b8f7f;line-height:1.6;font-weight:600;margin-bottom:11px}.section h2{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:500}.section-heading>div>p:last-child{color:var(--muted);font-size:12px;margin-top:12px;line-height:1.6}.pill{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;background:#e9ebdf;border:1px solid #dce0ce;padding:9px 11px;border-radius:30px;color:#718061}.pill .icon{width:12px;height:12px}.studio-grid{display:grid;grid-template-columns:1fr 1.02fr;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 5px #3c3c2603}.control-panel{padding:32px 34px}.control-panel fieldset+fieldset{margin-top:25px}legend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px;width:100%;margin-bottom:13px}legend>span{font-size:8px;color:#9a9e8f;font-weight:400;border:1px solid #e5e6dc;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{border:1px solid #e8e8df;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:11px;cursor:pointer;position:relative;color:#7e8076;transition:background .2s,border-color .2s}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.choice:has(input:checked){border-color:#e8b8a6;background:#fff4ed;color:#a95d43}.choice:has(input:focus-visible){outline:3px solid #8d6cb7;outline-offset:3px}.scene-choice{padding:13px}.scene-choice .icon{width:17px;height:17px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mood-choice{justify-content:center;padding:10px 4px;font-size:10px;gap:6px;white-space:nowrap}.mood-dot{width:7px;height:7px;border-radius:50%}.mood-0{background:#b69cd0}.mood-1{background:#a6b99b}.mood-2{background:#e4bd70}.mood-3{background:#95a6c0}.sliders legend{margin-bottom:14px}.sliders legend .icon-button{margin-left:auto}.icon-button{padding:5px;display:inline-grid;place-items:center;border-radius:4px}.icon-button:hover{background:#e8e8df}.icon-button .icon{width:15px;height:15px}.slider-row{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:10px;font-size:11px;margin-bottom:17px}.slider-row output{font-family:monospace;font-size:10px;color:#8c907e}.slider-row input{grid-column:1/-1;width:100%;height:4px;margin:0}input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--coral) var(--value,0%),#e9e9e2 var(--value,0%));border-radius:5px;cursor:pointer;height:4px;accent-color:var(--coral)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #d98b6f;background:var(--coral)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #d98b6f;background:var(--coral)}.synth-button{width:100%;margin-top:5px;padding-block:15px}.synth-button>.icon:last-child{margin-left:auto}.synth-button>.icon:first-child{margin-right:auto}.demo-disclosure{font-size:9px;line-height:1.6;color:#96998d;text-align:center;margin-top:12px;max-width:380px;margin-inline:auto}.output-panel{position:relative;background:#f1f0e9;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:hidden}.output-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.output-top .kicker{font-size:8px;margin:0}.output-indicator{display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:1.3px;color:#8f9480}.output-indicator .status-dot{width:4px;height:4px}.output-art{height:245px;position:relative;display:grid;place-items:center;margin-top:-6px}.output-orb{width:196px;height:196px;border-radius:50%;overflow:hidden;position:relative;transform:rotate(-15deg);box-shadow:8px 16px 20px #43382610}.output-orb img{width:100%;height:100%;object-fit:cover}.orb-play{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;left:calc(50% - 21px);top:calc(50% - 21px);background:#ffffffdc;backdrop-filter:blur(5px);box-shadow:0 3px 15px #22222212;transform:rotate(15deg)}.orb-play .icon{width:16px;height:16px;margin-left:2px}.orbital-line{position:absolute;border:1px solid #cfcdba;width:285px;height:135px;transform:rotate(-25deg);border-radius:50%}.orb-spark{position:absolute;right:22%;top:20px;font-size:36px;color:#a8b295}.output-orbit-label{position:absolute;left:25px;top:86px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:2.2px;color:#9b9d8b}.output-content{padding:0 39px 24px;text-align:center;flex:1}.track-meta{font-size:7px;letter-spacing:1.2px;color:#999982}.track-meta span{margin:0 7px}.output-content h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin-top:11px}.waveform{height:49px;display:flex;align-items:center;justify-content:center;gap:3px;margin:15px auto 20px;max-width:320px}.waveform i{display:block;height:var(--h);width:3px;background:#b5bca1;border-radius:3px;transform:scaleY(.65);transition:background .3s}.is-playing .waveform i{animation:wave 1s ease-in-out var(--d) infinite alternate;background:#c49375}.story-label{font-size:7px;letter-spacing:1.8px;color:#8e947e;margin-bottom:9px}.output-story{font-family:Georgia,"Songti SC",SimSun,serif;font-style:italic;font-size:12px;line-height:1.85;color:#7a7d6e;max-width:335px;margin:auto}.output-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e3d7;padding:15px 26px;font-size:8px;color:#979c87}.output-bottom>span:first-child{display:flex;gap:7px;align-items:center}.output-bottom .icon{width:12px;height:12px}.soundscapes-section{background:#eeeee7;border-block:1px solid #e5e5db}.tabs{display:flex;gap:4px;background:#e4e5da;padding:4px;border:1px solid #dddfd2;border-radius:8px}.tabs button{font-size:10px;padding:9px 13px;display:flex;gap:5px;align-items:center;border-radius:5px;color:#888e7b;white-space:nowrap}.tabs .active{background:#fafaf5;color:#424b37;box-shadow:0 1px 3px #25291b0a}.tabs .icon{width:12px;height:12px}.tabs button>span{font-size:8px;color:#9a9e8b}.soundscape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.cover{position:relative;border-radius:11px;overflow:hidden;aspect-ratio:1;background:#e6e0d4}.cover>img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.sound-card:hover .cover>img{transform:scale(1.04)}.cover-number{position:absolute;top:17px;left:16px;font-size:8px;letter-spacing:1px;color:#52523dc9}.save-button{position:absolute;right:11px;top:10px;width:29px;height:29px;border-radius:50%;background:#faf9ee99;display:grid;place-items:center}.save-button>.icon{width:13px;height:13px}.save-button[aria-pressed=true]{color:#af4e36;background:#fff4e5}.save-button[aria-pressed=true] .icon{fill:#ed765955}.cover-play{position:absolute;bottom:16px;right:15px;background:#fffdf4ed;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;box-shadow:0 2px 12px #4b35270a;transition:transform .2s}.cover-play:hover{transform:scale(1.12)}.cover-play .icon{width:14px;height:14px;margin-left:2px}.cover-bottom{position:absolute;bottom:21px;left:15px;font-size:6px;letter-spacing:1px;color:#4d4c3b}.card-meta{display:flex;justify-content:space-between;gap:4px;font-size:7px;letter-spacing:1px;color:#8d927f;margin-top:19px}.card-meta>span:last-child{letter-spacing:0}.sound-card h3{font-size:18px;font-weight:500;letter-spacing:-.5px;display:flex;justify-content:space-between;margin-top:9px;align-items:center}.title-play{font:inherit;text-align:left;padding:0}.sound-card h3>span{font-size:18px;color:#959984}.sound-card>p{font-size:10px;color:#8e9380;margin-top:8px;line-height:1.6}.sound-card details{margin-top:15px;font-size:8px;letter-spacing:.5px;color:#787f69}.sound-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dbddcf;padding-top:12px;gap:10px}.sound-card summary:after{content:'+';font-size:14px}.sound-card details[open] summary:after{content:'−'}.sound-card details p{font-size:11px;letter-spacing:0;line-height:1.85;margin-top:12px;color:#727967}.empty-saved{padding:60px 15px;text-align:center;color:#6e785f}.handwritten{font-family:Georgia,serif;font-size:16px;font-style:italic;transform:rotate(-8deg);color:#9d9e8e}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.note-art{height:185px;border-radius:11px;position:relative;overflow:hidden;margin-bottom:22px;background:#e6e4f0}.note-art-0{background:#e0e4d5}.note-art-1{background:#e9dded}.note-art-2{background:#eadac8}.note-art>span{position:absolute;top:31px;left:24px;font-size:26px;letter-spacing:-.8px;line-height:1.1}.note-art>span em{font-family:Georgia,serif;font-weight:400;font-size:28px}.note-waves{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:5px;height:100%;width:55%;right:-20px;top:32px;transform:rotate(-20deg);opacity:.55}.note-waves i{width:5px;height:var(--h);background:#abb795;border-radius:4px}.story-orbits{width:260px;height:260px;position:absolute;right:-40px;bottom:-155px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10px,#b5a2c755 11px 12px,transparent 13px 17px)}.note-art-1:after{content:'✳';font-size:90px;color:#c8b3d5;position:absolute;right:20px;top:10px;transform:rotate(-12deg)}.note-keys{display:flex;width:210px;height:150px;position:absolute;right:-20px;bottom:-60px;transform:rotate(-25deg);gap:3px;opacity:.8}.note-keys i{height:100%;width:29px;background:#fff5e6;position:relative;border:1px solid #d4b899;border-radius:4px}.note-keys i:nth-child(3n):after,.note-keys i:nth-child(3n+1):after{content:'';position:absolute;top:0;right:-9px;width:14px;height:83px;background:#b0987e;border:1px solid #d2bb9c;border-radius:0 0 3px 3px;z-index:1}.note-card>.kicker{font-size:7px;margin-bottom:9px}.note-card>h3{font-size:17px;letter-spacing:-.4px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px}.note-card>h3 .icon{width:15px;height:15px;color:#888e79;transition:transform .2s}.note-card:hover>h3 .icon{transform:translateX(5px)}.note-card>p:last-child{font-size:11px;color:#898f7d;line-height:1.6;margin-top:8px}.about-banner{display:grid;grid-template-columns:100px .8fr 1.2fr;align-items:center;gap:24px;padding:40px 42px;background:#e9ecdf;border:1px solid #dde2d0;border-radius:14px;margin-block:6px 62px}.about-mark{font-size:90px;line-height:1;color:#9cae88}.about-banner h2{font-weight:500;font-size:31px;line-height:1.2;letter-spacing:-1px}.about-banner p{font-size:11px;color:#7b846d;line-height:1.9}.about-banner .text-link{font-size:10px;margin-top:15px;color:#576446}.about-banner .icon{width:14px;height:14px}.footer{padding-block:38px 22px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.footer .brand{font-size:22px}.footer-top p{font-size:10px;color:#8e9383;margin-top:10px}.footer-links{display:flex;gap:24px;font-size:10px;color:#838978;flex-wrap:wrap}.footer-links button{font-size:inherit;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--coral-dark)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font-size:8px;color:#9c9f91;gap:15px}.footer-bottom .status-dot{width:4px;height:4px;margin-left:5px}.player{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff2;backdrop-filter:blur(18px);border-top:1px solid #dedfd5;box-shadow:0 -6px 30px #30342404}.player-inner{height:78px;display:flex;align-items:center;gap:13px}.player-inner>img{border-radius:7px;object-fit:cover}.player-info{display:flex;flex-direction:column;gap:6px;width:218px;min-width:0}.player-info strong{font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-info>span{font-size:8px;color:#929784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;align-items:center;gap:12px;margin-right:13px}.transport .icon-button .icon{height:12px;width:12px}.player-play{border-radius:50%;background:var(--ink);color:white;width:32px;height:32px;display:grid;place-items:center}.player-play .icon{width:13px;height:13px}.player-play .icon:has(path[d^="m9"]){margin-left:2px}.player-inner>#current-time,.player-inner>#duration{font-size:8px;color:#969c87;font-variant-numeric:tabular-nums;width:25px}.player-inner>#seek{flex:1;min-width:40px;height:3px;--value:0%}.player-inner input::-webkit-slider-thumb{width:8px;height:8px;border-width:1px;box-shadow:none}.volume-control{display:flex;align-items:center;gap:8px;margin-left:13px}.volume-control .icon{height:13px;width:13px;color:#8a927c}.volume-control input{width:60px;height:3px;--value:65%}.player-end{font-size:8px;color:#949b85;display:flex;align-items:center;gap:6px;margin-left:16px}.player-end .icon{width:12px;height:12px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);background:var(--ink);color:white;border:1px solid #44483d;box-shadow:0 5px 20px #2222;border-radius:10px;padding:13px 22px;font-size:12px;line-height:1.5;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e0e2d5;box-shadow:0 20px 80px #2223;background:var(--paper);color:var(--ink);border-radius:18px;max-width:540px;width:calc(100% - 36px);padding:36px}dialog::backdrop{background:#252b2155;backdrop-filter:blur(5px)}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin-bottom:14px}dialog p{font-size:13px;line-height:1.8;color:#797f6d}.dialog-close{position:absolute;right:15px;top:15px}.check-row{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;margin:25px 0}.check-row input{accent-color:var(--coral);width:16px;height:16px;flex-shrink:0}dialog a{display:flex;align-items:center;gap:7px;font-size:11px;color:#b06347}dialog a .icon{width:13px;height:13px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.dialog-actions .button{font-size:11px;padding:12px 18px}.synthesis-overlay{position:absolute;inset:0;z-index:6;background:#f1f0e9f2;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;overflow:hidden}.synthesis-overlay strong{font-size:20px;font-weight:400;position:relative}.synthesis-overlay>span{position:relative;font-size:8px;letter-spacing:2px;color:#939c80}.synth-spinner{width:80px;height:80px;border:1px solid #d1d7c6;border-right:2px solid var(--coral);border-top:2px solid var(--coral);border-radius:50%;animation:spin 1.2s linear infinite}.matrix-grid{position:absolute;inset:0;display:flex;justify-content:space-around;opacity:.23;mask-image:linear-gradient(#000,transparent)}.matrix-grid span{font-size:11px;color:#9da57e;line-height:4;font-family:monospace;animation:matrix 3s linear var(--d) infinite}.skip{position:absolute;z-index:100;top:-80px;left:15px;background:white;padding:14px;border-radius:5px}.skip:focus{top:10px}.document{padding-block:36px 80px;min-height:65vh}.back-link{font-size:11px;color:#7b826c;display:inline-flex;padding-block:10px}.document-heading{max-width:780px;padding-block:45px 35px}.document-heading h1{font-size:52px;font-weight:500;letter-spacing:-2.5px;line-height:1.18;margin:14px 0 22px}.document-heading>p:not(.kicker){font-size:16px;line-height:1.9;color:#828775;max-width:700px}.document-heading small{font-size:10px;display:block;margin-top:22px;color:#969c88}.document-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start;padding-top:30px;border-top:1px solid var(--line)}.document-layout aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:14px;font-size:11px;color:#8b927e;line-height:1.5}.document-layout aside strong{color:#5c654c;font-weight:500;margin-bottom:9px}.document-layout aside a:hover{color:var(--coral-dark)}.document article{max-width:750px}.document article section{margin-bottom:35px;scroll-margin-top:30px}.document article h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin-bottom:15px;line-height:1.4}.document article p{font-size:14px;line-height:2;color:#777f6a;margin-bottom:16px;overflow-wrap:anywhere}.document article a:not(.button){color:#b06247;text-decoration:underline;text-underline-offset:3px}.legal-notice{padding:22px;background:#edeee4;border-radius:10px;font-size:12px!important}.about-document{margin:auto;border-top:1px solid var(--line);padding-top:40px}.about-document h2{margin-top:30px}.about-links{display:flex;align-items:center;gap:23px;margin-top:30px}.about-links>a:not(.button){font-size:11px}.guide .document-heading{margin:auto;text-align:center;max-width:850px}.guide .document-heading p{margin-inline:auto}.guide-banner{height:250px;max-width:850px;margin:5px auto 50px;position:relative;background:#e1e5d5;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:35px;padding:35px}.guide-banner>span{font-size:240px;position:absolute;right:0;bottom:-90px;color:#a1b38a;opacity:.5;transform:rotate(-20deg)}.guide-banner>p{position:relative;font-family:Georgia,serif;font-size:28px;line-height:1.6;max-width:480px;font-style:italic}.guide-banner-1{background:#e8ddef}.guide-banner-1>span{color:#c2a6d3}.guide-banner-2{background:#ecdfcb}.guide-banner-2>span{color:#b69771;font-size:400px}.guide-body{margin:auto;max-width:690px!important}.guide-body .button{margin-top:15px}.language-landing{min-height:100vh;display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center;text-align:center;padding:32px}.language-landing h1{font-size:55px;letter-spacing:-2px;font-weight:500}.language-landing p{line-height:1.9;color:#828775}.language-landing>div{display:flex;gap:15px}body[data-lang=zh] .hero h1{font-size:clamp(37px,4.2vw,58px);line-height:1.3;letter-spacing:-2px}body[data-lang=zh] .hero h1 em{font-family:Georgia,"Songti SC",SimSun,serif}body[data-lang=zh] .hero-intro{max-width:390px;font-size:13px}body[data-lang=zh] .header nav{margin-left:40px}body[data-lang=zh] .output-story{font-style:normal;font-size:12px}body[data-lang=zh] .section h2{font-size:31px}body[data-lang=zh] .hero-benefits{font-size:9px}body[data-lang=zh] .note-card h3{font-size:17px}body[data-lang=zh] .document-heading h1{font-size:45px}body[data-lang=zh] .document article p{line-height:2.1}[hidden]{display:none!important}@keyframes wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes matrix{from{transform:translateY(-70%)}to{transform:translateY(130%)}}@media(min-width:1500px){.hero{min-height:610px}.hero-art{height:470px}.record{width:390px}.hero h1{font-size:65px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{margin-left:0;gap:23px}.header-actions{gap:17px}.hero{gap:12px;min-height:530px}.hero h1{font-size:49px}.hero-art{height:380px}.record{width:300px}.orbit{width:350px;height:230px}.orbit-two{width:355px;height:280px}.art-spark{font-size:60px;right:1px}.hero-intro{font-size:13px;max-width:360px}.hero-actions{gap:17px}.hero-actions .button{padding:14px 17px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-benefits{gap:11px;font-size:9px}.control-panel{padding:28px 25px}.mood-grid{gap:5px}.mood-choice{font-size:9px;gap:4px}.player-info{width:174px}.player-end{display:none}.soundscape-grid{gap:18px}.sound-card h3{font-size:16px}.cover-bottom{font-size:5px}.about-banner{grid-template-columns:75px .85fr 1.2fr;padding:34px 30px}.about-mark{font-size:72px}.about-banner h2{font-size:28px}.footer-links{gap:17px}.document-layout{grid-template-columns:200px 1fr;gap:40px}.handwritten{font-size:14px}.floating-note{left:-8px;bottom:28px}.output-orb{width:184px;height:184px}.output-art{height:235px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:82px}.brand{font-size:23px}.brand img{width:33px;height:33px}.header nav{gap:18px;font-size:11px}.header-actions .button{display:none}.hero{padding-block:34px 46px;min-height:auto;grid-template-columns:1.15fr 1fr;gap:8px}.hero h1{font-size:40px;letter-spacing:-2px}.eyebrow{font-size:7px;letter-spacing:1.2px;gap:5px}.hero-intro{font-size:12px;line-height:1.8}.hero-art{height:330px}.record{width:245px}.record-label{width:115px;height:115px}.record-label b{font-size:26px}.record-label i{top:52px;left:52px}.record-label>span{font-size:6px}.record-label small{font-size:5px}.orbit{width:280px;height:180px}.orbit-two{width:270px;height:250px}.art-coordinate{font-size:6px;left:7px;top:26px}.art-spark{font-size:48px;top:32px;right:-3px}.art-plus{left:8px;top:71px}.floating-note{padding:11px;gap:8px;bottom:23px;left:-18px}.floating-note>.icon{width:28px;height:28px;padding:7px}.floating-note>span{font-size:5px;gap:5px}.floating-note b{font-size:10px}.mini-bars{margin-left:3px;width:28px}.art-note{font-size:5px;right:-8px}.hero-actions{flex-wrap:wrap;gap:15px;margin-top:23px}.hero-benefits{font-size:7px;gap:10px;margin-top:20px}.hero-benefits .icon{height:10px;width:10px}.section{padding-block:50px}.section h2,body[data-lang=zh] .section h2{font-size:29px}.section-heading>div>p:last-child{font-size:11px}.control-panel{padding:25px 20px}.control-panel fieldset+fieldset{margin-top:20px}legend{font-size:11px}.scene-choice{padding:12px 9px;font-size:10px}.scene-choice .icon{width:14px}.mood-grid{grid-template-columns:1fr 1fr}.mood-choice{padding:9px;font-size:10px}.output-content{padding:0 25px 20px}.output-top{padding:23px 20px}.output-top .kicker{font-size:6px}.output-art{height:255px}.output-orb{height:170px;width:170px}.orbital-line{width:230px;height:120px}.output-content h3{font-size:23px}.output-story{font-size:11px}.track-meta{font-size:6px;letter-spacing:.8px}.track-meta span{margin-inline:3px}.output-bottom{padding-inline:18px;font-size:7px}.soundscape-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.cover-bottom{font-size:7px}.cover-number{font-size:8px}.card-meta{font-size:8px}.sound-card h3{font-size:20px}.sound-card>p{font-size:11px}.sound-card details{font-size:9px}.notes-grid{gap:17px}.note-art{height:150px}.note-art>span{font-size:21px;left:16px;top:23px}.note-art>span em{font-size:22px}.note-art-1:after{right:2px;top:36px;font-size:58px}.note-card>h3,body[data-lang=zh] .note-card h3{font-size:14px;line-height:1.5}.note-card>.kicker{font-size:6px}.note-card>p:last-child{font-size:10px}.handwritten{font-size:11px}.about-banner{grid-template-columns:55px 1fr 1.5fr;padding:27px 24px;gap:17px;margin-bottom:40px}.about-mark{font-size:58px}.about-banner h2{font-size:24px}.about-banner p{font-size:10px}.about-banner .text-link{font-size:9px}.footer-links{max-width:290px;justify-content:flex-end;gap:15px;font-size:9px}.player-inner{height:74px;gap:10px}.player-info{width:145px}.player-inner>img{width:37px;height:37px}.player-info strong{font-size:10px}.player-info>span{font-size:7px}.transport{gap:8px;margin-right:3px}.volume-control{margin-left:3px}.volume-control input{width:45px}.document-layout{grid-template-columns:160px 1fr;gap:30px}.document-heading h1{font-size:43px}.document article p{font-size:13px}.document article h2{font-size:21px}.document-layout aside{font-size:10px}.guide-banner{height:220px}.guide-banner p{font-size:25px}.document-heading>p:not(.kicker){font-size:14px}body[data-lang=zh] .header nav{margin-left:0}body[data-lang=zh] .hero h1{font-size:36px}body[data-lang=zh] .hero-benefits{font-size:7px}body[data-lang=zh] .hero-intro{font-size:11px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:76px;gap:8px}.header nav{gap:12px;font-size:10px}.header .brand{font-size:21px;gap:7px}.header .brand img{width:29px;height:29px;border-radius:8px}.language{font-size:10px;gap:5px}.language .icon{width:13px;height:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:39px;padding-bottom:21px}.hero h1{font-size:47px;line-height:1.1;letter-spacing:-2.5px}.eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:1.1px}.hero-intro{font-size:13px;max-width:350px;margin-top:20px;line-height:1.85}.hero-actions{flex-wrap:nowrap;gap:21px;margin-top:24px}.hero-actions .button{font-size:12px;padding:15px 18px}.hero-actions .button .icon{width:16px;height:16px}.hero-actions .text-link{font-size:11px}.hero-benefits{font-size:8px;gap:16px;margin-top:22px}.hero-art{height:330px;width:340px;max-width:100%;margin:auto;margin-top:15px}.record{width:263px}.record-label{height:120px;width:120px}.record-label i{top:55px;left:55px}.orbit{width:317px;height:185px}.orbit-two{width:310px;height:250px}.art-spark{right:0;top:22px;font-size:53px}.art-coordinate{left:8px;top:22px}.floating-note{left:0;bottom:15px;padding:12px}.floating-note>span{font-size:6px}.floating-note b{font-size:10px}.art-note{right:0;bottom:0}.art-plus{left:5px;top:87px}.marquee{padding:14px 0}.marquee>div{gap:30px;justify-content:flex-start;padding-left:25px;font-size:15px;width:max-content}.marquee span{font-size:8px;letter-spacing:1.5px}.section{padding-block:42px}.section-heading{margin-bottom:25px;align-items:flex-start;gap:15px}.kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}.section h2,body[data-lang=zh] .section h2{font-size:28px;letter-spacing:-1px}.section-heading>div>p:last-child{font-size:11px;max-width:260px;line-height:1.7;margin-top:10px}.pill{font-size:6px;padding:7px 8px;gap:5px;white-space:nowrap;margin-top:23px}.pill .icon{width:9px;height:9px}.studio-grid{grid-template-columns:1fr;border-radius:14px}.control-panel{padding:24px}.control-panel fieldset+fieldset{margin-top:23px}legend{font-size:12px;margin-bottom:14px}.scene-grid{gap:8px}.scene-choice{padding:13px 12px;font-size:11px;gap:9px}.scene-choice .icon{width:16px;height:16px}.mood-grid{grid-template-columns:repeat(4,1fr);gap:5px}.mood-choice{font-size:9px;padding:10px 3px;gap:5px}.slider-row{font-size:11px;margin-bottom:18px;row-gap:12px}.demo-disclosure{font-size:9px;line-height:1.7;max-width:270px;margin-top:14px}.synth-button{padding-block:15px}.output-panel{border-left:0;border-top:1px solid var(--line);min-height:525px}.output-top{padding:22px 24px}.output-top .kicker{font-size:8px}.output-art{height:230px}.output-orb{width:180px;height:180px}.orbital-line{width:280px;height:130px}.orb-spark{right:16%}.output-orbit-label{left:25px;font-size:6px}.output-content{padding:0 30px 25px}.output-content h3{font-size:26px}.output-story{font-size:12px;line-height:1.9}.track-meta{font-size:7px;letter-spacing:1px}.waveform{height:47px;margin:15px auto 20px}.output-bottom{padding:16px 23px;font-size:8px}.soundscapes-section .section-heading{flex-direction:column;gap:19px}.tabs{padding:3px}.tabs button{font-size:10px;padding:9px 14px}.soundscape-grid{gap:27px 14px}.cover{border-radius:9px}.cover-number{font-size:6px;top:12px;left:11px}.save-button{width:25px;height:25px;top:8px;right:8px}.save-button .icon{width:11px;height:11px}.cover-play{width:31px;height:31px;bottom:11px;right:10px}.cover-play .icon{width:12px;height:12px}.cover-bottom{left:10px;bottom:16px;font-size:4px;letter-spacing:.7px}.card-meta{font-size:6px;letter-spacing:.6px;margin-top:14px;gap:3px}.sound-card h3{font-size:16px;margin-top:8px;gap:3px}.sound-card>p{font-size:9px;line-height:1.8;margin-top:6px}.sound-card details{font-size:7px;margin-top:12px}.sound-card details p{font-size:10px}.sound-card summary{padding-top:9px}.sound-card h3>span{font-size:16px}.handwritten{display:none}.notes-grid{grid-template-columns:1fr;gap:29px}.note-art{height:188px;margin-bottom:16px}.note-art>span{font-size:28px;left:25px;top:36px}.note-art>span em{font-size:31px}.note-art-1:after{right:29px;top:18px;font-size:90px}.note-card>.kicker{font-size:7px}.note-card>h3,body[data-lang=zh] .note-card h3{font-size:19px}.note-card>p:last-child{font-size:11px;margin-top:7px}.about-banner{grid-template-columns:44px 1fr;padding:28px 23px;gap:17px;margin-top:7px;margin-bottom:35px}.about-mark{font-size:53px}.about-banner h2{font-size:28px}.about-banner>div:last-child{grid-column:1/-1}.about-banner p{font-size:11px;line-height:1.9}.about-banner .text-link{font-size:10px}.footer{padding-top:27px;padding-bottom:22px}.footer-top{align-items:flex-start;flex-direction:column;gap:26px;margin-bottom:23px}.footer .brand{font-size:22px}.footer-top p{font-size:10px}.footer-links{max-width:none;justify-content:flex-start;gap:20px;font-size:9px}.footer-bottom{flex-direction:column;gap:11px;font-size:8px;line-height:1.5}.player-inner{height:76px;display:grid;grid-template-columns:36px 1fr auto;column-gap:10px;row-gap:0;padding-block:10px 13px;position:relative}.player-inner>img{grid-row:1/3;width:36px;height:36px}.player-info{width:auto;gap:5px}.player-info strong{font-size:10px}.player-info>span{font-size:7px}.transport{grid-column:3;grid-row:1/3;gap:7px;margin:0}.player-play{height:32px;width:32px}.transport .icon-button{padding:4px}.transport .icon-button .icon{height:11px;width:11px}.player-inner>#current-time,.player-inner>#duration,.volume-control{display:none}.player-inner>#seek{position:absolute;bottom:0;left:0;right:0;width:100%;height:3px}.player-inner input::-webkit-slider-thumb{height:7px;width:7px}.document{padding-top:24px;padding-bottom:50px}.document-heading{padding-block:26px 30px}.document-heading h1,body[data-lang=zh] .document-heading h1{font-size:36px;letter-spacing:-1.4px;margin:12px 0 18px}.document-heading>p:not(.kicker){font-size:13px;line-height:1.9}.document-heading small{font-size:9px;line-height:1.7}.document-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}.document-layout aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:11px 15px;font-size:10px;padding:20px;background:#efefe6;border-radius:10px}.document-layout aside strong{grid-column:1/-1;margin:0}.document article h2{font-size:21px;margin-bottom:12px}.document article p{font-size:13px;line-height:1.95}.document article section{margin-bottom:30px}.about-links{flex-wrap:wrap;gap:20px}.guide-banner{height:190px;padding:25px;margin:0 auto 35px}.guide-banner>p{font-size:24px}.guide-banner>span{font-size:210px;right:-30px;bottom:-100px}.guide-banner-2>span{font-size:360px}.language-landing h1{font-size:40px}.language-landing p{font-size:13px}.language-landing .button{font-size:11px;padding:14px 18px}dialog{padding:33px 25px}dialog h2{font-size:25px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:10px;padding-inline:14px}body[data-lang=zh] .hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.28}body[data-lang=zh] .hero-intro{font-size:12px;max-width:330px}body[data-lang=zh] .hero-benefits{font-size:8px}body[data-lang=zh] .output-story{font-size:12px}body[data-lang=zh] .sound-card h3{font-size:16px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.header nav{gap:9px;font-size:9px}.header .brand{font-size:19px}.header .brand img{width:26px;height:26px}.header-actions{gap:0}.hero h1{font-size:42px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:13px;font-size:11px}.hero-actions .text-link{font-size:10px}.mood-choice{font-size:8px;gap:4px}.control-panel{padding:20px}.hero-benefits{gap:10px}.sound-card h3{font-size:14px}.footer-links{gap:14px}.player-inner{column-gap:7px}.player-info{max-width:140px}.transport{gap:4px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.matrix-grid{display:none}}