*{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:.5rem}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:.625rem;height:.625rem;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:-31.25rem;top:-31.25rem;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:3.125rem .3125rem;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:1.5625rem;text-align:center}.uni-async-loading .uni-loading{width:.9375rem;height:.9375rem}:root,uni-page-body,.theme-cream{--ui-scale: 1;--title-font: .5625rem;--lyrics-font: .4375rem;--lyrics-current-font: .8125rem;--control-font: .40625rem;--primary-control-font: .4375rem;--inst-font: .53125rem;--panel-button-font: .40625rem;--panel-meta-font: .28125rem;--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 .03125rem 0 #fff inset, 0 -.03125rem 0 rgba(110, 80, 40, .06) inset, 0 .25rem .5625rem -.3125rem rgba(60, 40, 20, .28), 0 .0625rem .125rem -.0625rem 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 .03125rem 0 rgba(255, 255, 255, .95) inset, 0 -.03125rem 0 rgba(110, 80, 40, .12) inset, 0 .09375rem 0 #b09a6a, 0 .15625rem .1875rem -.0625rem rgba(60, 40, 20, .22);--btn-shadow-press: 0 .03125rem 0 rgba(255, 255, 255, .6) inset, 0 .03125rem 0 #b09a6a, 0 .0625rem .125rem rgba(60, 40, 20, .18);--btn-shadow-hot: 0 .03125rem 0 rgba(255, 255, 255, .85) inset, 0 -.03125rem 0 rgba(160, 80, 20, .25) inset, 0 .09375rem 0 var(--accent-3), 0 .1875rem .3125rem -.09375rem rgba(217, 122, 43, .45);--radius: .4375rem;--radius-sm: .3125rem;--radius-xs: .25rem}.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:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.phone-stage{width:100%;height:100%;position:relative;border-radius:0;background:transparent;padding:var(--stage-pad-y) var(--stage-pad-x);box-shadow:none}.phone-stage{--safe-left: .4375rem;--safe-right: .3125rem;--safe-top: .1875rem;--safe-bottom: .1875rem;--stage-pad-x: 0;--stage-pad-y: 0;--app-gap: 0;--kb-divider-size: .0625rem;--kb-released-control-space: .6875rem;--side-panel-width: 24.5%;--panel-gap: .3125rem;--card-pad: .25rem;--display-pad-y: .21875rem;--display-pad-x: .375rem}.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:.5625rem;height:.6875rem;padding:0 .28125rem;border:.03125rem solid rgba(255,255,255,.1);border-radius:31.21875rem;background:rgba(20,24,30,.76);color:#f3d188;font-size:.3125rem;font-weight:700;display:flex;align-items:center;box-shadow:0 .125rem .3125rem -.1875rem rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}.api-status{top:.375rem}.api-status.is-error{color:#ffd4bd}.sound-bank-status{bottom:.375rem;color:#c8c2b3}.sound-bank-status.is-ready{color:#bde5a6}.app{width:100%;height:100%;display:flex;flex-direction:column;padding:.0625rem var(--safe-right) .125rem var(--safe-left);gap:var(--app-gap);position:relative}.member-submit[disabled]{opacity:.65}.entry-page{width:100%;height:100%;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(.5625rem,4vh,1.125rem) clamp(.625rem,5vw,1.75rem);background:radial-gradient(circle at 24% 20%,rgba(255,153,43,.18),transparent 34%),linear-gradient(180deg,#232833,#14181f)}.entry-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:clamp(.5625rem,4vh,1.125rem) clamp(.625rem,5vw,1.75rem);background:radial-gradient(circle at 30% 18%,rgba(255,153,43,.18),transparent 34%),rgba(8,10,13,.72);backdrop-filter:blur(.09375rem)}.entry-dialog{width:min(46.25rem,88vw);min-height:min(17.5rem,72vh);border-radius:.25rem;border:.03125rem solid rgba(243,209,136,.35);background:linear-gradient(180deg,rgba(48,54,62,.96),rgba(22,25,31,.96));box-shadow:0 .03125rem rgba(255,255,255,.12) inset,0 .75rem 2.1875rem rgba(0,0,0,.5);padding:clamp(1.125rem,6vh,2.125rem);display:flex;flex-direction:column;gap:clamp(1rem,5vh,2rem)}.entry-home-dialog{height:min(17.5rem,72vh);max-height:calc(100% - 1.5rem);justify-content:center}.entry-head{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.entry-kicker{color:rgba(243,209,136,.82);font-size:clamp(.625rem,3vh,1rem);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.entry-title{color:#fff7dc;font-size:clamp(1.625rem,8vh,3.25rem);font-weight:900;line-height:1.05}.entry-tabs{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.875rem,4vw,1.75rem);align-items:center}.entry-tab{min-width:0;min-height:min(11.25rem,48vh);height:min(11.25rem,48vh);border-radius:.25rem;border:.03125rem solid rgba(255,255,255,.15);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.11),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:rgba(255,255,255,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.375rem,2vh,.75rem);box-shadow:0 .03125rem rgba(255,255,255,.1) inset,0 .375rem .75rem rgba(0,0,0,.22)}.entry-tab-primary{border-color:rgba(255,157,0,.72);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.2),transparent 34%),linear-gradient(180deg,#ff8c18,#ff6d12);color:#fff}.entry-tab:active{transform:translateY(.0625rem)}.entry-tab-icon{font-size:clamp(1.75rem,8vh,3.5rem);line-height:1;font-weight:900}.entry-tab-main{font-size:clamp(1.1875rem,6vh,2.375rem);line-height:1;font-weight:900;white-space:nowrap}.entry-tab-sub{font-size:clamp(.625rem,2.8vh,1.0625rem);line-height:1;font-weight:800;color:rgba(255,255,255,.62);white-space:nowrap}.member-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:.5625rem;background:rgba(10,12,16,.48)}.member-dialog{width:min(10.3125rem,78vw);border:.03125rem solid rgba(243,209,136,.28);border-radius:.25rem;background:linear-gradient(180deg,rgba(48,58,66,.96),rgba(24,30,36,.96));box-shadow:0 .5625rem 1.25rem -.75rem rgba(0,0,0,.9);padding:.40625rem;display:flex;flex-direction:column;gap:.3125rem}.member-head{display:flex;align-items:center;justify-content:space-between}.member-title{color:#f3d188;font-size:.46875rem;font-weight:900}.member-close{width:.875rem;height:.875rem;min-height:.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);font-size:.5625rem;line-height:1}.member-input{width:100%;height:1.125rem;min-height:1.125rem;padding:0 .3125rem;border-radius:.1875rem;border:.03125rem solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;font-size:.40625rem}.member-product{display:flex;flex-direction:column;gap:.25rem}.member-product-images{width:100%;height:3rem;white-space:nowrap}.member-product-image{display:inline-block;width:4.0625rem;height:3rem;margin-right:.25rem;border-radius:.1875rem;background:rgba(255,255,255,.08)}.member-product-desc{color:rgba(255,255,255,.78);font-size:.375rem;line-height:1.4}.member-product-meta{display:flex;align-items:baseline;gap:.25rem}.member-product-price{color:#f3d188;font-size:.5rem;font-weight:900}.member-product-sales{color:rgba(255,255,255,.52);font-size:.34375rem}.member-audit-note{display:flex;flex-direction:column;gap:.125rem;padding:.3125rem .375rem;border-radius:.1875rem;background:rgba(255,255,255,.08);border:.03125rem dashed rgba(255,255,255,.16);color:rgba(255,255,255,.82);font-size:.34375rem;line-height:1.4}.member-divider{display:flex;align-items:center;gap:.25rem;color:rgba(255,255,255,.52);font-size:.34375rem}.member-divider uni-view{flex:1;height:.03125rem;background:rgba(255,255,255,.13)}.member-error{color:#ffd4bd;font-size:.34375rem;line-height:1.3}.member-submit{display:flex;align-items:center;justify-content:center;height:1.125rem;min-height:1.125rem;border-radius:.1875rem;background:linear-gradient(180deg,var(--hot-1),var(--hot-2));color:#fff;font-size:.40625rem;font-weight:900}.member-activate{background:rgba(255,255,255,.12);color:rgba(255,255,255,.92)}.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:.03125rem 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:.125rem .375rem;border-bottom:.03125rem dashed var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));flex:0 0 auto;min-height:.6875rem}.card-title{font-size:.4375rem;font-weight:700;color:var(--ink);letter-spacing:.08em;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.card-title .tdot{width:.21875rem;height:.21875rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .0625rem var(--accent-soft)}.swipe-hint{margin-left:auto;display:flex;align-items:center;justify-content:center;opacity:.78}.swipe-hint.is-guiding{gap:.15625rem;opacity:1;animation:swipe-hint-pulse 1.1s ease-in-out infinite}.swipe-hint-text{font-size:.3125rem;font-weight:800;color:var(--ink-2);letter-spacing:.04em;white-space:nowrap}.swipe-hint-icon{width:1.0625rem;height:.375rem}@keyframes swipe-hint-pulse{0%{transform:translate(0)}35%{transform:translate(-.09375rem)}70%{transform:translate(0)}}.panel-head-btn{flex:0 0 auto;min-width:0;min-height:.6875rem;padding:0 .3125rem;border-radius:31.21875rem;border:.03125rem solid rgba(138,91,31,.34);background:linear-gradient(180deg,rgba(255,248,232,.98),rgba(245,221,170,.96));color:#7a4d15;font-size:.3125rem;font-weight:800;line-height:1;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;box-shadow:0 .03125rem rgba(255,255,255,.88) inset,0 .0625rem .1875rem rgba(138,91,31,.16)}.panel-head-btn uni-text{display:block;white-space:nowrap}.panel-home-btn{padding:0 .25rem;margin-left:.25rem}.panel-home-icon{font-size:.46875rem;line-height:1;font-weight:900}.support-icon{flex:0 0 auto;width:.375rem;height:.375rem;display:block;opacity:.96}.panel-head-btn:active{transform:translateY(.03125rem)}.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(2.125rem,1fr));grid-auto-rows:minmax(0,1fr);gap:.25rem;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:.625rem;margin-top:.21875rem;padding:0 .25rem;border-radius:var(--radius-sm);border:.03125rem solid rgba(80,58,28,.18);background:rgba(255,255,255,.42);color:var(--ink-2);font-size:.3125rem;font-weight:800;line-height:1;letter-spacing:.02em;text-align:center;box-shadow:0 .03125rem 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:.03125rem 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 .03125rem rgba(255,255,255,.95) inset,0 -.0625rem rgba(140,100,40,.12) inset,0 .09375rem 0 var(--btn-edge-c),0 .15625rem .1875rem -.0625rem 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 .3125rem;width:100%;min-height:0;min-width:0}.inst-cell:active,.rhythm-pill:active,.fill-pill:active,.rhythm-cell:active{transform:translateY(.09375rem);box-shadow:0 .03125rem rgba(255,255,255,.7) inset,0 .03125rem 0 var(--btn-edge-c),0 .0625rem .125rem 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 .03125rem rgba(255,255,255,.8) inset,0 -.0625rem rgba(160,80,20,.25) inset,0 .09375rem 0 var(--hot-edge-c),0 .1875rem .3125rem -.09375rem rgba(217,122,43,.5)}.inst-name{font-size:var(--inst-font);font-weight:700;color:inherit;white-space:nowrap;overflow:hidden;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:.03125rem solid #0e161c;border-radius:var(--radius);flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.09375rem;position:relative;padding:var(--display-pad-y) var(--display-pad-x);color:var(--display-ink);box-shadow:0 0 0 .0625rem #c8b58e inset,0 0 0 .09375rem #0e161c inset,0 0 .75rem rgba(243,209,136,.06) inset,0 .25rem .4375rem -.1875rem rgba(0,0,0,.25);overflow:hidden}.display:before{content:"";position:absolute;top:.09375rem;right:.09375rem;bottom:.09375rem;left:.09375rem;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 .03125rem,transparent .03125rem .09375rem);pointer-events:none;border-radius:.34375rem}.display-as-card{width:100%;height:100%}.app.display-expanded .display{border-radius:calc(var(--radius) + .0625rem);overflow:visible}.app.kb-hidden.display-expanded .display{border-radius:0}.app.kb-hidden.display-expanded .np-title{font-size:clamp(.8125rem,5.2vh,1.4375rem)}.app.kb-hidden.display-expanded .lyrics-line{font-size:clamp(.625rem,3.8vh,1.125rem)}.app.kb-hidden.display-expanded .lyrics-line.lyrics-cur{font-size:clamp(1.625rem,13vh,3.5rem)}.app.kb-hidden.display-expanded .transport-btn{height:clamp(1.3125rem,8.5vh,2.25rem);font-size:clamp(.53125rem,3.4vh,.9375rem)}.app.kb-hidden.display-expanded .transport-btn.primary{height:clamp(1.5rem,9.5vh,2.5625rem);font-size:clamp(.59375rem,3.9vh,1.0625rem)}.app.display-expanded .display-top{padding-right:0}.app.display-expanded .np-title{font-size:clamp(.75rem,5.4vh,1.5rem)}.app.display-expanded .display-search-wrap{flex-basis:3.375rem;margin-left:auto;transform:translate(.21875rem)}.app.display-expanded .search{gap:.15625rem;padding:0 .15625rem 0 .21875rem;height:.9375rem;border-radius:.21875rem}.app.display-expanded .search uni-input{font-size:.5rem}.app.display-expanded .search-trigger-text{font-size:.5rem}.app.display-expanded .search-icon{width:.625rem;height:.625rem}.app.display-expanded .search-clear{font-size:.5rem}.app.display-expanded .song-picker{width:min(24.375rem,82vw);height:min(22.5rem,100vh - .75rem);max-height:calc(100vh - .75rem);gap:.3125rem;padding:.375rem}.app.display-expanded .song-picker-search{height:clamp(1.25rem,6.4vh,1.625rem)}.app.display-expanded .song-picker-search uni-input{font-size:clamp(.4375rem,2.4vh,.5625rem)}.app.display-expanded .song-picker-item{min-height:clamp(1.5rem,7.2vh,1.9375rem);padding:clamp(.28125rem,1.5vh,.40625rem) clamp(.4375rem,2.4vw,.625rem)}.app.display-expanded .song-picker-name{font-size:clamp(.46875rem,2.6vh,.625rem)}.app.display-expanded .song-picker-meta,.app.display-expanded .song-page-info,.app.display-expanded .song-picker-empty{font-size:clamp(.375rem,2vh,.46875rem)}.app.display-expanded .song-picker-pager{padding-top:0}.app.display-expanded .song-page-info{min-width:5rem;height:.9375rem}.app.display-expanded .lyrics{gap:clamp(.09375rem,.8vh,.3125rem)}.app.display-expanded .lyrics-line{font-size:clamp(.5rem,3vh,.9375rem);line-height:1.32}.app.display-expanded .lyrics-line.lyrics-cur{font-size:clamp(1.125rem,9vh,2.5625rem);line-height:1.45;padding:clamp(.0625rem,.8vh,.3125rem) 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(.1875rem,1.4vh,.4375rem);margin-top:0;gap:clamp(.25rem,1.4vw,.5625rem);padding-top:0;padding-right:0;padding-bottom:clamp(.125rem,.8vh,.3125rem)}.app.display-expanded .transport-btn{height:clamp(.9375rem,5.8vh,1.5rem);padding:0 clamp(.4375rem,2.6vw,.875rem);font-size:clamp(.40625rem,2.4vh,.625rem)}.app.display-expanded .transport-btn.primary{height:clamp(1.0625rem,6.6vh,1.75rem);padding:0 clamp(.5rem,3vw,1.0625rem);font-size:clamp(.4375rem,2.6vh,.75rem)}.app.display-expanded .display-expand-btn{width:clamp(1.5rem,10vh,2.3125rem);height:clamp(.9375rem,6.5vh,1.5rem);border-radius:.25rem}.app.display-expanded .display-expand-text{font-size:clamp(.46875rem,3vh,.75rem)}.app.display-expanded .display-meter{font-size:clamp(.40625rem,2.4vh,.625rem)}.app.display-expanded .score-cell-lyric{flex-basis:clamp(1rem,6.4vh,1.875rem);min-height:clamp(1rem,6.4vh,1.875rem);font-size:clamp(.6875rem,4.9vh,1.375rem)}.app.display-expanded .score-phrase{gap:clamp(.125rem,1vh,.3125rem);padding:0 .1875rem;justify-content:center}.app.display-expanded .score-phrase-host{position:absolute;top:clamp(.0625rem,.6vh,.25rem);right:0;bottom:0;left:0;z-index:1;padding:clamp(1.75rem,11.8vh,3.25rem) .25rem clamp(.75rem,5.2vh,1.5rem)}.app.display-expanded .score-items-row{padding:clamp(.375rem,2.4vh,.6875rem) clamp(.0625rem,.6vw,.1875rem) clamp(.1875rem,1.2vh,.375rem);min-height:clamp(2rem,12vh,3.5rem)}.app.display-expanded .score-items-row-next{left:13%;right:13%;bottom:clamp(-1.0625rem,-4vh,-.375rem)}.app.display-expanded .score-items-row-next .score-cell{min-height:clamp(.75rem,4.8vh,1.4375rem)}.app.display-expanded .score-items-row-next .score-symbol{flex-basis:clamp(.4375rem,3vh,.875rem);min-height:clamp(.4375rem,3vh,.875rem)}.app.display-expanded .score-items-row-next .note-num{font-size:clamp(.3125rem,2.1vh,.625rem)}.app.display-expanded .score-items-row-next .score-cell-lyric{flex-basis:clamp(.21875rem,1.4vh,.375rem);min-height:clamp(.21875rem,1.4vh,.375rem);font-size:clamp(.1875rem,1.2vh,.34375rem)}.app.display-expanded .score-cell{min-height:clamp(1.875rem,11.8vh,3.25rem);gap:clamp(.09375rem,.7vh,.21875rem)}.app.display-expanded .score-symbol{flex-basis:clamp(1.25rem,8.4vh,2.3125rem);min-height:clamp(1.25rem,8.4vh,2.3125rem);gap:clamp(.125rem,.8vh,.25rem)}.app.display-expanded .score-items-row-current .note-num{font-size:clamp(.875rem,6.8vh,1.9375rem)}.app.display-expanded .score-items-row-current .grace-note{top:clamp(-.09375rem,-.5vh,0);transform:translate(-165%,-52%) scale(.48)}.display-top{display:flex;align-items:stretch;gap:.3125rem;flex:0 0 auto;position:relative;z-index:2;min-height:.9375rem}.display-song{position:absolute;left:50%;top:50%;width:min(56%,11.875rem);max-width:10.3125rem;min-width:0;display:grid;grid-template-columns:minmax(0,auto) auto;justify-content:center;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;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 .3125rem 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 2.875rem;margin-left:auto;position:relative;display:flex;align-items:center;justify-content:flex-end}.search{width:100%;display:flex;align-items:center;gap:.125rem;padding:0 .15625rem 0 .21875rem;background:rgba(255,255,255,.04);border:.03125rem solid var(--display-line);border-radius:.1875rem;color:var(--display-dim);height:.75rem}.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:.4375rem;height:.4375rem;display:block}.search-clear{color:var(--display-dim);font-size:.375rem;padding:0 .0625rem}.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(.3125rem,3vh,.5625rem) clamp(.4375rem,4vw,.8125rem);background:rgba(8,12,16,.62);backdrop-filter:blur(.0625rem)}.song-picker{width:min(19.375rem,94%);height:min(21.25rem,100vh - .75rem);max-height:calc(100vh - .75rem);border:.03125rem solid rgba(243,209,136,.48);border-radius:.3125rem;background:linear-gradient(180deg,#2a3742,#1d2730);box-shadow:0 .03125rem rgba(255,255,255,.08) inset,0 .5625rem 1.0625rem -.3125rem rgba(0,0,0,.72);display:flex;flex-direction:column;gap:.3125rem;padding:.375rem;color:var(--display-ink)}.song-picker-head{display:flex;align-items:center;gap:.25rem;flex:0 0 auto}.song-picker-search{flex:1 1 auto;min-width:0;height:1.25rem;display:flex;align-items:center;gap:.25rem;padding:0 .375rem;border:.03125rem solid var(--display-line);border-radius:.21875rem;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:1.25rem;height:1.25rem;min-height:1.25rem;display:flex;align-items:center;justify-content:center;border:.03125rem solid var(--display-line);border-radius:.21875rem;background:rgba(255,255,255,.05);color:var(--display-dim);font-size:.5625rem;font-weight:800}.song-picker-list{flex:1 1 auto;min-height:0;overflow-y:auto}.song-picker-item{min-height:1.5625rem;display:flex;align-items:center;justify-content:space-between;gap:.4375rem;padding:.3125rem .4375rem;border:.03125rem solid rgba(243,209,136,.14);border-radius:.21875rem;background:rgba(255,255,255,.035);color:var(--display-ink);font-size:var(--control-font);text-align:left;letter-spacing:.04em;margin-bottom:.15625rem}.song-picker-item.is-active{background:rgba(243,209,136,.2);border-color:rgba(243,209,136,.44);color:#fff5d4}.song-picker-item.is-locked{border-color:rgba(232,155,83,.24)}.song-picker-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.song-picker-side{flex:0 0 auto;display:flex;align-items:center;gap:.21875rem;min-width:0}.song-picker-access{flex:0 0 auto;min-width:1.0625rem;height:.5625rem;padding:0 .1875rem;border-radius:31.21875rem;border:.03125rem solid rgba(232,155,83,.42);background:rgba(232,155,83,.14);color:#ffd4bd;display:flex;align-items:center;justify-content:center;font-size:.3125rem;font-weight:900;line-height:1;white-space:nowrap}.song-picker-access.is-free{border-color:rgba(189,229,166,.34);background:rgba(189,229,166,.12);color:#bde5a6}.song-picker-meta{flex:0 0 auto;font-size:.375rem;color:var(--display-dim);white-space:nowrap}.song-picker-empty{flex:1 1 auto;min-height:3.75rem;display:flex;align-items:center;justify-content:center;font-size:.375rem;color:var(--display-dim);text-align:center;letter-spacing:.1em}.song-picker-load-more{height:1.0625rem;display:flex;align-items:center;justify-content:center;color:var(--display-dim);font-size:.375rem;font-weight:700;letter-spacing:.08em}.song-picker-pager{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding-top:.125rem}.song-page-info{min-width:4.6875rem;height:.9375rem;display:flex;align-items:center;justify-content:center;border:.03125rem solid rgba(243,209,136,.14);border-radius:31.21875rem;background:rgba(8,12,16,.32);color:var(--display-dim);font-size:.40625rem;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:.3125rem;height:.3125rem;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:.0625rem;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;top:50%;transform:translateY(-50%);font-size:.3125rem;letter-spacing:.25em;color:var(--display-dim);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.hint-prev{left:.0625rem}.hint-next{right:.0625rem}.seek-hint.is-on{opacity:.95;color:var(--display-ink);text-shadow:0 0 .3125rem 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 .5rem rgba(243,209,136,.55);font-weight:700;line-height:1.58;letter-spacing:.08em;padding:.03125rem 0 .09375rem}.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 .3125rem rgba(243,209,136,.28)}.lyric-token.is-active{color:#fff8d8;transform:translateY(0) scale(1.04);text-shadow:0 0 .25rem rgba(255,248,216,.72),0 0 .5625rem 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(0,.7vh,.25rem);z-index:2;touch-action:none;padding:0 .25rem;overflow:visible}.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(.3125rem,2vh,.625rem) clamp(.0625rem,.8vw,.3125rem);min-height:clamp(2.625rem,18vh,4.9375rem)}.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:.25rem;right:.25rem;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(.0625rem,.8vh,.25rem);z-index:1;width:auto;min-height:clamp(.75rem,4.3vh,1.25rem);margin-top:0;padding-top:clamp(.0625rem,.5vh,.15625rem);padding-bottom:clamp(.03125rem,.3vh,.125rem);color:rgba(243,209,136,.42);opacity:.72;filter:blur(.00375rem);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(.9375rem,6vh,1.8125rem);color:rgba(243,209,136,.44);text-shadow:none}.score-items-row-next .score-cell.is-bar{width:clamp(.125rem,.7vw,.3125rem);min-width:clamp(.125rem,.7vw,.3125rem)}.score-items-row-next .score-cell.is-extension{min-width:clamp(.1875rem,1.3vh,.375rem)}.score-items-row-next .score-symbol{flex-basis:clamp(.5rem,3.5vh,1rem);min-height:clamp(.5rem,3.5vh,1rem)}.score-items-row-next .note-num{font-size:clamp(.34375rem,2.4vh,.6875rem);font-weight:800}.score-items-row-next .score-cell-lyric{flex-basis:clamp(.25rem,1.7vh,.4375rem);min-height:clamp(.25rem,1.7vh,.4375rem);font-size:clamp(.21875rem,1.4vh,.40625rem);color:rgba(226,236,220,.4)}.score-items-row-next .score-bar{top:-.0625rem;height:clamp(.4375rem,3.4vh,.875rem)}.score-items-row-next .note-dot{font-size:clamp(.15625rem,1vh,.25rem)}.score-items-row-next .underline-stack{top:calc(100% + 0);height:.09375rem;gap:.03125rem}.score-items-row-next .note-underline,.score-items-row-next .fulldot-inner{height:.03125rem}.score-items-row-next .grace-note,.score-items-row-next .curve-mark{opacity:.78}@keyframes score-current-scroll-in{0%{opacity:.34;filter:blur(.09375rem);transform:translate(clamp(1.4375rem,10vw,3.4375rem)) scale(.94)}48%{opacity:.82;filter:blur(.02813rem);transform:translate(clamp(.25rem,1.6vw,.5625rem)) scale(1)}to{opacity:1;filter:blur(0);transform:translate(0) scale(1)}}@keyframes score-current-scroll-out{0%{opacity:1;filter:blur(0);transform:translateY(-68%) scale(1)}to{opacity:0;filter:blur(.07813rem);transform:translate(calc(-1*clamp(1.875rem,14vw,4.6875rem))) translateY(-68%) scale(.96)}}@keyframes score-next-scroll-in{0%{opacity:.08;filter:blur(.05625rem);transform:translate(clamp(1.0625rem,8vw,2.6875rem)) scale(.72)}to{opacity:.72;filter:blur(.00375rem);transform:translate(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(2.4375rem,17vh,4.625rem);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(.25rem,1.6vw,.625rem)}.score-symbol{position:relative;flex:0 0 clamp(1.3125rem,10vh,2.75rem);min-height:clamp(1.3125rem,10vh,2.75rem);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(.625rem,4.6vw,1.625rem);height:clamp(1.5625rem,11.5vh,3.1875rem);border-radius:.25rem;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 .5rem rgba(243,209,136,.8)}.score-cell.is-active:before{background:rgba(243,209,136,.18);box-shadow:0 0 .625rem rgba(243,209,136,.32)}.score-cell.is-rest-cell.is-active:before{background:rgba(126,218,176,.2);box-shadow:0 0 .6875rem rgba(126,218,176,.38)}.score-cell.is-rest-cell.is-active .note-num{color:#d9ffe8;text-shadow:0 0 .3125rem rgba(126,218,176,.78),0 0 .625rem rgba(126,218,176,.44)}.score-cell.is-bar{width:clamp(.21875rem,1vw,.46875rem);min-width:clamp(.21875rem,1vw,.46875rem);min-height:clamp(2.4375rem,17vh,4.625rem);justify-content:center;padding-top:0;padding-bottom:clamp(.5rem,3.8vh,1rem)}.score-cell.is-bar:before{content:none}.score-cell.is-extension{min-width:clamp(.34375rem,2vh,.625rem)}.score-cell.is-extension:before{content:none}.score-bar{position:relative;width:.0625rem;top:-.3125rem;height:clamp(.90625rem,6.5vh,1.75rem);background:rgba(243,209,136,.74);border-radius:31.21875rem}.app:not(.display-expanded) .score-bar{top:-.125rem}.score-bar.bar-double,.score-bar.bar-end,.score-bar.bar-repeat-left,.score-bar.bar-repeat-right{box-shadow:.15625rem 0 rgba(243,209,136,.62)}.score-bar.bar-end{width:.09375rem;box-shadow:-.15625rem 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(.5rem,3vh,.875rem);transform:translateY(-50%)}.score-bar.bar-repeat-left:before{right:-.375rem}.score-bar.bar-repeat-right:before{left:-.375rem}.note-core{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.note-num{position:relative;font-size:clamp(.75rem,5.8vh,1.6875rem);font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;line-height:1}.score-items-row-current .score-cell{gap:clamp(.25rem,1.6vh,.4375rem)}.grace-note{position:absolute;left:50%;top:clamp(.09375rem,.9vh,.28125rem);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:-.0625rem;height:.03125rem;background:currentColor;box-shadow:0 .09375rem 0 currentColor}.curve-mark{position:absolute;left:50%;width:var(--curve-width, clamp(.8125rem, 4.4vw, 1.8125rem));max-width:calc(100vw - .625rem);height:clamp(.375rem,2.2vh,.6875rem);border-top:.0625rem solid currentColor;border-radius:50% 50% 0 0;transform:translate(clamp(.125rem,.9vh,.25rem));opacity:.72;pointer-events:none}.slur-line{top:clamp(-.09375rem,-.4vh,0)}.tie-line{top:calc(clamp(-.09375rem,-.4vh,0) - .21875rem)}.dot-row{position:absolute;left:0;right:0;z-index:1;height:clamp(.375rem,2.5vh,.625rem);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;overflow:visible}.chord-label{position:absolute;bottom:calc(100% + .1875rem);left:50%;width:-moz-max-content;width:max-content;white-space:nowrap;transform:translate(-50%);font-size:clamp(.4375rem,3.2vh,.75rem);font-weight:900;line-height:1;letter-spacing:.02em;color:#c44;pointer-events:none}.top-dots{bottom:calc(100% + .03125rem)}.bottom-dots{top:calc(100% + .0625rem + var(--row-underline-count, 0) * .09375rem)}.note-dot{font-size:clamp(.625rem,4.4vh,1.0625rem);font-weight:900;line-height:.52;text-shadow:0 0 .03125rem currentColor}.underline-stack{position:absolute;top:calc(100% + .03125rem);left:0;right:0;z-index:1;--underline-half: calc(50% - .0625rem) ;height:.125rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.0625rem;margin-top:.03125rem;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:.0625rem;min-height:.0625rem;border-radius:var(--line-radius-left, 31.21875rem) var(--line-radius-right, 31.21875rem) var(--line-radius-right, 31.21875rem) var(--line-radius-left, 31.21875rem);background:currentColor;align-self:stretch}.extension-symbol{align-items:stretch}.fulldot{height:100%;min-height:clamp(1.3125rem,10vh,2.75rem);width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.fulldot-inner{display:block;width:clamp(.3125rem,2.2vh,.5625rem);height:.0625rem;min-height:.03125rem;border-radius:31.21875rem;background:currentColor}.score-cell-lyric{flex:0 0 clamp(.8125rem,5.2vh,1.5rem);min-height:clamp(.8125rem,5.2vh,1.5rem);max-width:none;display:flex;align-items:flex-start;justify-content:center;color:rgba(226,236,220,.56);font-size:clamp(.5625rem,4.1vh,1.0625rem);font-weight:700;line-height:1.2;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 .5rem 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 .5rem rgba(243,209,136,.68)}.display-foot{display:flex;align-items:center;justify-content:center;gap:.25rem;flex:0 0 auto;padding-top:.0625rem;padding-right:0;position:relative;z-index:2}.display-expand-btn{position:absolute;left:.25rem;top:.21875rem;z-index:5;width:1.5625rem;height:.875rem;border-radius:.1875rem;border:.03125rem solid rgba(243,209,136,.48);background:rgba(10,16,22,.52);box-shadow:0 .03125rem rgba(255,255,255,.12) inset,0 .125rem .3125rem -.15625rem rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.display-expand-text{color:var(--display-ink);font-size:.40625rem;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap}.display-expand-btn:active{transform:translateY(.03125rem);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:.34375rem;font-weight:800;letter-spacing:.02em;line-height:1;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-shadow:0 0 .25rem rgba(243,209,136,.36);box-shadow:none;pointer-events:none}.transport-btn{display:flex;align-items:center;justify-content:center;gap:.21875rem;padding:.125rem .375rem;border-radius:31.21875rem;border:.03125rem solid #1a2530;background:linear-gradient(180deg,#3e4d5b,#1a2530);color:var(--display-ink);font-size:var(--control-font);font-weight:600;letter-spacing:.06em;height:.96875rem;box-shadow:0 .03125rem rgba(255,255,255,.12) inset,0 -.0625rem .125rem rgba(0,0,0,.4) inset,0 .09375rem #050a0e,0 .15625rem .25rem -.0625rem rgba(0,0,0,.4)}.transport-btn.primary{background:linear-gradient(180deg,#e89b53,#c4711e 60%,#8a4a0c);border-color:#6b3608;color:#fff;padding:.125rem .5rem;height:1.0625rem;font-size:var(--primary-control-font);box-shadow:0 .03125rem rgba(255,255,255,.4) inset,0 -.0625rem .125rem rgba(80,30,0,.4) inset,0 .125rem #5a2c05,0 0 .5625rem rgba(217,122,43,.45),0 .1875rem .3125rem -.0625rem rgba(80,30,0,.5)}.transport-btn.mute-btn{padding-left:.3125rem;padding-right:.3125rem}.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:.25rem;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:.125rem .25rem .15625rem;display:flex;align-items:stretch;min-height:0}.rhythm-strip,.fills-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(1.9375rem,1fr));grid-auto-rows:minmax(.875rem,1fr);gap:.125rem;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:.875rem;padding:.09375rem .1875rem;border-radius:31.21875rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem;white-space:nowrap}.r-line{max-width:100%;min-width:0;font-size:calc(var(--panel-button-font) - .03125rem);font-weight:700;line-height:1.05;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:center}.rhythm-line,.fill-line{display:inline-flex;align-items:center;justify-content:center;min-width:0;gap:0}.rhythm-line .name,.fill-line .name{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}.rhythm-line .sig,.fill-line .sig{flex:0 0 auto;white-space:nowrap}.rhythm-line .sep,.fill-line .sep{flex:0 0 auto;margin:0 .03125rem}.rhythm-line .sep{margin:0}.rhythm-pill.load-more,.fill-pill.load-more{background:repeating-linear-gradient(135deg,var(--btn-1) 0 .1875rem,var(--btn-2) .1875rem .375rem)}.page-dots{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:.15625rem;height:.375rem}.page-dot{width:.1875rem;height:.1875rem;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:.03125rem solid var(--accent-line);border-radius:var(--radius);box-shadow:0 .5rem 1.25rem -.25rem rgba(40,25,5,.4),0 .0625rem #fff inset,var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.rhythm-popover-head{display:flex;align-items:center;gap:.25rem;padding:.25rem .375rem .1875rem;border-bottom:.03125rem 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:.1875rem .21875rem .21875rem}.popover-close{width:.8125rem;height:.8125rem;border-radius:.1875rem;border:.03125rem solid var(--btn-border-c);background:var(--btn-bg);color:var(--ink-2);font-size:.40625rem;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:.1875rem;padding:.25rem;overflow-y:auto}.rhythm-cell{border-radius:var(--radius-sm);padding:.1875rem .25rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.1875rem;min-height:0}.kb-controls{flex:0 0 var(--kb-divider-size);display:flex;align-items:center;justify-content:center;gap:.21875rem;padding:0;position:relative;z-index:30}.kb-control-hidden{display:none!important}.kb-handle{position:absolute;left:50%;top:50%;width:2.875rem;height:.625rem;min-height:.625rem;padding:0;border:.03125rem solid rgba(243,209,136,.42);border-radius:31.21875rem;background:linear-gradient(180deg,rgba(62,77,91,.92),rgba(26,37,48,.92));box-shadow:0 .03125rem rgba(255,255,255,.12) inset,0 .0625rem .15625rem -.09375rem 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:1.625rem;height:.0625rem;border-radius:31.21875rem;background:rgba(243,209,136,.9);box-shadow:0 -.15625rem rgba(243,209,136,.58),0 .15625rem rgba(243,209,136,.58)}.kb-toggle{flex:0 0 auto;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.15625rem;background:linear-gradient(180deg,var(--btn-1) 0%,var(--btn-3) 100%);border:.03125rem solid var(--btn-border-c);border-radius:31.21875rem;color:var(--ink-2);font-size:.3125rem;line-height:1;letter-spacing:.08em;box-shadow:0 .03125rem #fff inset,0 -.03125rem rgba(120,90,40,.1) inset,0 .0625rem 0 var(--btn-edge-c),0 .09375rem .125rem -.03125rem rgba(60,40,15,.2);align-self:center;padding:0 .3125rem;height:.5625rem;min-height:.5625rem}.toggle-chevron{display:flex;align-items:center;justify-content:center;width:.3125rem;height:.3125rem;position:relative;line-height:1;transition:transform .25s}.toggle-chevron:before{content:"";width:.1875rem;height:.1875rem;border-right:.0625rem solid currentColor;border-bottom:.0625rem solid currentColor;transform:translateY(-.03125rem) rotate(45deg)}.toggle-chevron.is-open{transform:rotate(180deg)}.label-toggle{flex:0 0 auto;min-width:1.3125rem;height:.5625rem;min-height:.5625rem;padding:0 .25rem;border-radius:31.21875rem;border:.03125rem solid var(--btn-border-c);background:linear-gradient(180deg,var(--btn-1),var(--btn-3));color:var(--ink-2);font-size:.3125rem;font-weight:700;line-height:1;box-shadow:0 .03125rem #fff inset,0 .0625rem 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:.5625rem;min-height:.5625rem;padding:0 .3125rem;border-radius:31.21875rem;border:.03125rem solid var(--accent);background:linear-gradient(180deg,var(--hot-1),var(--hot-2));color:#fff;font-size:.3125rem;font-weight:700;line-height:1;box-shadow:0 .03125rem rgba(255,255,255,.3) inset,0 .0625rem 0 var(--accent-3)}.user-chip{flex:0 0 auto;height:.5625rem;min-height:.5625rem;padding:0 .25rem;border-radius:31.21875rem;border:.03125rem solid var(--border-soft);background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:.15625rem;font-size:.3125rem;color:var(--ink)}.usr-name{line-height:1;max-width:1.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usr-badge{line-height:1;font-size:.28125rem;font-weight:700;color:#fff;background:var(--accent);padding:.03125rem .15625rem;border-radius:31.21875rem}.range-chip{flex:0 0 auto;height:.5625rem;min-height:.5625rem;padding:0 .28125rem;border-radius:31.21875rem;border:.03125rem solid rgba(80,58,28,.22);background:rgba(255,255,255,.38);color:var(--ink-2);font-size:.3125rem;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;box-shadow:0 .03125rem 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:.125rem;height:.5625rem;min-height:.5625rem;padding:0 .15625rem;border-radius:31.21875rem;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:.03125rem solid var(--card-border);box-shadow:0 .03125rem #fff inset,0 .0625rem .125rem -.03125rem rgba(0,0,0,.18)}.theme-swatch{width:.375rem;height:.375rem;border-radius:50%;border:.04688rem solid #fff;box-shadow:0 0 0 .03125rem var(--btn-border-c),0 .03125rem .0625rem rgba(0,0,0,.18);position:relative;transition:transform .12s}.theme-swatch.is-current{transform:scale(1.12);box-shadow:0 0 0 .0625rem var(--accent),0 0 0 .01563rem #fff,0 .0625rem .15625rem 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:.125rem}.keyboard{flex:1 1 auto;height:100%;position:relative;background:linear-gradient(180deg,#2a2118,#181109 18%,#0a0704);border-radius:.3125rem;padding:.375rem .25rem .25rem;border:.03125rem solid #050302;box-shadow:0 .03125rem #4b3a23 inset,0 -.0625rem rgba(0,0,0,.3) inset,0 .125rem #050302,0 .25rem .5625rem -.1875rem rgba(0,0,0,.5);min-height:0}.keyboard:before{content:"";position:absolute;left:.25rem;right:.25rem;top:.1875rem;height:.0625rem;background:linear-gradient(90deg,#d72d2d,#e94d3d,#d72d2d);box-shadow:0 0 .25rem rgba(231,52,52,.6);border-radius:.03125rem}.keys{position:relative;display:flex;gap:.0625rem;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:.03125rem solid #b9a87f;border-top:.03125rem solid #c8b78d;border-radius:0 0 .1875rem .1875rem;position:relative;box-shadow:0 .03125rem rgba(255,255,255,.9) inset,-.03125rem 0 rgba(0,0,0,.04) inset,.03125rem 0 rgba(0,0,0,.04) inset,0 .15625rem #b09a6a,0 .25rem .375rem -.125rem rgba(40,30,10,.45);display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem;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 .03125rem rgba(0,0,0,.06) inset,0 .03125rem #b09a6a,0 .0625rem .125rem rgba(40,30,10,.25);transform:translateY(.0625rem)}.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 .1875rem .1875rem;opacity:1}.key.white .solfege{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.03125rem;color:#b8985c;line-height:1;min-width:0}.solfege-num-row{display:flex;flex-direction:column;align-items:center}.solfege-num{font-size:.65625rem;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:.375rem;font-weight:900;line-height:1;margin-top:-.09375rem}.solfege-name{font-size:.4375rem;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:.03125rem solid #000;border-radius:0 0 .125rem .125rem;z-index:2;box-shadow:0 .03125rem rgba(255,255,255,.18) inset,0 -.09375rem #050302 inset,0 .125rem #050302,0 .21875rem .25rem -.09375rem rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;padding-bottom:.1875rem;transition:box-shadow .04s,transform .06s}.key.black.is-down,.key.black:active{box-shadow:0 .03125rem rgba(255,255,255,.1) inset,0 .03125rem #050302,0 .0625rem .09375rem rgba(0,0,0,.5);transform:translateY(.0625rem)}.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 .125rem .125rem;opacity:1}.key.black .bk-mark{color:#d8bf82;font-family:ui-monospace,monospace;font-weight:800;text-shadow:0 0 .15625rem rgba(243,209,136,.28);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.03125rem;line-height:1}.key.black .bk-num{font-size:.375rem}.key.black .bk-name{font-size:.28125rem;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:.625rem;color:#f1e7d0;text-align:center;padding:1rem}.rotate-hint .icon{width:2.6875rem;height:2.6875rem;border:.0625rem solid #f1e7d0;border-radius:.375rem;position:relative;animation:rotate-bob 1.8s ease-in-out infinite}.rotate-hint .icon:before{content:"";position:absolute;bottom:.1875rem;left:50%;transform:translate(-50%);width:.875rem;height:.09375rem;background:#f1e7d0;border-radius:.0625rem}.hint-title{font-size:.6875rem;font-weight:700;letter-spacing:.1em}.hint-desc{font-size:.4375rem;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: .53125rem;--lyrics-font: .40625rem;--lyrics-current-font: .75rem;--control-font: .375rem;--primary-control-font: .40625rem;--inst-font: .46875rem;--panel-button-font: .375rem;--panel-meta-font: .26563rem}}@media (orientation: landscape) and (max-height: 520px){.phone-stage{--ui-scale: .78;--title-font: .5rem;--lyrics-font: .34375rem;--lyrics-current-font: .625rem;--control-font: .32813rem;--primary-control-font: .34375rem;--inst-font: .40625rem;--panel-button-font: .32813rem;--panel-meta-font: .25rem}.display-foot{gap:.15625rem}}@media (orientation: landscape) and (max-height: 380px){.phone-stage{--ui-scale: .7;--title-font: .4375rem;--lyrics-font: .3125rem;--lyrics-current-font: .5625rem;--control-font: .29688rem;--primary-control-font: .3125rem;--inst-font: .375rem;--panel-button-font: .29688rem;--panel-meta-font: .23438rem}.top{flex-basis:44%}.transport-btn{gap:.125rem;padding-left:.25rem;padding-right:.25rem}}