:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#253831;background:#f6f7f3;font-synthesis:none;font-size:14px;--green: #254c3b;--muted: #78847d;--line: #e1e6de;--paper: #fff;--red: #ab473b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;color:inherit;transition:background .15s,border-color .15s}button:hover{background:#edf2eb;border-color:#b9cabc}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #86af8c;outline-offset:3px}input,textarea,select{border:1px solid #d7dfd5;border-radius:8px;padding:11px 13px;background:#fff;color:inherit;outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:#789780;box-shadow:0 0 0 3px #dce9dc}textarea{resize:vertical;width:100%}label{display:block;font-weight:500;margin:0 0 9px}form>input{width:100%}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.5}h2{font-size:18px;font-weight:600}h3{font-size:17px;font-weight:500}p{line-height:1.85;color:var(--muted)}small{font-size:12px;color:var(--muted)}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#183e2c;border-color:#183e2c}.danger{background:var(--red);color:#fff;border-color:var(--red)}.danger:hover{background:#883b32}.danger-text,.destructive{color:var(--red)}.icon-button{padding:7px;min-width:34px;min-height:34px;border-color:transparent;background:transparent}.muted{color:var(--muted)}.error{color:var(--red)!important;font-size:13px;margin-top:8px}.error-panel{padding:16px 20px;background:#fff0eb;border:1px solid #ecd2c9;border-radius:10px;color:var(--red);margin-bottom:18px}.grow{flex:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#789080}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#7ca883;margin-right:7px}.status-dot.offline{background:#cb8655}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px}.app-shell>aside{position:fixed;left:0;top:0;bottom:0;width:226px;background:#142d25;color:#d5e0d6;padding:36px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#f0f4e8;text-decoration:none;margin:0 9px 45px;font-size:21px;font-weight:600;letter-spacing:1px;white-space:nowrap}.brand-icon{display:flex;align-items:center;justify-content:center;width:35px;height:40px}.brand-icon svg{width:33px;height:33px}.brand small{display:block;font-size:7px;letter-spacing:1.3px;margin-top:6px;color:#99b0a1;font-weight:400}.app-shell nav{display:grid;gap:9px}.app-shell nav button{justify-content:flex-start;gap:13px;background:transparent;color:#9eb4a7;border:none;padding:14px 17px;font-size:14px}.app-shell nav button:hover{background:#1d3a2e;color:#fff}.app-shell nav button.selected{background:#325342;color:#f4f6dc}.sidebar-bottom{margin-top:auto;font-size:12px;color:#aec0b2;padding:20px 13px 0;border-top:1px solid #335043}.sidebar-bottom small{display:block;margin:9px 0 20px;font-size:11px;color:#809889}.sidebar-bottom button{background:transparent;border:0;color:#9bb2a4;padding:5px 0;font-size:12px}.app-shell>main{margin-left:226px;min-height:100vh;padding-bottom:140px}header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;font-size:11px;color:#809085;border-bottom:1px solid var(--line)}.slash{margin:0 13px;color:#bbc5ba}.private-label{letter-spacing:2px;font-size:9px}.content{max-width:1290px;margin:auto;padding:38px 48px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 32px}.heading h1{margin:10px 0 7px}.heading p{font-size:13px}.heading>.primary{flex-shrink:0}.search-hero{display:flex;justify-content:space-between;position:relative;overflow:hidden;border-radius:17px;background:#e8eddf;padding:42px 40px;margin-bottom:36px;min-height:294px}.search-hero>div:first-child{z-index:1;flex:1;max-width:600px}.search-hero h1{font-size:32px;margin:14px 0 6px;color:#284535}.search-hero p{font-size:12px;color:#7b8876}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #dbe2d1;border-radius:10px;padding:5px 6px 5px 16px;gap:7px;margin:23px 0 13px;box-shadow:0 7px 15px #3a5a3110}.search-box>svg{color:#97a28c;flex-shrink:0}.search-box input{flex:1;border:0;box-shadow:none;padding:9px;background:transparent}.search-box button{padding:8px 23px}.source-note{font-size:10px;color:#8a967f}.source-note .status-dot{width:5px;height:5px}.hero-record{width:235px;flex-shrink:0;position:relative;margin:-10px -60px -70px 35px;opacity:.85}.record{width:280px;height:280px;border-radius:50%;background:repeating-radial-gradient(circle,#203d32 0px 1px,#304b3d 2px,#203d32 3px);display:flex;align-items:center;justify-content:center;box-shadow:5px 12px 25px #172e3033;transform:rotate(-15deg)}.record>div{width:93px;height:93px;border-radius:50%;background:#c8ae75;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #1c392e}.record>div:before{content:"ANRAN";font-size:11px;letter-spacing:3px;color:#35503a;position:absolute;top:20px;left:21px}.record>div:after{content:"";width:10px;height:10px;background:#254638;border-radius:50%;box-shadow:0 0 0 8px #ba9e65}.hero-record>span{display:block;transform:rotate(-15deg);position:absolute;bottom:12px;left:-23px;font-size:10px;line-height:1.5;letter-spacing:2px;color:#54725c;background:#e8eddf;padding:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.section-title h2{font-size:17px}.section-title>span{font-size:11px;color:#8b968b}.empty{padding:62px 25px;text-align:center;border:1px dashed #dce3d6;border-radius:12px;display:flex;align-items:center;flex-direction:column;color:#94a391;background:#fafbf8}.empty h3{color:#53644f;margin:20px 0 8px;font-size:16px}.empty p{font-size:12px;max-width:460px}.track-list{border-top:1px solid var(--line)}.list-label,.track-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 55px 148px;gap:16px;align-items:center}.list-label{padding:13px 10px;font-size:10px;color:#939f93;border-bottom:1px solid var(--line)}.list-label>span:last-child{text-align:right}.track-row{padding:15px 8px;border-bottom:1px solid var(--line);min-height:79px}.track-row:hover{background:#eff3eb}.track-name{display:flex;align-items:center;gap:14px;min-width:0}.track-name>div{min-width:0}.track-name strong{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name small{font-size:10px;display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover{width:46px;height:46px;background:#e4eadc;color:#8c9e83;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cover img{width:100%;height:100%;object-fit:cover}.cover-button{border:0;padding:0;position:relative;flex-shrink:0}.cover-button>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#142e267a;color:#fff;border-radius:7px;opacity:0;transition:opacity .2s}.cover-button:hover>span,.cover-button:focus-visible>span{opacity:1}.track-format{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.track-format small{font-size:9px}.tag{display:inline-flex;align-items:center;font-size:9px;letter-spacing:.4px;padding:3px 6px;border:1px solid #dce4d6;border-radius:4px;color:#8a9682;white-space:nowrap}.tag.green{color:#567752;border-color:#cdddc3;background:#f0f5ea}.track-duration{font-size:11px;color:#8a9785}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:0}.row-actions .icon-button{min-width:29px;padding:5px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px}.filter-box{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;padding:2px 4px 2px 12px;gap:5px;max-width:420px;flex:1}.filter-box input{border:0;box-shadow:none;flex:1;width:100px}.filter-box button{border:0;background:#f2f5ef;min-height:32px;font-size:12px}.toolbar select{font-size:12px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:22px 0;font-size:11px;color:#8b9684}.pager>span{margin-right:6px}.player{position:fixed;bottom:18px;left:250px;right:24px;min-height:78px;background:#fff;border:1px solid #d5dfd0;box-shadow:0 6px 35px #1e3c271c;border-radius:12px;z-index:30;display:flex;align-items:center;gap:15px;padding:14px 18px}.player-title{min-width:0;width:210px}.player-title strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title small{display:block;font-size:10px;margin-top:5px}.player audio{flex:1;height:37px;min-width:180px}.player>.icon-button{margin-left:auto}.toast{position:fixed;bottom:116px;left:50%;transform:translate(-50%);max-width:min(520px,90vw);background:#203b2e;color:#f4f6ef;border:1px solid #4a6353;border-radius:10px;box-shadow:0 5px 25px #17342125;padding:15px 16px;z-index:100;display:flex;align-items:center;gap:16px;font-size:12px}.toast button{background:transparent;border:0;color:inherit;padding:0;min-height:20px}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.playlist-card{display:block;text-align:left;background:transparent;border:0;padding:0}.playlist-art{height:190px;background:#dee7d5;border-radius:12px;padding:27px;display:flex;align-items:center;justify-content:center;position:relative;color:#6d8e69;margin-bottom:16px;overflow:hidden}.playlist-art:before{content:"";position:absolute;right:-35px;bottom:-70px;border:1px solid #91a48245;width:240px;height:240px;border-radius:50%;box-shadow:0 0 0 15px #a4b49614,0 0 0 30px #a4b49614}.playlist-art>span{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:2px}.playlist-art.tone-1{background:#e7dcc8;color:#9c885e}.playlist-art.tone-2{background:#d8e2de;color:#6c8f82}.playlist-art.tone-3{background:#e8ddd6;color:#a78875}.playlist-card strong{display:block;font-size:15px;margin-bottom:5px}.playlist-card small{display:flex;align-items:center;justify-content:space-between}.info-line{background:#edf2e6;border:1px solid #e0e7d6;border-radius:8px;padding:14px 18px;font-size:11px;color:#869678;margin-bottom:26px}.job{display:flex;align-items:center;gap:17px;padding:23px 5px;border-bottom:1px solid var(--line)}.job-icon{width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8ede1;color:#8ca07f;flex-shrink:0}.job-icon.completed{background:#dce9d5;color:#5f8654}.job-icon.failed{background:#f3e5dc;color:#b47954}.job-body{flex:1;min-width:0}.job-body strong{font-size:13px;font-weight:500;display:block}.job-body small{display:block;font-size:10px;margin-top:5px}.job-body p{font-size:11px;margin-top:5px}.job button{font-size:11px}.job progress{max-width:420px;margin-top:9px}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 30px;margin-bottom:24px}.panel p{font-size:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-heading h2{margin-bottom:7px}.panel label{font-size:12px}.panel textarea{font-size:12px;line-height:1.7}.storage-value{font-size:31px;letter-spacing:-1px;margin:16px 0 18px;font-weight:500}.storage-value>span{font-size:14px;margin-left:10px;letter-spacing:0;color:#98a48d}progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:#e8ede3;accent-color:#86a474}progress::-webkit-progress-bar{background:#e8ede3}progress::-webkit-progress-value{background:#86a474}.storage-meta{display:flex;justify-content:space-between;font-size:10px;color:#92a187;margin:10px 0 22px}.storage p{font-size:10px;line-height:1.85}.connection h3{font-size:15px;margin:20px 0 12px}.connection p{font-size:12px}.connection small{display:block;font-size:9px;margin:9px 0 16px}.connection button{font-size:10px;min-height:30px;padding:5px 9px}.toggle{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:10px!important;color:#7a8f71;cursor:pointer;position:relative}.toggle input{position:absolute;opacity:0;inset:0}.toggle span{width:35px;height:21px;background:#c3cebb;border-radius:15px;position:relative;pointer-events:none}.toggle span:after{content:"";position:absolute;background:#fff;width:15px;height:15px;border-radius:50%;top:3px;left:3px;transition:left .2s}.toggle input:checked+span{background:#5e8953}.toggle input:checked+span:after{left:17px}.toggle input:focus-visible+span{outline:3px solid #c0d5b4;outline-offset:3px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.form-footer small{font-size:10px}.form-footer>div{display:flex;gap:8px}.form-footer button{font-size:11px}.install-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:25px}.install-steps li{display:flex;gap:17px;counter-increment:step}.install-steps li:before{content:counter(step,decimal-leading-zero);font-size:10px;color:#92a780;background:#eef3e8;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;flex-shrink:0}.install-steps li>div{flex:1;min-width:0}.install-steps strong{font-size:13px;font-weight:500}.install-steps p{font-size:11px;margin:6px 0 10px}.install-steps button{font-size:11px}.copy-field{display:flex;align-items:center;gap:10px;background:#f5f7f2;border:1px solid #e5eadf;padding:7px 10px;border-radius:7px;margin:10px 0}.copy-field code{word-break:break-all;font-size:11px;flex:1;color:#66815b}.copy-field button{flex-shrink:0}dialog{width:min(480px,calc(100vw - 32px));padding:27px;border-radius:15px;border:1px solid #d5dfce;color:#314630;box-shadow:0 22px 70px #14291833;max-height:85vh}dialog::backdrop{background:#142d255e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:18px}dialog p{font-size:12px;margin-bottom:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.choice-list{display:grid;gap:7px}.choice-list button{justify-content:flex-start;text-align:left;padding:14px}.choice-list button>span{flex:1}.choice-list small{display:block;font-size:10px;margin-top:4px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{background:#193a2d;position:relative;overflow:hidden;padding:60px 9%;display:flex;flex-direction:column;justify-content:flex-end;min-height:720px}.login-art>.eyebrow{position:absolute;top:55px;color:#9bb18d}.login-art .record{width:380px;height:380px;position:absolute;top:135px;left:calc(50% - 125px);box-shadow:14px 20px 70px #0d281b99}.login-art .record>div{width:130px;height:130px}.login-art .record>div:before{top:31px;left:40px}.login-art h1{z-index:1;color:#e2e7d3;font-size:35px;font-weight:400;line-height:1.6;letter-spacing:1px;margin-top:430px}.login-art p{z-index:1;color:#9eaf96;font-size:11px;margin:20px 0 10px}.login-form{width:340px;max-width:calc(100% - 50px);margin:auto;padding:60px 0}.login-form>svg{color:#456b41;margin-bottom:30px}.login-form h2{font-size:26px;font-weight:500;margin-bottom:13px}.login-form>p{font-size:12px;margin-bottom:36px}.login-form label{font-size:12px}.login-form form>button{width:100%;justify-content:space-between;margin-top:22px;padding:13px 16px}.login-form>small{display:block;margin-top:45px;font-size:10px;color:#9faa96}.login-form input{background:#fff;padding:14px}@media(min-width:1500px){.content{padding-top:48px}.search-hero{padding:48px;min-height:320px}.hero-record{margin-right:-25px}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.app-shell>aside{width:190px;padding:30px 13px}.brand{font-size:19px;margin-left:5px}.brand small{font-size:6px}.app-shell>main{margin-left:190px}.content{padding:30px 28px}header{padding:0 28px}.hero-record{width:155px;margin-left:20px;margin-right:-90px;opacity:.55}.search-hero{padding:32px}.search-hero h1{font-size:28px}.player{left:208px}.track-row,.list-label{grid-template-columns:minmax(0,1fr) 70px 37px 132px;gap:10px}.settings-grid{grid-template-columns:1.25fr 1fr}.panel{padding:25px}.player-title{width:140px}.login-art{padding:50px 8%}.login-art .record{width:300px;height:300px;top:150px;left:30%}.login-art h1{font-size:28px}.playlist-grid{gap:20px}.playlist-art{height:165px}}@media(max-width:800px){.app-shell>aside{position:fixed;inset:auto 0 0;width:auto;height:72px;padding:6px 12px 8px;background:#142d25}.brand,.sidebar-bottom{display:none!important}.app-shell nav{display:flex;justify-content:space-around;gap:3px}.app-shell nav button{flex:1;flex-direction:column;gap:5px;padding:8px 2px;border-radius:8px;font-size:10px}.app-shell nav svg{width:19px;height:19px}.app-shell>main{margin-left:0;padding-bottom:205px}header{height:58px;padding:0 22px;font-size:10px}.content{padding:25px 22px}.search-hero{padding:28px 25px;margin-bottom:28px;min-height:265px}.search-hero h1{font-size:25px}.hero-record{position:absolute;width:120px;right:-40px;top:15px;opacity:.15;pointer-events:none}.hero-record>span{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.search-box{margin-top:22px}.search-box input{font-size:12px}.search-box button{padding:8px 16px}.search-hero p{font-size:11px}.source-note{font-size:9px}.heading{margin:0 0 25px;align-items:flex-end}.heading h1{font-size:26px}.heading p{font-size:11px;max-width:280px}.heading>.primary{font-size:11px;padding:8px 10px}.track-row,.list-label{grid-template-columns:minmax(0,1fr) 65px 124px;gap:8px}.track-duration,.list-label>span:nth-child(3){display:none}.track-row{padding:14px 0}.track-name{gap:10px}.track-name strong{font-size:12px}.track-name small{font-size:9px}.track-format small{font-size:8px}.player{left:12px;right:12px;bottom:83px;min-height:74px;padding:12px;gap:10px}.player-title{width:150px;max-width:28vw}.player-title strong{font-size:11px}.player-title small{font-size:9px}.player .cover{width:36px;height:36px}.player audio{height:35px;min-width:120px}.player .icon-button{min-width:25px;padding:3px}.toast{bottom:173px;font-size:11px;width:max-content}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.playlist-art{height:190px}.settings-grid{gap:14px}.panel{padding:23px 21px}.storage-value{font-size:26px}.storage-value>span{font-size:12px}.storage-meta{font-size:9px}.form-footer{align-items:flex-start;flex-direction:column;gap:12px}.form-footer>div{align-self:flex-end}.panel-heading h2{font-size:16px}.panel-heading p{font-size:10px}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{width:350px;padding:65px 0}.login-form:before{content:"ANRAN MUSIC / PRIVATE SPACE";font-size:9px;letter-spacing:2px;color:#839877;display:block;margin-bottom:65px}.login-form h2{font-size:28px}}@media(max-width:520px){.content{padding:22px 16px}header{padding:0 18px}.search-hero{padding:25px 20px;min-height:255px;border-radius:13px}.search-hero h1{font-size:23px}.section-title h2{font-size:15px}.section-title>span{font-size:9px}.track-row,.list-label{grid-template-columns:minmax(0,1fr) 108px;gap:6px}.track-format{display:none}.list-label>span:nth-child(2){display:none}.track-row .cover{width:40px;height:40px}.row-actions .icon-button{min-width:26px;min-height:34px;padding:4px}.row-actions svg{width:15px}.toolbar{gap:7px;flex-wrap:wrap}.toolbar select{max-width:100px;padding:10px;font-size:11px}.filter-box{padding-left:8px}.filter-box input{font-size:11px;padding:10px 5px}.filter-box button{padding:6px;font-size:10px}.toolbar>.icon-button{display:none}.player{flex-wrap:wrap;padding:10px 13px;gap:8px}.player-title{width:auto;max-width:none;flex:1}.player audio{order:4;width:100%;height:32px;flex:auto}.player .cover{width:32px;height:32px}.toast{bottom:205px}.playlist-art{height:150px}.playlist-card strong{font-size:13px}.playlist-card small{font-size:10px}.playlist-grid{gap:20px 16px}.settings-grid{grid-template-columns:1fr;gap:0}.panel{padding:23px 20px;margin-bottom:18px}.connection h3{margin:15px 0 7px}.connection button{margin-top:0}.connection small{margin-bottom:13px}.panel-heading{align-items:flex-start}.toggle{font-size:9px!important;flex-wrap:wrap;max-width:48px}.panel-heading p{max-width:250px}.job{gap:12px}.job-body strong{font-size:12px}.job-icon{width:34px;height:34px}.job button{padding:6px 9px}.heading>div{min-width:0}.heading h1{overflow-wrap:anywhere}.heading p{max-width:240px}.heading>.primary{gap:4px}.empty{padding:49px 23px}.info-line{font-size:10px;padding:13px}.install-steps{gap:22px}.install-steps li{gap:10px}.install-steps li:before{width:24px;height:24px;font-size:9px}.copy-field{padding:7px}.copy-field code{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.header-actions{display:flex;align-items:center;gap:15px}.header-actions button{color:#809085}.track-name small.track-details{white-space:normal;font-size:9px;line-height:1.6;color:#6f8b65}.source-picker{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px;color:#65805b}.source-picker select{width:auto;min-width:160px;background:#fff;border:1px solid #dce5d5;border-radius:8px;padding:8px 12px;color:#314630}.source-picker+.search-box{margin-top:14px}.source-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.source-tabs button{font-size:12px}.source-tabs button[aria-pressed=true]{background:#31523b;border-color:#31523b;color:#fff}.quality-help{font-size:11px;line-height:1.8;margin:10px 0 18px}