*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}:root,uni-page-body,.theme-cream{--ui-scale: 1;--title-font: 18px;--lyrics-font: 14px;--lyrics-current-font: 26px;--control-font: 13px;--primary-control-font: 14px;--inst-font: 17px;--panel-button-font: 13px;--panel-meta-font: 9px;--bg: #ece2cc;--bg-2: #e3d6b8;--surface: #fbf6ec;--surface-2: #f2e8d1;--surface-3: #ece1c8;--border: #c8b58e;--border-soft: #ddc99f;--ink: #2a2017;--ink-2: #5d4f3e;--ink-3: #8a7a62;--accent: #d97a2b;--accent-2: #b35f14;--accent-3: #8a4509;--accent-soft: #fde2bf;--accent-line: #f0b46a;--good: #5a8d3a;--display-bg: #1d2730;--display-bg-2: #2a3742;--display-ink: #f3d188;--display-ink-2: #e8b25e;--display-dim: #7e8d99;--display-line: #354553;--btn-1: #fdf6e5;--btn-2: #f1e4c0;--btn-3: #e3d2a3;--btn-border-c: #b09a6a;--btn-edge-c: #b09a6a;--btn-down-1: #e8dab0;--btn-down-2: #d4c08c;--hot-1: #ffeac3;--hot-2: #f8c97a;--hot-3: #e89a3e;--hot-edge-c: #8a4509;--card-1: #fbf6ec;--card-2: #f2e8d1;--card-border: #c8b58e;--shadow-card: 0 1px 0 #fff inset, 0 -1px 0 rgba(110, 80, 40, .06) inset, 0 8px 18px -10px rgba(60, 40, 20, .28), 0 2px 4px -2px rgba(60, 40, 20, .16);--btn-bg: linear-gradient(180deg, #fefaef 0%, #f6ebcf 60%, #ebdcb2 100%);--btn-bg-down: linear-gradient(180deg, #ebdcb2 0%, #e2cf9f 100%);--btn-bg-hot: linear-gradient(180deg, #ffeac3 0%, #f8c97a 60%, #ecae54 100%);--btn-border: #b09a6a;--btn-shadow: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 -1px 0 rgba(110, 80, 40, .12) inset, 0 3px 0 #b09a6a, 0 5px 6px -2px rgba(60, 40, 20, .22);--btn-shadow-press: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 1px 0 #b09a6a, 0 2px 4px rgba(60, 40, 20, .18);--btn-shadow-hot: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 -1px 0 rgba(160, 80, 20, .25) inset, 0 3px 0 var(--accent-3), 0 6px 10px -3px rgba(217, 122, 43, .45);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px}.theme-slate{--bg: #d8dce4;--bg-2: #c7cdd9;--card-1: #f5f7fb;--card-2: #e6ebf3;--card-border: #aab4c5;--surface: #f5f7fb;--surface-2: #e6ebf3;--border: #aab4c5;--border-soft: #c2cad9;--ink: #1d2330;--ink-2: #455066;--ink-3: #788396;--btn-1: #fafbfd;--btn-2: #e6ebf3;--btn-3: #c8d2e1;--btn-border-c: #8a98b1;--btn-edge-c: #7383a0;--btn-down-1: #d2dae8;--btn-down-2: #b6c1d4;--hot-1: #d4e1f7;--hot-2: #8eafe6;--hot-3: #4a78c8;--hot-edge-c: #1f3e75;--accent: #4a78c8;--accent-2: #2d5599;--accent-3: #1f3e75;--accent-soft: #dde6f4;--accent-line: #7faedc}.theme-jade{--bg: #d6dac5;--bg-2: #c4ca9f;--card-1: #f4f3e3;--card-2: #e5e4ca;--card-border: #aeae84;--surface: #f4f3e3;--surface-2: #e5e4ca;--border: #aeae84;--border-soft: #c8c79c;--ink: #2c2f1d;--ink-2: #565839;--ink-3: #8a8b65;--btn-1: #f8f7e6;--btn-2: #e7e6c5;--btn-3: #d2cf9b;--btn-border-c: #9c9b65;--btn-edge-c: #7c7c4d;--btn-down-1: #d8d6a9;--btn-down-2: #bcb985;--hot-1: #dfe9b8;--hot-2: #a4c779;--hot-3: #62924b;--hot-edge-c: #3a5a26;--accent: #62924b;--accent-2: #43702e;--accent-3: #2e521d;--accent-soft: #dfe9b8;--accent-line: #8eb86c}.theme-rose{--bg: #ead4d2;--bg-2: #dfb6b2;--card-1: #fbeeec;--card-2: #f1ddd9;--card-border: #c89c95;--surface: #fbeeec;--surface-2: #f1ddd9;--border: #c89c95;--border-soft: #d8b3ad;--ink: #2a1c1c;--ink-2: #5a3e3e;--ink-3: #8a6868;--btn-1: #fdf4f2;--btn-2: #f4dedb;--btn-3: #e3bdb5;--btn-border-c: #b88075;--btn-edge-c: #966056;--btn-down-1: #e9c6c0;--btn-down-2: #d4a298;--hot-1: #fcd9d6;--hot-2: #ee8a82;--hot-3: #c95453;--hot-edge-c: #802c2b;--accent: #c95453;--accent-2: #9d3535;--accent-3: #732222;--accent-soft: #fcd9d6;--accent-line: #ec8782}.theme-noir{--bg: #2a2c33;--bg-2: #1c1e25;--card-1: #3a3d47;--card-2: #2a2d36;--card-border: #1a1c22;--surface: #3a3d47;--surface-2: #2a2d36;--border: #1a1c22;--border-soft: #44474f;--ink: #f1ece0;--ink-2: #c8c2b3;--ink-3: #8a8678;--btn-1: #4a4d57;--btn-2: #2f323a;--btn-3: #1d1f25;--btn-border-c: #0a0b0e;--btn-edge-c: #050608;--btn-down-1: #20232a;--btn-down-2: #15171c;--hot-1: #f3c870;--hot-2: #d99a3a;--hot-3: #a0701f;--hot-edge-c: #5a3d0a;--accent: #d99a3a;--accent-2: #a0701f;--accent-3: #5a3d0a;--accent-soft: rgba(217, 154, 58, .25);--accent-line: #f3c870}.theme-noir .inst-cell,.theme-noir .rhythm-pill,.theme-noir .fill-pill,.theme-noir .rhythm-cell,.theme-noir .card-title,.theme-noir .inst-name,.theme-noir .r-name{color:var(--ink)}.theme-noir .r-meta{color:var(--ink-3)}uni-page-body,body,#app,uni-view,uni-text,uni-button,uni-input,uni-image{box-sizing:border-box}uni-page-body,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{background:var(--bg)}uni-button{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:normal}uni-button:after{border:0}.page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.phone-stage{width:100vw;height:100vh;position:relative;border-radius:0;background:transparent;padding:var(--stage-pad-y) var(--stage-pad-x);box-shadow:none}.phone-stage{--safe-left: 14px;--safe-right: 10px;--safe-top: 6px;--safe-bottom: 6px;--stage-pad-x: 0px;--stage-pad-y: 0px;--app-gap: 0px;--kb-divider-size: 2px;--kb-released-control-space: 22px;--side-panel-width: 24.5%;--panel-gap: 10px;--card-pad: 8px;--display-pad-y: 7px;--display-pad-x: 12px}.phone-stage:before,.phone-stage:after{content:none}.phone-screen{width:100%;height:100%;border-radius:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,#f1e7d0 0%,var(--bg) 60%,var(--bg-2) 100%)}.api-status,.sound-bank-status{position:absolute;z-index:70;right:18px;height:22px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(20,24,30,.76);color:#f3d188;font-size:10px;font-weight:700;display:flex;align-items:center;box-shadow:0 4px 10px -6px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}.api-status{top:12px}.api-status.is-error{color:#ffd4bd}.sound-bank-status{bottom:12px;color:#c8c2b3}.sound-bank-status.is-ready{color:#bde5a6}.app{width:100%;height:100%;display:flex;flex-direction:column;padding:2px var(--safe-right) 4px var(--safe-left);gap:var(--app-gap)}.top{flex:0 0 calc(55% + var(--kb-released-control-space));height:calc(55% + var(--kb-released-control-space));display:flex;gap:var(--panel-gap);min-height:0;transition:flex-basis .3s ease}.top>.card{flex:0 0 26%;width:26%}.top-panel{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.top-panel-left{flex:0 0 var(--side-panel-width);width:var(--side-panel-width)}.top-panel-display{flex:1 1 auto;width:auto;min-width:0}.top-panel-right{flex:0 0 var(--side-panel-width);width:var(--side-panel-width)}.display-component{flex:1 1 auto;min-width:0;min-height:0}.panel-component{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.app.display-expanded .top{gap:0}.kb-section{flex:1 1 0;height:0;display:flex;flex-direction:column;min-height:0;gap:0;transition:flex-basis .3s ease}.app.kb-hidden .top{flex:1 1 auto}.app.kb-hidden .kb-section{flex:0 0 var(--kb-divider-size)}.app.kb-hidden.display-expanded .top{position:absolute;top:0;right:0;bottom:0;left:0;flex:none;width:auto;height:auto;z-index:60;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(ellipse at top,#f1e7d0 0%,var(--bg) 60%,var(--bg-2) 100%)}.app.kb-hidden.display-expanded .kb-section{display:none}.card{background:linear-gradient(180deg,var(--card-1) 0%,var(--card-2) 100%);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;border-bottom:1px dashed var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));flex:0 0 auto;min-height:26px}.card-title{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.08em;display:flex;align-items:center;gap:8px;white-space:nowrap}.card-title .tdot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.card-body{flex:1 1 auto;min-height:0;padding:var(--card-pad);display:flex;flex-direction:column}.inst-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;justify-items:stretch;align-items:stretch;overflow:hidden}.instrument-range-status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:20px;margin-top:7px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid rgba(80,58,28,.18);background:rgba(255,255,255,.42);color:var(--ink-2);font-size:10px;font-weight:800;line-height:1;letter-spacing:.02em;text-align:center;box-shadow:0 1px rgba(255,255,255,.68) inset}.instrument-range-status uni-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-empty{grid-column:1/-1;align-self:center;justify-self:center;color:var(--ink-3);font-size:var(--panel-button-font);font-weight:700;letter-spacing:.08em;white-space:nowrap}.inst-cell,.rhythm-pill,.fill-pill,.rhythm-cell{border:1px solid var(--btn-border-c);background:radial-gradient(ellipse 70% 50% at 50% 18%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),linear-gradient(180deg,var(--btn-1) 0%,var(--btn-2) 55%,var(--btn-3) 100%);cursor:pointer;box-shadow:0 1px rgba(255,255,255,.95) inset,0 -2px rgba(140,100,40,.12) inset,0 3px 0 var(--btn-edge-c),0 5px 6px -2px rgba(60,40,20,.28);transition:transform .06s ease,box-shadow .06s ease,background .12s ease;color:var(--ink)}.inst-cell{border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:0 10px;width:100%;min-height:0;min-width:0}.inst-cell:active,.rhythm-pill:active,.fill-pill:active,.rhythm-cell:active{transform:translateY(3px);box-shadow:0 1px rgba(255,255,255,.7) inset,0 1px 0 var(--btn-edge-c),0 2px 4px rgba(60,40,20,.18);background:linear-gradient(180deg,var(--btn-down-1) 0%,var(--btn-down-2) 100%)}.inst-cell.is-active,.rhythm-pill.is-active,.fill-pill.is-firing,.rhythm-cell.is-active{background:radial-gradient(ellipse 70% 50% at 50% 18%,rgba(255,255,255,.85),rgba(255,255,255,0) 65%),linear-gradient(180deg,var(--hot-1) 0%,var(--hot-2) 55%,var(--hot-3) 100%);border-color:var(--accent);color:var(--accent-3);box-shadow:0 1px rgba(255,255,255,.8) inset,0 -2px rgba(160,80,20,.25) inset,0 3px 0 var(--hot-edge-c),0 6px 10px -3px rgba(217,122,43,.5)}.inst-name{font-size:var(--inst-font);font-weight:700;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;min-width:0;text-align:center;letter-spacing:.05em}.display{background:linear-gradient(180deg,var(--display-bg) 0%,var(--display-bg-2) 100%);border:1px solid #0e161c;border-radius:var(--radius);flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:3px;position:relative;padding:var(--display-pad-y) var(--display-pad-x);color:var(--display-ink);box-shadow:0 0 0 2px #c8b58e inset,0 0 0 3px #0e161c inset,0 0 24px rgba(243,209,136,.06) inset,0 8px 14px -6px rgba(0,0,0,.25);overflow:hidden}.display:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none;border-radius:11px}.display-as-card{width:100%;height:100%}.app.display-expanded .display{border-radius:calc(var(--radius) + 2px)}.app.kb-hidden.display-expanded .display{border-radius:0}.app.kb-hidden.display-expanded .np-title{font-size:clamp(26px,5.2vh,46px)}.app.kb-hidden.display-expanded .lyrics-line{font-size:clamp(20px,3.8vh,36px)}.app.kb-hidden.display-expanded .lyrics-line.lyrics-cur{font-size:clamp(52px,13vh,112px)}.app.kb-hidden.display-expanded .transport-btn{height:clamp(42px,8.5vh,72px);font-size:clamp(17px,3.4vh,30px)}.app.kb-hidden.display-expanded .transport-btn.primary{height:clamp(48px,9.5vh,82px);font-size:clamp(19px,3.9vh,34px)}.app.display-expanded .display-top{padding-right:0}.app.display-expanded .np-title{font-size:clamp(24px,5.4vh,48px)}.app.display-expanded .display-search-wrap{flex-basis:108px;margin-left:auto;transform:translate(7px)}.app.display-expanded .search{gap:5px;padding:0 5px 0 7px;height:30px;border-radius:7px}.app.display-expanded .search uni-input{font-size:16px}.app.display-expanded .search-trigger-text{font-size:16px}.app.display-expanded .search-icon{width:20px;height:20px}.app.display-expanded .search-clear{font-size:16px}.app.display-expanded .song-picker{width:min(780px,82vw);height:min(720px,100vh - 24px);max-height:calc(100vh - 24px);gap:10px;padding:12px}.app.display-expanded .song-picker-search{height:clamp(40px,6.4vh,52px)}.app.display-expanded .song-picker-search uni-input{font-size:clamp(14px,2.4vh,18px)}.app.display-expanded .song-picker-item{min-height:clamp(48px,7.2vh,62px);padding:clamp(9px,1.5vh,13px) clamp(14px,2.4vw,20px)}.app.display-expanded .song-picker-name{font-size:clamp(15px,2.6vh,20px)}.app.display-expanded .song-picker-meta,.app.display-expanded .song-page-info,.app.display-expanded .song-picker-empty{font-size:clamp(12px,2vh,15px)}.app.display-expanded .song-picker-pager{padding-top:0}.app.display-expanded .song-page-info{min-width:160px;height:30px}.app.display-expanded .lyrics{gap:clamp(3px,.8vh,10px)}.app.display-expanded .lyrics-line{font-size:clamp(16px,3vh,30px);line-height:1.32}.app.display-expanded .lyrics-line.lyrics-cur{font-size:clamp(36px,9vh,82px);line-height:1.45;padding:clamp(2px,.8vh,10px) 0}.app.display-expanded .lyric-token{margin:0 clamp(.08em,.35vw,.18em)}.app.display-expanded .display-foot{position:absolute;left:0;right:0;bottom:clamp(6px,1.4vh,14px);margin-top:0;gap:clamp(8px,1.4vw,18px);padding-top:0;padding-right:0;padding-bottom:clamp(4px,.8vh,10px)}.app.display-expanded .transport-btn{height:clamp(30px,5.8vh,48px);padding:0 clamp(14px,2.6vw,28px);font-size:clamp(13px,2.4vh,20px)}.app.display-expanded .transport-btn.primary{height:clamp(34px,6.6vh,56px);padding:0 clamp(16px,3vw,34px);font-size:clamp(14px,2.6vh,24px)}.app.display-expanded .display-expand-btn{width:clamp(48px,10vh,74px);height:clamp(30px,6.5vh,48px);border-radius:8px}.app.display-expanded .display-expand-text{font-size:clamp(15px,3vh,24px)}.app.display-expanded .display-meter{font-size:clamp(13px,2.4vh,20px)}.app.display-expanded .score-cell-lyric{flex-basis:clamp(26px,5.5vh,52px);min-height:clamp(26px,5.5vh,52px);font-size:clamp(18px,4.2vh,38px)}.app.display-expanded .score-phrase{gap:clamp(4px,1vh,10px);padding:0 6px}.app.display-expanded .score-phrase-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:clamp(52px,11vh,96px) 8px clamp(52px,11vh,96px)}.app.display-expanded .score-items-row{padding:clamp(6px,1.2vh,12px) clamp(2px,.6vw,6px);min-height:clamp(64px,12vh,112px)}.app.display-expanded .score-items-row-next{left:13%;right:13%;bottom:clamp(-34px,-4vh,-12px)}.app.display-expanded .score-items-row-next .score-cell{min-height:clamp(24px,4.8vh,46px)}.app.display-expanded .score-items-row-next .score-symbol{flex-basis:clamp(14px,3vh,28px);min-height:clamp(14px,3vh,28px)}.app.display-expanded .score-items-row-next .note-num{font-size:clamp(10px,2.1vh,20px)}.app.display-expanded .score-items-row-next .score-cell-lyric{flex-basis:clamp(7px,1.4vh,12px);min-height:clamp(7px,1.4vh,12px);font-size:clamp(6px,1.2vh,11px)}.app.display-expanded .score-cell{min-height:clamp(60px,11.8vh,104px);gap:clamp(3px,.7vh,7px)}.app.display-expanded .score-symbol{flex-basis:clamp(40px,8.4vh,74px);min-height:clamp(40px,8.4vh,74px);gap:clamp(4px,.8vh,8px)}.app.display-expanded .score-items-row-current .note-num{font-size:clamp(28px,6.8vh,62px)}.app.display-expanded .score-items-row-current .grace-note{top:clamp(-3px,-.5vh,0px);transform:translate(-165%,-52%) scale(.48)}.display-top{display:flex;align-items:stretch;gap:10px;flex:0 0 auto;position:relative;z-index:2;min-height:30px}.display-song{position:absolute;left:50%;top:50%;width:min(56%,380px);max-width:330px;min-width:0;display:grid;grid-template-columns:minmax(0,auto) auto;justify-content:center;align-items:center;-moz-column-gap:8px;column-gap:8px;transform:translate(-50%,-50%);pointer-events:none}.np-title{font-size:var(--title-font);font-weight:700;color:#fff5d4;letter-spacing:.02em;text-shadow:0 0 10px rgba(243,209,136,.4);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;text-align:center}.display-search-wrap{flex:0 0 92px;margin-left:auto;position:relative;display:flex;align-items:center;justify-content:flex-end}.search{width:100%;display:flex;align-items:center;gap:4px;padding:0 5px 0 7px;background:rgba(255,255,255,.04);border:1px solid var(--display-line);border-radius:6px;color:var(--display-dim);height:24px}.search-trigger{justify-content:flex-start;text-align:left}.search-trigger-text{flex:1 1 auto;color:var(--display-dim);font-size:var(--control-font);font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search uni-input{background:transparent;border:none;outline:none;color:var(--display-ink);font:inherit;font-size:var(--control-font);width:100%;min-width:0;letter-spacing:.04em}.search-icon{flex:0 0 auto;width:14px;height:14px;display:block}.search-clear{color:var(--display-dim);font-size:12px;padding:0 2px}.song-picker-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vh,18px) clamp(14px,4vw,26px);background:rgba(8,12,16,.62);backdrop-filter:blur(2px)}.song-picker{width:min(620px,94%);height:min(680px,100vh - 24px);max-height:calc(100vh - 24px);border:1px solid rgba(243,209,136,.48);border-radius:10px;background:linear-gradient(180deg,#2a3742,#1d2730);box-shadow:0 1px rgba(255,255,255,.08) inset,0 18px 34px -10px rgba(0,0,0,.72);display:flex;flex-direction:column;gap:10px;padding:12px;color:var(--display-ink)}.song-picker-head{display:flex;align-items:center;gap:8px;flex:0 0 auto}.song-picker-search{flex:1 1 auto;min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--display-line);border-radius:7px;background:rgba(255,255,255,.05);color:var(--display-dim)}.song-picker-search uni-input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--display-ink);font:inherit;font-size:var(--control-font)}.song-picker-close{flex:0 0 auto;width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--display-line);border-radius:7px;background:rgba(255,255,255,.05);color:var(--display-dim);font-size:18px;font-weight:800}.song-picker-list{flex:1 1 auto;min-height:0;overflow-y:auto}.song-picker-item{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid rgba(243,209,136,.14);border-radius:7px;background:rgba(255,255,255,.035);color:var(--display-ink);font-size:var(--control-font);text-align:left;letter-spacing:.04em;margin-bottom:5px}.song-picker-item.is-active{background:rgba(243,209,136,.2);border-color:rgba(243,209,136,.44);color:#fff5d4}.song-picker-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.song-picker-meta{flex:0 0 auto;font-size:12px;color:var(--display-dim);white-space:nowrap}.song-picker-empty{flex:1 1 auto;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--display-dim);text-align:center;letter-spacing:.1em}.song-picker-load-more{height:34px;display:flex;align-items:center;justify-content:center;color:var(--display-dim);font-size:12px;font-weight:700;letter-spacing:.08em}.song-picker-pager{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding-top:4px}.song-page-info{min-width:150px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(243,209,136,.14);border-radius:999px;background:rgba(8,12,16,.32);color:var(--display-dim);font-size:13px;font-weight:800;text-align:center}.lyrics-empty{flex:1 1 auto;min-height:0}.lyrics-loading{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:loading-pulse .8s ease-in-out infinite alternate}@keyframes loading-pulse{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.lyrics{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;z-index:2;touch-action:none}.lyrics.is-seeking{background:radial-gradient(ellipse at center,rgba(243,209,136,.08) 0%,transparent 70%)}.seek-hint{position:absolute;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.25em;color:var(--display-dim);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.hint-up{top:1px}.hint-down{bottom:1px}.seek-hint.is-on{opacity:.95;color:var(--display-ink);text-shadow:0 0 10px rgba(243,209,136,.5)}.lyrics-line{max-width:100%;overflow:visible;text-overflow:ellipsis;font-size:var(--lyrics-font);line-height:1.28;color:var(--display-dim);letter-spacing:.08em;transition:opacity .35s ease,color .35s ease,font-size .35s ease;white-space:nowrap;font-weight:500}.lyrics-line.lyrics-cur{font-size:var(--lyrics-current-font);color:var(--display-ink);opacity:1;text-shadow:0 0 16px rgba(243,209,136,.55);font-weight:700;line-height:1.58;letter-spacing:.08em;padding:1px 0 3px}.lyric-token{display:inline-block;margin:0 .12em;color:rgba(226,236,220,.52);line-height:inherit;transform-origin:50% 58%;transform:translateY(0) scale(1);transition:color .16s ease,opacity .16s ease,transform .18s ease,text-shadow .18s ease}.lyric-token.is-sung{color:rgba(243,209,136,.86);text-shadow:0 0 10px rgba(243,209,136,.28)}.lyric-token.is-active{color:#fff8d8;transform:translateY(0) scale(1.04);text-shadow:0 0 8px rgba(255,248,216,.72),0 0 18px rgba(243,209,136,.62)}.lyrics-prev,.lyrics-next{opacity:.35}.score-phrase-host,.score-phrase-component{flex:auto;flex-grow:1;flex-shrink:1;flex-basis:auto;min-height:0;height:100%;display:flex;flex-direction:column}.score-phrase{position:relative;flex:auto;flex-grow:1;flex-shrink:1;flex-basis:auto;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(0px,.7vh,8px);z-index:2;touch-action:none;padding:0 8px;overflow:hidden}.score-phrase.is-seeking{background:radial-gradient(ellipse at center,rgba(243,209,136,.08) 0%,transparent 72%)}.score-items-row{--score-line-scale: 1;display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:100%;min-width:0;overflow-x:visible;overflow-y:visible;scrollbar-width:none;padding:clamp(10px,2vh,20px) clamp(2px,.8vw,10px);min-height:clamp(84px,18vh,158px)}.score-items-row-current{position:relative;z-index:2;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;touch-action:pan-x;animation:score-current-scroll-in .64s cubic-bezier(.16,.84,.2,1) both;transform-origin:center center}.score-items-row-leaving{position:absolute;left:8px;right:8px;top:50%;z-index:3;pointer-events:none;transform:translateY(-68%);animation:score-current-scroll-out .64s cubic-bezier(.16,.84,.2,1) both}.score-items-row-next{position:absolute;left:13%;right:13%;bottom:clamp(2px,.8vh,8px);z-index:1;width:auto;min-height:clamp(24px,4.3vh,40px);margin-top:0;padding-top:clamp(2px,.5vh,5px);padding-bottom:clamp(1px,.3vh,4px);color:rgba(243,209,136,.42);opacity:.72;filter:blur(.12px);pointer-events:none;transform-origin:top center;animation:score-next-scroll-in .64s cubic-bezier(.16,.84,.2,1) both}.score-items-row-next .score-cell{flex-grow:.72;flex-shrink:1;flex-basis:0;min-height:clamp(30px,6vh,58px);color:rgba(243,209,136,.44);text-shadow:none}.score-items-row-next .score-cell.is-bar{width:clamp(4px,.7vw,10px);min-width:clamp(4px,.7vw,10px)}.score-items-row-next .score-cell.is-extension{min-width:clamp(6px,1.3vh,12px)}.score-items-row-next .score-symbol{flex-basis:clamp(16px,3.5vh,32px);min-height:clamp(16px,3.5vh,32px)}.score-items-row-next .note-num{font-size:clamp(11px,2.4vh,22px);font-weight:800}.score-items-row-next .score-cell-lyric{flex-basis:clamp(8px,1.7vh,14px);min-height:clamp(8px,1.7vh,14px);font-size:clamp(7px,1.4vh,13px);color:rgba(226,236,220,.4)}.score-items-row-next .score-bar{top:-2px;height:clamp(14px,3.4vh,28px)}.score-items-row-next .note-dot{font-size:clamp(5px,1vh,8px)}.score-items-row-next .underline-stack{top:calc(100% + 0px);height:3px;gap:1px}.score-items-row-next .note-underline,.score-items-row-next .fulldot-inner{height:1px}.score-items-row-next .grace-note,.score-items-row-next .curve-mark{opacity:.78}@keyframes score-current-scroll-in{0%{opacity:.34;filter:blur(3px);transform:translateY(clamp(26px,6vh,50px)) scale(.9)}48%{opacity:.82;filter:blur(.9px);transform:translateY(clamp(4px,1vh,10px)) scale(1)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes score-current-scroll-out{0%{opacity:1;filter:blur(0);transform:translateY(-68%) scale(1)}to{opacity:0;filter:blur(2.5px);transform:translateY(calc(-68% - clamp(40px,9vh,78px))) scale(1.08)}}@keyframes score-next-scroll-in{0%{opacity:.08;filter:blur(1.8px);transform:translateY(clamp(26px,5.4vh,52px)) scale(.68)}to{opacity:.72;filter:blur(.12px);transform:translateY(0) scale(.96)}}.score-items-row:before,.score-items-row:after{content:none}.score-items-row.has-active-item{justify-content:center}.score-items-row.has-active-item:before,.score-items-row.has-active-item:after{content:none}.score-items-row::-webkit-scrollbar{display:none}.score-cell{position:relative;flex:var(--score-flex, 1 1 0);--lyric-len: 1;min-width:0;min-height:clamp(78px,17vh,148px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(243,209,136,.72);transition:color .16s ease,transform .16s ease,text-shadow .16s ease}.score-cell.has-beam-gap-before{margin-left:clamp(8px,1.6vw,20px)}.score-symbol{position:relative;flex:0 0 clamp(42px,10vh,88px);min-height:clamp(42px,10vh,88px);width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-cell:before{content:"";position:absolute;left:50%;top:50%;width:clamp(20px,4.6vw,52px);height:clamp(50px,11.5vh,102px);border-radius:8px;background:transparent;transform:translate(-50%,-50%);transition:background .16s ease,box-shadow .16s ease}.score-cell.is-sung{color:rgba(243,209,136,.9)}.score-cell.is-active{color:#fff8d8;transform:none;text-shadow:0 0 16px rgba(243,209,136,.8)}.score-cell.is-active:before{background:rgba(243,209,136,.18);box-shadow:0 0 20px rgba(243,209,136,.32)}.score-cell.is-rest-cell.is-active:before{background:rgba(126,218,176,.2);box-shadow:0 0 22px rgba(126,218,176,.38)}.score-cell.is-rest-cell.is-active .note-num{color:#d9ffe8;text-shadow:0 0 10px rgba(126,218,176,.78),0 0 20px rgba(126,218,176,.44)}.score-cell.is-bar{width:clamp(7px,1vw,15px);min-width:clamp(7px,1vw,15px);min-height:clamp(78px,17vh,148px);justify-content:center;padding-top:0;padding-bottom:clamp(16px,3.8vh,32px)}.score-cell.is-bar:before{content:none}.score-cell.is-extension{min-width:clamp(11px,2vh,20px)}.score-cell.is-extension:before{content:none}.score-bar{position:relative;width:2px;top:-10px;height:clamp(29px,6.5vh,56px);background:rgba(243,209,136,.74);border-radius:999px}.app:not(.display-expanded) .score-bar{top:-4px}.score-bar.bar-double,.score-bar.bar-end,.score-bar.bar-repeat-left,.score-bar.bar-repeat-right{box-shadow:5px 0 rgba(243,209,136,.62)}.score-bar.bar-end{width:3px;box-shadow:-5px 0 rgba(243,209,136,.62)}.score-bar.bar-repeat-left:before,.score-bar.bar-repeat-right:before{content:":";position:absolute;top:50%;color:rgba(243,209,136,.74);font-size:clamp(16px,3vh,28px);transform:translateY(-50%)}.score-bar.bar-repeat-left:before{right:-12px}.score-bar.bar-repeat-right:before{left:-12px}.note-core{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.note-num{position:relative;font-size:clamp(24px,5.8vh,54px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;line-height:1}.score-items-row-current .score-cell{gap:clamp(4px,.9vh,8px)}.grace-note{position:absolute;left:50%;top:clamp(3px,.9vh,9px);transform:translate(-125%,-35%) scale(.62);transform-origin:right center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;color:currentColor}.grace-note:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;box-shadow:0 3px 0 currentColor}.curve-mark{position:absolute;left:50%;width:var(--curve-width, clamp(26px, 4.4vw, 58px));max-width:calc(100vw - 20px);height:clamp(12px,2.2vh,22px);border-top:2px solid currentColor;border-radius:50% 50% 0 0;transform:translate(clamp(4px,.9vh,8px));opacity:.72;pointer-events:none}.slur-line{top:clamp(-3px,-.4vh,0px)}.tie-line{top:calc(clamp(-3px,-.4vh,0px) - 7px)}.dot-row{position:absolute;left:0;right:0;z-index:1;height:clamp(12px,2.5vh,20px);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;overflow:visible}.top-dots{bottom:calc(100% + 1px)}.bottom-dots{top:calc(100% + 2px)}.note-dot{font-size:clamp(20px,4.4vh,34px);font-weight:900;line-height:.52;text-shadow:0 0 1px currentColor}.underline-stack{position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:1;--underline-half: calc(50% - 2px) ;height:4px;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;margin-top:1px;width:100%;align-items:center}.note-underline{position:relative;display:block;left:auto;right:auto;margin-left:var(--line-left, calc(50% - var(--underline-half)));margin-right:var(--line-right, calc(50% - var(--underline-half)));width:auto;height:2px;min-height:2px;border-radius:var(--line-radius-left, 999px) var(--line-radius-right, 999px) var(--line-radius-right, 999px) var(--line-radius-left, 999px);background:currentColor;align-self:stretch}.extension-symbol{align-items:stretch}.fulldot{height:100%;min-height:clamp(42px,10vh,88px);width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.fulldot-inner{display:block;width:clamp(10px,2.2vh,18px);height:2px;min-height:1px;border-radius:999px;background:currentColor}.score-cell-lyric{flex:0 0 clamp(20px,4.5vh,40px);min-height:clamp(20px,4.5vh,40px);max-width:none;display:flex;align-items:flex-start;justify-content:center;color:rgba(226,236,220,.56);font-size:clamp(14px,3.3vh,30px);font-weight:700;line-height:1.15;letter-spacing:0;text-align:center;white-space:nowrap;overflow:visible;font-family:PingFang SC,Microsoft YaHei,sans-serif}.score-cell.is-active .score-cell-lyric{color:#fff8d8;text-shadow:0 0 16px rgba(243,209,136,.68)}.score-cell.is-sung .score-cell-lyric{color:rgba(243,209,136,.84)}.score-lyric-shadow{display:none}.score-lyric-token{color:rgba(226,236,220,.56);transition:color .16s ease,transform .16s ease,text-shadow .16s ease}.score-lyric-token.is-sung{color:rgba(243,209,136,.84)}.score-lyric-token.is-active{color:#fff8d8;transform:scale(1.08);text-shadow:0 0 16px rgba(243,209,136,.68)}.display-foot{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;padding-top:2px;padding-right:0;position:relative;z-index:2}.display-expand-btn{position:absolute;left:8px;top:7px;z-index:5;width:50px;height:28px;border-radius:6px;border:1px solid rgba(243,209,136,.48);background:rgba(10,16,22,.52);box-shadow:0 1px rgba(255,255,255,.12) inset,0 4px 10px -5px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.display-expand-text{color:var(--display-ink);font-size:13px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap}.display-expand-btn:active{transform:translateY(1px);background:rgba(10,16,22,.72)}.display-meter{position:relative;z-index:1;min-width:-moz-max-content;min-width:max-content;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--display-ink);font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-shadow:0 0 8px rgba(243,209,136,.36);box-shadow:none;pointer-events:none}.transport-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 12px;border-radius:999px;border:1px solid #1a2530;background:linear-gradient(180deg,#3e4d5b,#1a2530);color:var(--display-ink);font-size:var(--control-font);font-weight:600;letter-spacing:.06em;height:31px;box-shadow:0 1px rgba(255,255,255,.12) inset,0 -2px 4px rgba(0,0,0,.4) inset,0 3px #050a0e,0 5px 8px -2px rgba(0,0,0,.4)}.transport-btn.primary{background:linear-gradient(180deg,#e89b53,#c4711e 60%,#8a4a0c);border-color:#6b3608;color:#fff;padding:4px 16px;height:34px;font-size:var(--primary-control-font);box-shadow:0 1px rgba(255,255,255,.4) inset,0 -2px 4px rgba(80,30,0,.4) inset,0 4px #5a2c05,0 0 18px rgba(217,122,43,.45),0 6px 10px -2px rgba(80,30,0,.5)}.transport-btn.mute-btn{padding-left:10px;padding-right:10px}.transport-btn.mute-btn.is-muted{border-color:rgba(243,209,136,.5);background:linear-gradient(180deg,#6b3f3f,#2b1820);color:#ffe4d6}.transport-btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.35);transform:none}.transport-label{white-space:nowrap}.right{display:flex;flex-direction:column;gap:8px;height:100%;min-width:0;min-height:0;position:relative}.rhythm-card,.fills-card{flex:1 1 0;height:auto;min-height:0}.rhythm-body,.fills-body{flex:1 1 0;height:auto;padding:6px 8px;display:flex;align-items:stretch;min-height:0}.rhythm-strip,.fills-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));grid-auto-rows:minmax(30px,1fr);gap:6px;overflow-y:auto;overflow-x:hidden;width:100%;min-width:0;height:100%;min-height:0;align-items:stretch;padding-bottom:0}.rhythm-pill,.fill-pill{min-width:0;width:100%;height:100%;min-height:32px;padding:4px 7px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.r-name{max-width:100%;min-width:0;font-size:var(--panel-button-font);font-weight:700;line-height:1.15;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:clip}.r-meta{font-size:var(--panel-meta-font);color:var(--ink-3);letter-spacing:.08em;line-height:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600;margin-top:1px}.rhythm-pill.is-active .r-meta,.rhythm-cell.is-active .r-meta{color:var(--accent-2)}.rhythm-pill.load-more,.fill-pill.load-more{background:repeating-linear-gradient(135deg,var(--btn-1) 0 6px,var(--btn-2) 6px 12px)}.page-dots{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:6px;height:16px}.page-dot{width:6px;height:6px;border-radius:50%;background:var(--btn-edge-c);transition:background .2s ease,transform .2s ease}.page-dot.is-active{background:var(--accent);transform:scale(1.35)}.rhythm-popover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:0 16px 40px -8px rgba(40,25,5,.4),0 2px #fff inset,var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.rhythm-popover-head{display:flex;align-items:center;gap:8px;padding:8px 12px 6px;border-bottom:1px dashed var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0))}.rhythm-popover-head .card-title{flex:1}.rhythm-card .card-body,.fills-card .card-body{padding:6px 7px 7px}.popover-close{width:26px;height:26px;border-radius:6px;border:1px solid var(--btn-border-c);background:var(--btn-bg);color:var(--ink-2);font-size:13px;box-shadow:var(--btn-shadow)}.rhythm-popover-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;padding:8px;overflow-y:auto}.rhythm-cell{border-radius:var(--radius-sm);padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:0}.kb-controls{flex:0 0 var(--kb-divider-size);display:flex;align-items:center;justify-content:center;gap:7px;padding:0;position:relative;z-index:30}.kb-control-hidden{display:none!important}.kb-handle{position:absolute;left:50%;top:50%;width:92px;height:20px;min-height:20px;padding:0;border:1px solid rgba(243,209,136,.42);border-radius:999px;background:linear-gradient(180deg,rgba(62,77,91,.92),rgba(26,37,48,.92));box-shadow:0 1px rgba(255,255,255,.12) inset,0 2px 5px -3px rgba(0,0,0,.75);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2}.kb-handle-icon{display:none}.kb-handle:before{content:"";width:52px;height:2px;border-radius:999px;background:rgba(243,209,136,.9);box-shadow:0 -5px rgba(243,209,136,.58),0 5px rgba(243,209,136,.58)}.kb-toggle{flex:0 0 auto;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,var(--btn-1) 0%,var(--btn-3) 100%);border:1px solid var(--btn-border-c);border-radius:999px;color:var(--ink-2);font-size:10px;line-height:1;letter-spacing:.08em;box-shadow:0 1px #fff inset,0 -1px rgba(120,90,40,.1) inset,0 2px 0 var(--btn-edge-c),0 3px 4px -1px rgba(60,40,15,.2);align-self:center;padding:0 10px;height:18px;min-height:18px}.toggle-chevron{display:flex;align-items:center;justify-content:center;width:10px;height:10px;position:relative;line-height:1;transition:transform .25s}.toggle-chevron:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(45deg)}.toggle-chevron.is-open{transform:rotate(180deg)}.label-toggle{flex:0 0 auto;min-width:42px;height:18px;min-height:18px;padding:0 8px;border-radius:999px;border:1px solid var(--btn-border-c);background:linear-gradient(180deg,var(--btn-1),var(--btn-3));color:var(--ink-2);font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px #fff inset,0 2px 0 var(--btn-edge-c);display:flex;align-items:center;justify-content:center}.label-toggle uni-text,.kb-toggle uni-text,.range-chip uni-text{display:block;line-height:1}.user-btn{flex:0 0 auto;height:18px;min-height:18px;padding:0 10px;border-radius:999px;border:1px solid var(--accent);background:linear-gradient(180deg,var(--hot-1),var(--hot-2));color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px rgba(255,255,255,.3) inset,0 2px 0 var(--accent-3)}.user-chip{flex:0 0 auto;height:18px;min-height:18px;padding:0 8px;border-radius:999px;border:1px solid var(--border-soft);background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--ink)}.usr-name{line-height:1;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usr-badge{line-height:1;font-size:9px;font-weight:700;color:#fff;background:var(--accent);padding:1px 5px;border-radius:999px}.range-chip{flex:0 0 auto;height:18px;min-height:18px;padding:0 9px;border-radius:999px;border:1px solid rgba(80,58,28,.22);background:rgba(255,255,255,.38);color:var(--ink-2);font-size:10px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;box-shadow:0 1px rgba(255,255,255,.65) inset}.label-toggle.is-active{color:var(--accent-3);background:linear-gradient(180deg,var(--hot-1),var(--hot-3));border-color:var(--accent)}.theme-switcher{display:flex;align-items:center;justify-content:center;gap:4px;height:18px;min-height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--card-border);box-shadow:0 1px #fff inset,0 2px 4px -1px rgba(0,0,0,.18)}.theme-swatch{width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--btn-border-c),0 1px 2px rgba(0,0,0,.18);position:relative;transition:transform .12s}.theme-swatch.is-current{transform:scale(1.12);box-shadow:0 0 0 2px var(--accent),0 0 0 .5px #fff,0 2px 5px rgba(0,0,0,.25)}.theme-swatch.s-cream{background:linear-gradient(135deg,#f1e4c0 50%,#d97a2b 50%)}.theme-swatch.s-slate{background:linear-gradient(135deg,#e6ebf3 50%,#4a78c8 50%)}.theme-swatch.s-jade{background:linear-gradient(135deg,#e7e6c5 50%,#62924b 50%)}.theme-swatch.s-rose{background:linear-gradient(135deg,#f4dedb 50%,#c95453 50%)}.theme-swatch.s-noir{background:linear-gradient(135deg,#2f323a 50%,#d99a3a 50%)}.keyboard-host,.keyboard-component{flex:1 1 0;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column}.kb-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%;gap:4px}.keyboard{flex:1 1 auto;height:100%;position:relative;background:linear-gradient(180deg,#2a2118,#181109 18%,#0a0704);border-radius:10px;padding:12px 8px 8px;border:1px solid #050302;box-shadow:0 1px #4b3a23 inset,0 -2px rgba(0,0,0,.3) inset,0 4px #050302,0 8px 18px -6px rgba(0,0,0,.5);min-height:0}.keyboard:before{content:"";position:absolute;left:8px;right:8px;top:6px;height:2px;background:linear-gradient(90deg,#d72d2d,#e94d3d,#d72d2d);box-shadow:0 0 8px rgba(231,52,52,.6);border-radius:1px}.keys{position:relative;display:flex;gap:2px;height:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key.white{flex:1;background:#fff url(/static/keys/bk_white.png) center/100% 100% no-repeat;border:1px solid #b9a87f;border-top:1px solid #c8b78d;border-radius:0 0 6px 6px;position:relative;box-shadow:0 1px rgba(255,255,255,.9) inset,-1px 0 rgba(0,0,0,.04) inset,1px 0 rgba(0,0,0,.04) inset,0 5px #b09a6a,0 8px 12px -4px rgba(40,30,10,.45);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transition:box-shadow .04s,transform .06s;min-width:0}.key.white:after,.key.white:before,.key.black:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .06s}.key.white.is-down,.key.white:active{box-shadow:0 1px rgba(0,0,0,.06) inset,0 1px #b09a6a,0 2px 4px rgba(40,30,10,.25);transform:translateY(2px)}.key.white.is-down:after,.key.white:active:after{background:linear-gradient(180deg,rgba(253,233,192,.55),rgba(233,194,117,.5));border-radius:0 0 6px 6px;opacity:1}.key.white .solfege{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;color:#b8985c;line-height:1;min-width:0}.solfege-num-row{display:flex;flex-direction:column;align-items:center}.solfege-num{font-size:21px;color:#b8985c;font-family:ui-monospace,SF Mono,monospace;font-weight:700;letter-spacing:0;line-height:1}.solfege-low-dot{color:#b8985c;font-size:12px;font-weight:900;line-height:1;margin-top:-3px}.solfege-name{font-size:14px;color:#9a7d4b;font-weight:700;letter-spacing:0}.key.black{position:absolute;top:0;width:4.4%;height:60%;background:#1a1209 url(/static/keys/bk_black.png) center/100% 100% no-repeat;border:1px solid #000;border-radius:0 0 4px 4px;z-index:2;box-shadow:0 1px rgba(255,255,255,.18) inset,0 -3px #050302 inset,0 4px #050302,0 7px 8px -3px rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:box-shadow .04s,transform .06s}.key.black.is-down,.key.black:active{box-shadow:0 1px rgba(255,255,255,.1) inset,0 1px #050302,0 2px 3px rgba(0,0,0,.5);transform:translateY(2px)}.key.black.is-down:after,.key.black:active:after{background:linear-gradient(180deg,rgba(74,58,40,.5),rgba(42,31,18,.5));border-radius:0 0 4px 4px;opacity:1}.key.black .bk-mark{color:#d8bf82;font-family:ui-monospace,monospace;font-weight:800;text-shadow:0 0 5px rgba(243,209,136,.28);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;line-height:1}.key.black .bk-num{font-size:12px}.key.black .bk-name{font-size:9px;color:#c9ad6d}.rotate-hint{display:none}@media (orientation: portrait){.phone-stage{display:none}.rotate-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#f1e7d0;text-align:center;padding:32px}.rotate-hint .icon{width:86px;height:86px;border:2px solid #f1e7d0;border-radius:12px;position:relative;animation:rotate-bob 1.8s ease-in-out infinite}.rotate-hint .icon:before{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:28px;height:3px;background:#f1e7d0;border-radius:2px}.hint-title{font-size:22px;font-weight:700;letter-spacing:.1em}.hint-desc{font-size:14px;color:#a89e87;letter-spacing:.08em}}@keyframes rotate-bob{0%,to{transform:rotate(0)}40%,70%{transform:rotate(-90deg)}}@media (orientation: landscape) and (max-height: 820px) and (min-width: 900px){.phone-stage{--ui-scale: .92;--title-font: 17px;--lyrics-font: 13px;--lyrics-current-font: 24px;--control-font: 12px;--primary-control-font: 13px;--inst-font: 15px;--panel-button-font: 12px;--panel-meta-font: 8.5px}}@media (orientation: landscape) and (max-height: 520px){.phone-stage{--ui-scale: .78;--title-font: 16px;--lyrics-font: 11px;--lyrics-current-font: 20px;--control-font: 10.5px;--primary-control-font: 11px;--inst-font: 13px;--panel-button-font: 10.5px;--panel-meta-font: 8px}.display-foot{gap:5px}}@media (orientation: landscape) and (max-height: 380px){.phone-stage{--ui-scale: .7;--title-font: 14px;--lyrics-font: 10px;--lyrics-current-font: 18px;--control-font: 9.5px;--primary-control-font: 10px;--inst-font: 12px;--panel-button-font: 9.5px;--panel-meta-font: 7.5px}.top{flex-basis:44%}.transport-btn{gap:4px;padding-left:8px;padding-right:8px}}