:root{color:#1f2521;font-synthesis:none;background:#f6f7f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #295d4230}h1,h2,h3,p{letter-spacing:0}.app-loading,.login-page{place-items:center;min-height:100vh;display:grid}.app-loading{color:#657068}.login-page{background:#f2f4f0;padding:24px}.login-panel{width:min(100%,390px)}.brand-mark{color:#fff;background:#295d42;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.eyebrow{color:#667068;margin:24px 0 8px;font-size:12px;font-weight:700}.login-panel h1{letter-spacing:0;margin:0;font-size:36px}.login-copy{color:#667068;margin:10px 0 32px}.login-panel form{gap:18px;display:grid}.login-panel label{gap:7px;font-size:14px;font-weight:650;display:grid}.login-panel input{color:#1f2521;background:#fff;border:1px solid #cbd0cb;border-radius:6px;outline:none;width:100%;height:46px;padding:0 12px}.login-panel input:focus{border-color:#295d42;box-shadow:0 0 0 3px #295d421a}.primary-button{color:#fff;background:#295d42;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:700;display:inline-flex}.primary-button:hover{background:#204c35}.primary-button:disabled{cursor:wait;opacity:.65}.form-error{color:#a33b32;margin:-4px 0;font-size:14px}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#eef1ec;border-right:1px solid #dfe3de;flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;padding:0 8px 32px;display:flex}.sidebar-brand span{color:#fff;background:#295d42;border-radius:6px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.sidebar-brand strong{font-size:16px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#5c675f;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;height:44px;padding:0 12px;font-weight:650;display:flex}.sidebar nav button:hover{background:#e4e9e3}.sidebar nav button.active{color:#204c35;background:#dbe6de}.account-name{color:#778078;border-top:1px solid #d8ddd8;margin-top:auto;padding:16px 10px 0;font-size:12px;line-height:1.7}.account-name strong{color:#303833;font-size:14px}.main-area{min-width:0}.page{width:min(100%,1260px);margin:0 auto;padding:48px clamp(28px,5vw,72px) 80px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:110px;margin-bottom:36px;display:flex}.page-header .eyebrow{color:#56705f;margin-top:0}.page-header h1{margin:0;font-size:31px;line-height:1.2}.page-header p:not(.eyebrow){color:#6c756e;margin:10px 0 0}.primary-button.compact,.secondary-button,.danger-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:auto;min-height:40px;padding:9px 14px;font-weight:700;display:inline-flex}.secondary-button{color:#344039;background:#fff;border:1px solid #cbd1cc}.secondary-button:hover{background:#f8f9f7;border-color:#9eaaa1}.danger-button{color:#923a32;background:#fff;border:1px solid #d8b9b5}.icon-button{color:#59635c;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:#edf0ec}.text-button{color:#295d42;background:0 0;border:0;font-weight:750}.mobile-nav{display:none}.decision-controls{border-block:1px solid #dfe3de;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);align-items:center;gap:24px;padding:22px 0;display:grid}.recommendation-filters{grid-column:1/-1;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:8px;display:grid}.recommendation-filters select{color:#344039;background:#fff;border:1px solid #cbd1cc;border-radius:6px;min-width:0;min-height:38px;padding:7px 10px}.recommendation-filters .text-button,.library-toolbar .text-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.search-field{color:#7b847e;background:#fff;border:1px solid #cbd1cc;border-radius:6px;align-items:center;gap:9px;min-width:220px;height:44px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#295d42;box-shadow:0 0 0 3px #295d421a}.search-field input{color:#1f2521;background:0 0;border:0;outline:0;width:100%;min-width:0}.segment-row{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.segment-row button{color:#5f6962;background:0 0;border:1px solid #d0d5d0;border-radius:5px;min-height:36px;padding:6px 11px}.segment-row button.active{color:#204c35;background:#e3ebe5;border-color:#93ad9b;font-weight:700}.section-block{margin-top:34px}.section-heading{border-bottom:1px solid #dfe3de;justify-content:space-between;align-items:flex-start;gap:24px;min-height:52px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading p{color:#758078;margin:5px 0 14px;font-size:14px}.section-heading>span{color:#657068;font-size:14px}.view-tabs{gap:18px;display:flex}.view-tabs button{color:#6f7972;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 8px;font-size:18px;font-weight:700}.view-tabs button.active{color:#214f36;border-color:#3f7350}.recommendation-list{display:grid}.recommendation-row{text-align:left;width:100%;min-height:76px;color:inherit;background:0 0;border:0;border-bottom:1px solid #e1e4e0;grid-template-columns:44px minmax(140px,1fr) minmax(160px,1.4fr) 86px 22px;align-items:center;gap:14px;padding:12px 6px;display:grid}.recommendation-row:hover,.song-row:hover{background:#f0f3ef}.candidate-row{grid-template-columns:44px minmax(140px,1fr) minmax(160px,1.3fr) auto auto}.existing-recommendation-row{grid-template-columns:44px minmax(140px,1fr) minmax(150px,1.3fr) 76px auto 40px}.song-open{color:inherit;text-align:left;background:0 0;border:0;padding:0}.candidate-row .muted{color:#747e77}.rank{color:#899189;font-variant-numeric:tabular-nums}.song-main{min-width:0;display:grid}.song-main strong,.song-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-main strong{font-size:16px}.song-main small{color:#778078;margin-top:3px;font-size:13px}.reason-list{flex-wrap:wrap;gap:6px;display:flex}.reason-list i,.detail-meta span,.status{color:#486050;background:#e8ede9;border-radius:4px;padding:4px 7px;font-size:12px;font-style:normal}.fit-score{color:#66716a;font-size:13px}.empty-state{color:#717b74;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;display:flex}.empty-state strong{color:#374038}.library-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:12px;display:flex}.library-toolbar .view-tabs button{align-items:center;gap:6px;font-size:15px;display:inline-flex}.filter-bar{grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(105px,.7fr));gap:10px;display:grid}.filter-bar select,.form-grid select,.dialog input,.dialog textarea,.confirm-actions input{color:#253029;background:#fff;border:1px solid #cbd1cc;border-radius:6px;min-width:0;min-height:42px;padding:8px 10px}.song-table-head,.song-row{grid-template-columns:minmax(180px,1.4fr) 80px 90px 90px minmax(120px,1fr) 22px;align-items:center;gap:12px;display:grid}.song-table-head{color:#818982;text-transform:uppercase;height:38px;padding:0 10px;font-size:12px}.song-row{color:#343c36;text-align:left;background:0 0;border:0;border-top:1px solid #e1e4e0;width:100%;min-height:69px;padding:10px}.deleted-song-row .secondary-button{justify-self:end}.deleted-song-row{grid-template-columns:minmax(180px,1.4fr) 80px 90px 90px minmax(120px,1fr) 84px}.filter-context{color:#56705f;align-items:center;gap:7px;margin:14px 0 0;font-size:13px;display:flex}.status.singable{color:#286043;background:#dceadf}.status.practicing{color:#8b6120;background:#f3ead8}.status.want_to_learn{color:#5f6570;background:#e9ebed}.scenario-text{color:#667069;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-band{border-block:1px solid #dce1dc;grid-template-columns:repeat(4,1fr);display:grid}.metric-band>div{border-right:1px solid #dce1dc;padding:22px 20px}.metric-band>div:last-child{border:0}.metric-band span,.metric-band small{color:#727b74;font-size:13px;display:block}.metric-band strong{margin:7px 0 2px;font-size:28px;display:block}.analysis-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:50px;margin-top:36px;display:grid}.distribution-grid{grid-template-columns:1fr 1fr;gap:34px 44px;display:grid}.distribution h3{margin:0 0 18px;font-size:16px}.distribution>p{color:#8a918c}.distribution-row{width:100%;min-height:33px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:80px 1fr 28px;align-items:center;gap:10px;padding:0;font-size:13px;display:grid}.distribution-row:hover{color:#214f36;background:#f0f3ef}.distribution-row>div{background:#e1e5e1;height:7px}.distribution-row i{background:#5c8268;height:100%;display:block}.distribution-row strong{text-align:right;font-variant-numeric:tabular-nums}.diagnostic-panel{border-left:1px solid #dfe3de;padding-left:30px}.diagnostic-panel h2{margin:0;font-size:20px}.diagnostic-panel>p{color:#758078;margin:6px 0 24px;font-size:13px}.diagnostic,.diagnostic-ok{border-top:1px solid #e0e4e0;gap:12px;padding:16px 0;display:flex}.diagnostic svg{color:#b17724;flex:none}.diagnostic strong{font-size:14px}.diagnostic p{color:#667068;margin:4px 0;font-size:13px}.diagnostic .text-button{padding:4px 0}.diagnostic-ok{color:#637068;flex-direction:column}.diagnostic-ok svg{color:#4c785b}.diagnostic-ok strong{color:#354138}.dialog-backdrop,.drawer-backdrop{z-index:20;background:#18201b66;position:fixed;inset:0}.dialog-backdrop{place-items:center;padding:20px;display:grid}.dialog{background:#f9faf8;border-radius:8px;width:min(100%,720px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 22px 70px #15201833}.dialog>header,.detail-drawer>header{border-bottom:1px solid #dfe3de;justify-content:space-between;align-items:flex-start;padding:24px 26px;display:flex}.dialog h2,.detail-drawer h2{margin:0;font-size:24px}.dialog .eyebrow,.detail-drawer .eyebrow{margin:0 0 5px}.dialog form{gap:20px;padding:24px 26px;display:grid}.catalog-first-flow{padding:24px 26px}.catalog-first-flow>p{color:#667068;margin:0 0 20px;font-size:14px}.catalog-first-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:0!important}.catalog-first-search label{color:#4b574f;gap:7px;font-size:13px;font-weight:650;display:grid}.catalog-first-search input{color:#253029;background:#fff;border:1px solid #cbd1cc;border-radius:6px;min-width:0;min-height:42px;padding:8px 10px}.catalog-first-results{border-top:1px solid #dce1dc;margin-top:20px}.catalog-first-candidate{width:100%;min-height:68px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #dce1dc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.catalog-first-candidate:hover{background:#f0f3ef}.manual-entry{text-align:center;margin-top:18px}.confirmed-recording{color:#315d3f;background:#eaf1eb;border-left:3px solid #4f7b5b;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:13px;display:flex}.confirmed-recording .text-button{margin-left:auto}.dialog label,.confirm-actions label{color:#4b574f;gap:7px;font-size:13px;font-weight:650;display:grid}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.dialog fieldset{border:0;margin:0;padding:0}.dialog legend{color:#4b574f;margin-bottom:8px;font-size:13px;font-weight:650}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.check-chip{background:#fff;border:1px solid #d0d5d0;border-radius:5px;grid-auto-flow:column;align-items:center;min-height:36px;padding:7px 10px;gap:7px!important;display:flex!important}.dialog footer{justify-content:flex-end;gap:8px;display:flex}.drawer-backdrop{justify-content:flex-end;display:flex}.detail-drawer{background:#f9faf8;width:min(100%,680px);height:100%;overflow-y:auto;box-shadow:-15px 0 50px #16201922}.detail-drawer header p:not(.eyebrow){color:#727c75;margin:5px 0 0}.detail-meta{flex-wrap:wrap;gap:7px;padding:18px 26px;display:flex}.detail-drawer blockquote{color:#59645c;background:#edf1ed;border-left:3px solid #7c9e84;margin:0 26px 20px;padding:12px 15px;font-size:14px}.detail-actions{gap:8px;padding:0 26px 22px;display:flex}.catalog-matcher{background:#f5f7f4;border-top:1px solid #dfe3de;padding:24px 26px}.catalog-match-heading{gap:15px;display:grid}.catalog-match-heading h3{margin:0;font-size:18px}.catalog-match-heading p{color:#6b756e;margin:5px 0 0;font-size:13px}.catalog-provider-tabs{flex-wrap:wrap;gap:7px;display:flex}.catalog-provider-tabs button{color:#606b63;background:0 0;border:1px solid #ccd3cd;border-radius:5px;min-height:34px;padding:5px 10px}.catalog-provider-tabs button.active{color:#204c35;background:#e2ebe4;border-color:#8da895;font-weight:700}.catalog-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;display:grid}.catalog-search label{color:#768078;background:#fff;border:1px solid #cbd1cc;border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 10px;display:flex}.catalog-search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.catalog-notice{color:#667169;margin:14px 0 0;font-size:13px}.catalog-notice.error{color:#963e34}.catalog-results{border-top:1px solid #dce1dc;margin-top:16px}.catalog-candidate{border-bottom:1px solid #dce1dc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:96px;padding:14px 0;display:grid}.catalog-candidate-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;display:grid}.catalog-candidate-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-candidate-main p,.catalog-candidate-main small{grid-column:2;margin:0}.catalog-candidate-main p{color:#465149;font-size:14px}.catalog-candidate-main small{color:#788179}.source-badge{color:#486050;background:#e2e9e3;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:750}.source-badge.apple{color:#5b4c35;background:#eee7da}.analysis-action{background:#fff;border-block:1px solid #dfe3de;padding:24px 26px}.analysis-action h3{margin:0;font-size:18px}.analysis-action p{color:#6b756e;margin:6px 0 18px;font-size:13px}.analysis-action>div:nth-child(2){flex-wrap:wrap;gap:8px;display:flex}.version-notice{color:#71551f;background:#fbf7ee;border-left:3px solid #bd852b;align-items:flex-start;gap:8px;max-width:620px;margin:0 0 18px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.version-notice svg{flex:none;margin-top:2px}.inline-message{font-size:13px;color:#41634b!important}.empty-analysis{color:#747e77;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:220px;padding:30px;display:flex}.empty-analysis strong{color:#3e4841}.analysis-result{padding:26px}.analysis-version-bar{color:#748078;border-bottom:1px solid #dfe3de;justify-content:space-between;align-items:end;gap:16px;min-height:42px;margin-bottom:18px;padding-bottom:14px;font-size:12px;display:flex}.analysis-version-bar label{gap:5px;display:grid}.analysis-version-bar select{color:#344039;background:#fff;border:1px solid #cbd1cc;border-radius:5px;min-height:36px;padding:6px 28px 6px 9px}.analysis-title{justify-content:space-between;gap:20px;display:flex}.analysis-title h3{margin:7px 0 0}.analysis-title small{color:#7b847d}.mode-badge{color:#295d42;background:#dbe9de;border-radius:4px;padding:4px 7px;font-size:12px;font-weight:700}.difficulty-overview{grid-template-columns:minmax(240px,350px) minmax(180px,1fr);align-items:center;gap:28px;margin:24px 0 8px;display:grid}.difficulty-radar{aspect-ratio:1;width:100%;overflow:visible}.radar-grid,.radar-axis{fill:none;stroke:#d6ddd7;stroke-width:1px}.radar-profile{fill:#4f7b5b2e;stroke:#3f7350;stroke-width:2.5px}.radar-point{fill:#315f40;stroke:#f9faf8;stroke-width:1.5px}.radar-label{fill:#344139;font-size:12px;font-weight:750}.radar-level{fill:#7a847d;font-size:10px}.difficulty-summary{gap:6px;display:grid}.difficulty-summary span{color:#748078;font-size:12px;font-weight:750}.difficulty-summary strong{color:#244d33;font-size:30px}.difficulty-summary p{color:#68736b;margin:0;font-size:13px}.dimension-list{border-top:1px solid #dfe3de;margin:22px 0 28px}.dimension-row{border-bottom:1px solid #e1e4e0;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;display:grid}.dimension-row>div:first-child{align-content:start;gap:3px;display:grid}.dimension-row>div:first-child span{color:#667068;font-size:13px}.dimension-row p{margin:0 0 5px;font-size:14px}.dimension-row small{color:#78827b}.practice-list{padding:0;list-style:none}.practice-list li{gap:13px;padding:10px 0;display:flex}.practice-list li>span{color:#295d42;background:#e0ebe3;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.practice-list p{color:#68726b;margin:3px 0;font-size:13px}.analysis-feedback{border-top:1px solid #dfe3de;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:26px;padding-top:20px;display:grid}.analysis-feedback>div:first-child{gap:4px;display:grid}.analysis-feedback span{color:#748078;font-size:12px}.analysis-feedback>div:last-child{gap:8px;display:flex}.analysis-feedback .selected{color:#204c35;background:#e2ebe4;border-color:#8da895}.settings-list{border-top:1px solid #dfe3de}.setting-section{border-bottom:1px solid #dfe3de;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:40px;min-height:140px;padding:28px 0;display:grid}.setting-intro{gap:15px;display:flex}.setting-intro svg{color:#50745b;flex:none}.setting-intro h2{margin:0;font-size:18px}.setting-intro p{color:#6b756e;margin:6px 0;font-size:14px}.confirm-actions{gap:12px;display:grid}.confirm-actions>div{gap:8px;display:flex}.confirm-actions .inline-message{margin:0}.health-badge{color:#2d6442;background:#dfece2;border-radius:5px;justify-self:start;padding:7px 10px;font-size:13px;font-weight:700}.health-badge.off{color:#7a4d21;background:#f4e8d8}.capability-list{flex-wrap:wrap;gap:8px;display:flex}.scenario-settings{min-width:min(100%,520px)}.scenario-manage-list{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.scenario-manage-list>span{background:#fff;border:1px solid #d5dbd5;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:5px 9px;display:inline-flex}.plain-icon{color:#7d5140;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.inline-add{gap:8px;display:flex}.inline-add input{flex:1;min-width:0}.account-actions{gap:14px;display:grid}.account-actions .confirm-actions{border-bottom:1px solid #dfe3de;padding-bottom:16px}.account-actions .confirm-actions>button{justify-self:start}@media (width<=900px){.app-shell{padding-bottom:66px;display:block}.sidebar{display:none}.mobile-nav{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf7f2;border-top:1px solid #d5dad5;grid-template-columns:repeat(4,1fr);height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#707a73;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.mobile-nav button.active{color:#23573a;font-weight:800}.page{padding:32px 22px 48px}.decision-controls{grid-template-columns:1fr}.segment-row{justify-content:flex-start}.recommendation-filters,.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search-field{grid-column:1/-1}.analysis-layout{grid-template-columns:1fr}.diagnostic-panel{border:0;border-top:1px solid #dfe3de;padding:28px 0 0}.setting-section{grid-template-columns:1fr;gap:18px}}@media (width<=720px){.page-header{flex-direction:column;min-height:0;margin-bottom:26px}.page-header h1{font-size:27px}.page-header .primary-button{width:100%}.recommendation-row{grid-template-columns:34px 1fr auto}.recommendation-row .reason-list{grid-column:2/-1}.existing-recommendation-row .text-button{grid-column:2;justify-self:start}.fit-score{display:none}.filter-bar{grid-template-columns:1fr 1fr}.song-table-head{display:none}.song-row{grid-template-columns:1fr auto;padding:14px 4px}.song-row>span:not(.song-main),.song-row>.scenario-text{display:none}.metric-band{grid-template-columns:1fr 1fr}.metric-band>div:nth-child(2){border-right:0}.metric-band>div:nth-child(-n+2){border-bottom:1px solid #dce1dc}.distribution-grid,.form-grid.two,.form-grid.three,.catalog-first-search{grid-template-columns:1fr}.dialog-backdrop{padding:0}.dialog{border-radius:0;height:100%;max-height:none}.detail-drawer{width:100%}.analysis-title{flex-direction:column;gap:8px}.difficulty-overview{grid-template-columns:1fr;gap:10px}.difficulty-radar{max-width:340px;margin:0 auto}.dimension-row{grid-template-columns:80px 1fr}.analysis-version-bar,.analysis-feedback{grid-template-columns:1fr;align-items:start}.analysis-feedback>div:last-child{flex-direction:column}.setting-section{min-height:0}.confirm-actions>div{flex-direction:column}.candidate-row{grid-template-columns:34px 1fr}.candidate-row .reason-list,.candidate-row .secondary-button,.candidate-row .text-button{grid-column:2;justify-self:start}.catalog-search,.catalog-candidate{grid-template-columns:1fr}.catalog-candidate>button{justify-self:start}}