@font-face{font-family:ShilvSerif;src:url(./shilv-serif-kCq9_bSY.woff2)format("woff2");font-weight:700 900;font-display:swap}:root{--night:#120d20;--lead:#17111f;--lead-hi:#8c78aa8c;--stone:#2a2433;--stone2:#3a3245;--ink:#f3e9d8;--muted:#b4abcc;--moon:#fff1b8;--gold:#ffd36b;--amber:#f0a830;--ruby:#c22a4a;--rose:#e8607e;--teal:#2fb3a8;--violet:#6a3fb0;--blue:#2a4fb8;--green:#2f9a5c;--white:#f4f6ff;--serif:"ShilvSerif","Noto Serif SC","Noto Serif CJK SC","Songti SC","STSong",serif;--sans:"PingFang SC","Noto Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--pad:clamp(55px, 14.4vmin, 74px);--glass:radial-gradient(120% 140% at 30% 20%, #ffffff29, #fff0 55%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--m-paper:#fffaf0;--m-paper2:#f6eedd;--m-sky:#e3f1fb;--m-sky2:#cfe6f7;--m-ink:#2b1f3a;--m-muted:#6c6185;--m-lead:#4a3463;--m-line:#4a34632e;--m-gold:#c98a12;--m-gold-hi:#ffd36b;--m-gold-lo:#f0b43c;--m-rose:#d6466a;--m-teal:#17907f;--c-mozart:#2f8fc0;--c-bach:#c98a12;--c-beethoven:#c23a55;--c-chopin:#8a5fd6;--c-east:#d63a2f;--c-other:#1f8f62;--c-mine:#6a3fb0;--m-staff:repeating-linear-gradient(180deg, transparent 0 13px, #4a34631a 13px 14px, transparent 14px 15px)}html.lang-en{--serif:Georgia,"Times New Roman","ShilvSerif","Noto Serif SC","Noto Serif CJK SC","Songti SC",serif;--sans:"Helvetica Neue",Arial,"PingFang SC","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}html.lang-en .card h1{letter-spacing:1px}[hidden]{display:none!important}html{box-sizing:border-box;height:100%}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--night);width:100%;height:100%;color:var(--ink);font-family:var(--sans);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));box-sizing:border-box;margin:0;padding-block:0;position:fixed;inset:0;overflow:hidden}button{touch-action:manipulation}#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative;overflow:hidden}#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game .card,#game .card *{-webkit-user-select:text;user-select:text}#game .card button,#game .card button *{-webkit-user-select:none;user-select:none}#cv{width:100%;height:100%;display:block;position:absolute;inset:0}#bar{border-top:3px solid var(--lead);height:44px;box-shadow:inset 0 1px 0 var(--lead-hi);box-sizing:border-box;padding:0 10px;padding-bottom:env(safe-area-inset-bottom,0px);color:var(--muted);background:linear-gradient(#2a2433,#1f1a28);align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.leg{flex-shrink:0;align-items:center;gap:4px;display:flex}.dot{width:18px;height:18px;color:var(--lead);border:2px solid var(--lead);box-shadow:inset 0 0 0 1px var(--lead-hi);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:700;display:flex}.leg .dot+.dot{margin-left:-3px}.dot.up,.k-up{background:var(--glass),var(--ruby)}.dot.right,.k-right{background:var(--glass),var(--green)}.dot.down,.k-down{background:var(--glass),var(--blue)}.dot.left,.k-left{background:var(--glass),var(--amber)}.dot.mid,.k-mid{background:var(--glass),var(--white)}.dot.down,.k-down{color:var(--ink)}#bar .tip{color:var(--moon);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--serif);font-weight:700;overflow:hidden}.chip,#fs,#gear{font-family:var(--serif);color:var(--ink);cursor:pointer;background:var(--glass),#3a2f5c;border:2px solid var(--lead);box-shadow:inset 0 0 0 1px var(--lead-hi);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}#pause{top:calc(6px + env(safe-area-inset-top,0px));z-index:4;cursor:pointer;width:40px;height:40px;font-family:var(--serif);letter-spacing:-2px;color:var(--lead);touch-action:manipulation;background:var(--glass),radial-gradient(circle at 50% 120%, #c98a3e, #f0a830 60%, #ffd36b);border:3px solid var(--lead);border-radius:50%;padding:0;font-size:14px;font-weight:900;position:absolute;right:8px;box-shadow:inset 0 0 0 1.5px #ffffff59,0 0 10px #ffc86e4d}#pause:active{filter:brightness(1.2)}#diamond{right:6px;bottom:calc(50px + env(safe-area-inset-bottom,0px));width:calc(var(--pad) * 3 + 8px);height:calc(var(--pad) * 3 + 8px);position:absolute}#diamond:before{content:"";background:#120d2047;border:2px solid #17111f99;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 0 0 1px #8c78aa40}.key{width:var(--pad);height:var(--pad);cursor:pointer;color:var(--lead);font-family:var(--serif);touch-action:none;opacity:.86;background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;font-weight:900;transition:opacity 60ms,filter 60ms;display:flex;position:absolute}.key b{font-size:calc(var(--pad) * .36);font-weight:900;line-height:1}.key small{font-size:calc(var(--pad) * .15);font-weight:700;line-height:1.1}.key.hit{opacity:1;filter:brightness(1.25)drop-shadow(0 0 8px #ffe6a0b3)}.key:focus-visible{outline:3px solid var(--moon);outline-offset:2px}#k-up{left:calc(var(--pad) + 4px);background-image:var(--key-up);top:0}#k-left{left:0;top:calc(var(--pad) + 4px);background-image:var(--key-left)}#k-right{left:calc(var(--pad) * 2 + 8px);top:calc(var(--pad) + 4px);background-image:var(--key-right)}#k-down{left:calc(var(--pad) + 4px);top:calc(var(--pad) * 2 + 8px);background-image:var(--key-down)}#k-mid{left:calc(var(--pad) + 4px);top:calc(var(--pad) + 4px);background-image:var(--key-mid)}#k-mid b{font-size:calc(var(--pad) * .26)}#k-up.hit{background-image:var(--key-up-hit)}#k-left.hit{background-image:var(--key-left-hit)}#k-right.hit{background-image:var(--key-right-hit)}#k-down.hit{background-image:var(--key-down-hit)}#k-mid.hit{background-image:var(--key-mid-hit)}.ov{--ink:var(--m-ink);--muted:var(--m-muted);--moon:var(--m-lead);--gold:#9a6400;--lead:var(--m-lead);--lead-hi:#ffffffbf;--stone:#d8cde8;--stone2:#e9e1f4;--rose:#c2365a;--teal:#0f7a6b;--glass:radial-gradient(120% 140% at 30% 20%, #ffffff8c, #fff0 55%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;z-index:5;background:#4a346361;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.card{box-sizing:border-box;background:var(--m-staff) 0 10px / 100% 90px no-repeat, var(--shards) center/cover no-repeat, linear-gradient(var(--m-paper), var(--m-paper2));border:5px solid var(--lead);width:100%;max-width:660px;max-height:100%;box-shadow:inset 0 0 0 1.5px #fffc, 0 0 0 3px var(--stone), 0 0 0 5px var(--lead), 0 12px 30px #4a346359;border-radius:18px 18px 10px 10px;flex-direction:column;gap:12px;padding:18px 22px;display:flex;position:relative;overflow:auto}.card h1{font-family:var(--serif);letter-spacing:3px;color:var(--lead);text-wrap:balance;text-shadow:1px 1px #fffc;margin:0;font-size:32px;font-weight:900}.card h2{font-family:var(--serif);color:var(--lead);text-shadow:1px 1px #fffc;margin:0;font-size:23px;font-weight:900}.card h3{font-family:var(--serif);color:var(--gold);margin:0;font-size:15px;font-weight:700}.card h3 small{font-family:var(--sans);color:var(--muted);font-size:12px;font-weight:400}.card p{color:var(--ink);margin:0;font-size:13px;line-height:1.65}.card .sub{color:var(--muted);letter-spacing:1px;font-size:12px}.card b.k{color:var(--lead);font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.note{border:2px solid var(--lead);background:#ffffffb8;border-radius:10px;padding:9px 12px;box-shadow:inset 0 0 0 1px #fffc}.ov .keys4 div,.ov .sk,.ov .dot{color:#17111f}.ov .k-down,.ov .dot.down,.ov .keys4 .k-down{color:#f3e9d8}.btn{font-family:var(--serif);cursor:pointer;color:var(--lead);background:linear-gradient(var(--m-gold-hi),var(--m-gold-lo));border:2px solid var(--lead);box-shadow:inset 0 1px 0 #ffffffb3, 0 3px 0 var(--lead);border-radius:999px;padding:9px 20px;font-size:16px;font-weight:900;transition:transform 50ms}.btn.alt{color:var(--lead);border:1.5px solid var(--lead);background:#fff;font-size:14px;box-shadow:0 2px #4a346359}.btn:active{box-shadow:inset 0 1px 0 #ffffffb3, 0 1px 0 var(--lead);transform:translateY(2px)}.btn.alt:active{box-shadow:0 0 #4a346359}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--lead);outline-offset:2px}.segs{flex-wrap:wrap;gap:6px;display:flex}.seg{font-family:var(--sans);cursor:pointer;color:var(--ink);border:2px solid var(--lead);background:#fff;border-radius:12px;padding:7px 14px;font-size:13px;box-shadow:0 2px #4a34634d}.seg[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold), inset 0 2px 4px #4a346333;background:linear-gradient(#fff3cf,#ffe08a)}.seg:focus-visible{outline:3px solid var(--lead);outline-offset:2px}.seg small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.picks{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.comps{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.pick{font-family:var(--sans);cursor:pointer;color:var(--ink);text-align:center;border:2px solid var(--lead);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex;box-shadow:0 2px #4a34634d}.pick canvas,.slot canvas{display:block}.pick span{font-family:var(--serif);color:var(--moon);font-size:15px;font-weight:700}.pick small{color:var(--muted);font-size:11px;line-height:1.4}.lib{-webkit-overflow-scrolling:touch;flex:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:40vh;padding:4px;display:grid;overflow-y:auto}.lib-who{font-family:var(--serif);color:var(--gold);grid-column:1/-1;margin:6px 0 0;font-size:14px}.lib-song{font-family:var(--sans);cursor:pointer;color:var(--ink);text-align:left;border:1.5px solid var(--m-line);background:#ffffffb3;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 44px 6px 8px;display:flex;position:relative}.lib-song span{font-family:var(--serif);color:var(--moon);font-size:14px;font-weight:700}.lib-song small{color:var(--muted);font-size:11px;line-height:1.3}.lib-tag{background:var(--rose);color:#fff;border-radius:8px;padding:0 5px;font-size:10px;font-style:normal;position:absolute;top:4px;right:6px}.lib-song[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold);background:linear-gradient(#fff3cf,#ffe08a)}.lib-song:focus-visible{outline:3px solid var(--lead);outline-offset:2px}.pick:disabled{opacity:.45;cursor:not-allowed}.pick[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold), inset 0 2px 4px #4a34632e;background:linear-gradient(#fff3cf,#ffe08a)}.pick:focus-visible,.slot:focus-visible{outline:3px solid var(--lead);outline-offset:2px}.teamrow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.slot{font-family:var(--sans);min-height:78px;color:var(--muted);cursor:pointer;background:#ffffff8c;border:2px dashed #4a346373;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:11px;display:flex}.slot.full{border:2px solid var(--lead);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--gold);background:linear-gradient(#fff,#fff3cf)}.slot b{font-family:var(--serif);color:var(--moon);font-size:10px;font-weight:700}.keys4{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.keys4 div{color:var(--lead);font-family:var(--serif);border:3px solid var(--lead);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;font-size:14px;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #ffffff4d}.keys4 small{font-family:var(--sans);font-size:11px;font-weight:700}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{border:2px solid var(--lead);background:#ffffffbf;border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #fffc}.stat span{color:var(--muted);font-size:11px}.stat b{font-family:var(--serif);color:var(--lead);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.stat.grade{border:3px solid var(--lead);background:radial-gradient(18px at 50% 70%,#ffd36b 0 80%,#4a3463 83% 100%,#0000 103%),linear-gradient(#fff6dc,#ffe6a6);align-items:center}.stat.grade span{color:var(--lead);font-weight:700}.stat.grade b{color:var(--lead);text-shadow:0 1px #fff6;font-size:36px;line-height:1}#ring{cursor:pointer;width:116px;height:116px;font-family:var(--serif);color:var(--lead);background:var(--key-left) center/100% 100% no-repeat;border:0;border-radius:50%;align-self:center;font-size:18px;font-weight:900;transition:filter 60ms}#ring.flash{filter:brightness(1.35)drop-shadow(0 0 14px #ffdc8ccc)}details.rules{border:2px solid var(--lead);background:#ffffffb8;border-radius:10px;padding:9px 12px}details.rules summary{cursor:pointer;font-family:var(--serif);color:var(--gold);font-size:13px;font-weight:700}details.rules p{margin-top:8px}@media (prefers-reduced-motion:reduce){.key,.key.hit{transition:none}}.key.hint{opacity:1;animation:1.1s ease-in-out infinite keyhint}@keyframes keyhint{0%,to{box-shadow:0 0 0 2px #fff1b880,0 0 10px 2px #ffd77859}50%{box-shadow:0 0 0 3px #fff1b8f2,0 0 22px 8px #ffd778b3}}#tut-text p{margin:0 0 8px}.vol{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.vol label{color:var(--moon);font-size:13px;font-family:var(--serif);align-items:center;gap:8px;font-weight:700;display:flex}.vol input{width:130px;accent-color:var(--m-rose)}.vol output{min-width:3em;color:var(--muted);font-size:12px;font-family:var(--sans);font-weight:400}.modes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode{text-align:left;border:2px solid var(--lead);cursor:pointer;background:linear-gradient(160deg,#fff,var(--m-sky));color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--lead);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.mode b{font-family:var(--serif);color:var(--moon);letter-spacing:2px;font-size:20px;font-weight:900}.mode small{color:var(--muted);font-size:12px;line-height:1.5}.mode:hover,.mode:focus-visible{box-shadow:inset 0 0 0 2px var(--gold),0 3px 0 var(--lead);background:linear-gradient(160deg,#fffdf4,#ffeeb8)}@media (width<=520px){.modes{grid-template-columns:1fr}}.chap-nav{justify-content:center;align-items:center;gap:12px;display:flex}.chap-nav h2{text-align:center;flex:auto}.chap-nav .btn{flex:none;padding:4px 14px;font-size:14px}.chap-nav .btn:disabled{opacity:.25}.assist{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.assist small{color:var(--muted);flex:200px;font-size:12px;line-height:1.5}.stages{flex-direction:column;gap:8px;display:flex}.stage{border:2px solid var(--lead);background:linear-gradient(160deg,#fff,var(--m-sky));color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 14px;display:grid;box-shadow:0 2px #4a346359}.stage b{font-family:var(--serif);color:var(--moon);font-size:16px;font-weight:900}.stage small{color:var(--muted);grid-column:1;font-size:12px}.stage .st{font-family:var(--serif);color:var(--gold);grid-area:1/2/span 2;font-size:13px;font-weight:700}.stage:disabled{opacity:.62;cursor:default}.stage.done .st{color:var(--teal)}.stage.done{background:linear-gradient(160deg,#fff,#dff3ee)}.shop{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.ware{border:2px solid var(--lead);background:linear-gradient(160deg,#fff,var(--m-paper2));border-radius:12px;grid-template-columns:44px 1fr;align-items:center;gap:2px 10px;padding:8px 10px;display:grid}.ware canvas{grid-row:1/span 3}.ware b{font-family:var(--serif);color:var(--moon)}.ware small{color:var(--muted);font-size:11px;line-height:1.4}.ware button{justify-self:start;padding:4px 12px;font-size:13px}.coins-got{font-family:var(--serif);color:var(--gold);font-size:16px;font-weight:900}.cards-card{max-width:820px;height:100%}.cards-main{flex:auto;grid-template-columns:1fr minmax(220px,40%);gap:12px;min-height:0;display:grid}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));align-content:start;gap:6px;min-height:0;padding:4px;display:grid;overflow:auto}.kcard{border:3px solid var(--lead);cursor:pointer;color:var(--ink);font:inherit;background:#fff;border-width:2px;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;box-shadow:0 2px #4a34634d}.kcard canvas{display:block}.kcard span{font-family:var(--serif);color:var(--moon);text-align:center;font-size:11px;font-weight:700;line-height:1.3}.kcard.locked canvas{filter:brightness(0)opacity(.3)}.kcard.locked span{color:var(--muted)}.kcard.gold{box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #f0b43c73;background:linear-gradient(160deg,#fff3cf,#ffd987)}.kcard[aria-pressed=true]{outline:3px solid var(--m-rose);outline-offset:1px}.kcard:focus-visible{outline:3px solid var(--lead);outline-offset:2px}.card-detail{border:2px solid var(--lead);background:linear-gradient(160deg,#fff,var(--m-paper2));box-sizing:border-box;border-radius:12px;flex-direction:column;align-self:start;gap:6px;max-height:100%;padding:10px 12px;display:flex;overflow:auto}.card-detail canvas{align-self:center}.card-detail b{font-family:var(--serif);color:var(--moon);font-size:17px;font-weight:900}.card-detail .gold-tag{color:var(--gold);font-family:var(--serif);font-size:12px;font-weight:700}.card-detail small{color:var(--muted);font-size:12px}.new-cards{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.new-cards>span{font-family:var(--serif);color:var(--gold);font-size:13px;font-weight:700}.new-cards .kcard{cursor:default;flex-direction:row;padding:3px 8px 3px 4px}@media (width<=620px){.cards-card{height:auto}.cards-main{grid-template-columns:1fr}}.talk-ov{align-items:flex-end}.talk{border:3px solid var(--lead);background:var(--m-staff) 0 8px / 100% 70px no-repeat, linear-gradient(var(--m-paper),var(--m-paper2));width:min(720px,100%);box-shadow:0 0 0 2px var(--stone),0 8px 30px #4a346366;cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;margin:0 auto 6px;padding:14px 18px;display:flex}.talk-face{border:3px solid var(--lead);background:radial-gradient(circle at 40% 35%,#fff,var(--m-sky2));border-radius:50%;flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.talk-face.narr{background:radial-gradient(circle at 40% 35%,#fff,#e4d9f2)}.talk-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.talk-name{font-family:var(--serif);color:var(--gold);font-size:16px;font-weight:900}.talk-text{color:var(--ink);min-height:3.4em;margin:0;font-size:15px;line-height:1.7}@media (height<=420px){.talk-face{width:60px;height:60px}.talk-text{min-height:2.6em;font-size:14px}#ov-story .card{gap:8px;padding:12px 20px}#ov-story .stages{gap:6px}#ov-story .stage{padding:6px 14px}#ov-story .row{gap:6px}#ov-story .btn.alt{padding:5px 12px;font-size:13px}#ov-story .chap-nav .btn{padding:2px 12px}#ov-story h2{font-size:21px}}.assist{border:2px dashed var(--gold);background:#ffffffb8;border-radius:12px;padding:8px 12px}@media (height<=420px) and (width>=600px){#ov-end .card{gap:8px;padding:12px 20px}#ov-end .stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}#ov-end .stat{padding:5px 8px}#ov-end .stat b{font-size:17px}#ov-end .stat.grade b{font-size:26px}#ov-end .stat.grade span{font-size:10px}}.stat.grade{position:relative}.assist-tag{background:var(--lead);color:#fff;font-family:var(--serif);border-radius:8px;padding:0 6px;font-size:10px;font-weight:900;line-height:16px;position:absolute;bottom:3px;right:4px}.key .sm{display:none}#diamond.simple{--sp:clamp(64px, 19vmin, 88px);--edge:6px;width:auto;height:calc(var(--sp) * 2 + 10px);pointer-events:none;left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom,0px));display:block}#diamond.simple:before{display:none}#diamond.simple .key{width:var(--sp);height:var(--sp);pointer-events:auto;opacity:.75;position:absolute;top:auto}#diamond.simple .key.hit{opacity:1}#diamond.simple #k-right{left:calc(var(--edge) + env(safe-area-inset-left,0px));bottom:0}#diamond.simple #k-up{left:auto;right:calc(var(--edge) + env(safe-area-inset-right,0px));bottom:calc(var(--sp) + 10px)}#diamond.simple #k-down{left:auto;right:calc(var(--edge) + env(safe-area-inset-right,0px));bottom:0}@keyframes hint-glow{0%,to{box-shadow:0 0 6px 2px #ffd36b8c}50%{box-shadow:0 0 18px 6px #ffd36bf2}}#diamond.simple .key.hint{opacity:1;animation:1.2s ease-in-out infinite hint-glow;box-shadow:0 0 12px 4px #ffd36bcc}@media (prefers-reduced-motion:reduce){#diamond.simple .key.hint{animation:none}}#diamond.simple #k-left,#diamond.simple #k-mid,#diamond.simple .key b{display:none}#diamond.simple .key .sm{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#diamond.simple .key .sm i{font-style:normal;font-size:calc(var(--sp) * .4);filter:drop-shadow(0 1px #ffffff80);margin-top:-8%;line-height:1}#diamond.simple .key .sm small{font-size:calc(var(--sp) * .15);background:var(--lead);color:var(--moon);white-space:nowrap;border-radius:999px;padding:0 .6em;font-weight:900;line-height:1.2;position:absolute;bottom:7%}#diamond.simple .key .sm i{color:var(--lead)}#bar .leg-simple{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--serif);font-size:13px;font-weight:700;overflow:hidden}#bar.simple .leg,#bar.simple .tip{display:none}.lang-card{text-align:center;align-items:center}.lang-pick{justify-content:center;gap:14px;margin-top:6px;display:flex}.lang-pick .btn{min-width:120px}.mode-card{position:relative}.lang-row{gap:4px;display:flex;position:absolute;top:10px;right:12px}.lang-row .seg{padding:3px 10px;font-size:12px}.lang-row .seg[aria-pressed=true]{color:var(--lead);border-color:var(--gold)}.ctl{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px 12px;display:grid}.ctl-h{font-family:var(--serif);color:var(--gold);grid-column:1/-1;font-size:14px;font-weight:900}.ctl-b{text-align:left;flex-direction:column;gap:3px;padding:8px 14px;display:flex}.ctl-b b{font-family:var(--serif);color:var(--moon);font-size:16px;font-weight:900}.ctl-b small{color:var(--muted);font-size:11px;line-height:1.4}@media (width<=520px){.ctl{grid-template-columns:1fr}}@media (height<=420px){#ov-mode .card{gap:6px;padding:10px 20px}#ov-mode .card h1{font-size:26px}#ov-mode .card p{font-size:12px;line-height:1.5}#ov-mode .mode{gap:3px;padding:8px 14px}#ov-mode .mode b{font-size:18px}.ctl{gap:4px 12px}.ctl-b{gap:1px;padding:5px 12px}}.sk-row{justify-content:center;gap:12px;display:flex}.sk{aspect-ratio:1;width:96px;color:var(--lead);border:4px solid var(--lead);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex;box-shadow:inset 0 0 0 2px #ffffff4d}.sk i{font-size:38px;font-style:normal;line-height:1}.sk b{font-family:var(--serif);font-size:14px;font-weight:900}.sk.k-down{color:var(--ink)}@media (height<=420px){#ov-simple .card{gap:8px;padding:12px 20px}.sk{width:80px}.sk i{font-size:32px}}#ov-editor{--u:clamp(.92px, min(.1185vw, .2564vh), 1.5px);background:var(--m-sky);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:6;padding:0}#ov-editor .ed{width:100%;height:100%;min-height:0;font-size:calc(13*var(--u));background:radial-gradient(40% 55% at 8% 0%, #ffd36b59, transparent 70%),radial-gradient(35% 50% at 100% 15%, #7ec4f066, transparent 70%),linear-gradient(160deg,var(--m-paper),var(--m-sky));flex-direction:column;display:flex;position:relative}#ov-editor input[type=text],#ov-editor select{-webkit-user-select:text;user-select:text}:where(#ov-editor) button{color:var(--ink);font-family:inherit}#ov-editor [hidden]{display:none!important}.ed-top{height:calc(44*var(--u));align-items:center;gap:calc(5*var(--u));padding:0 calc(8*var(--u));border-bottom:2px solid var(--lead);background:#fffaf0eb;flex:none;display:flex;overflow:auto hidden}.ed-top>*{flex:none}.ed-back{color:var(--muted);padding:calc(8*var(--u)) calc(2*var(--u));font-size:calc(14*var(--u));white-space:nowrap;cursor:pointer;background:0 0;border:0}#ed-title{width:calc(88*var(--u));border:1.5px solid var(--lead);min-width:0;padding:calc(4*var(--u)) calc(8*var(--u));font-family:var(--serif);color:var(--lead);font-weight:900;font-size:calc(15*var(--u));background:#fff;border-radius:6px}.ed-chip{cursor:pointer;border:1px solid var(--lead);padding:calc(3*var(--u)) calc(10*var(--u));font-size:calc(12*var(--u));color:var(--ink);white-space:nowrap;background:#fffc;border-radius:999px;font-weight:600}.ed-chip:hover{background:#fff3cf}.ed-tempo{align-items:center;gap:calc(4*var(--u));font-size:calc(12*var(--u));color:var(--muted);white-space:nowrap;display:flex}.ed-tempo input{width:calc(46*var(--u));accent-color:var(--m-rose)}.ed-tempo b{font-variant-numeric:tabular-nums;color:var(--ink);min-width:calc(22*var(--u));font-weight:600}.ed-grow{min-width:0;flex:1 1 0!important}.ed-btn{border:1.5px solid var(--lead);color:var(--lead);padding:calc(6*var(--u)) calc(9*var(--u));font-size:calc(13*var(--u));white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;box-shadow:0 2px #4a346359}.ed-btn.gold{background:linear-gradient(var(--m-gold-hi),var(--m-gold-lo));border-color:var(--lead);box-shadow:0 2px 0 var(--lead);font-weight:700;color:#3a2300!important}.ed-btn.danger{border-color:var(--rose);color:var(--rose)!important}.ed-btn:disabled{opacity:.45;cursor:not-allowed}.ed-top .ed-btn{padding:calc(6*var(--u)) calc(7*var(--u));font-size:calc(12.5*var(--u))}.ed-main{flex:1;min-height:0;display:flex}.ed-groups{width:calc(98*var(--u));padding:calc(7*var(--u)) calc(6*var(--u));gap:calc(5*var(--u));border-right:2px solid var(--lead);-webkit-overflow-scrolling:touch;background:#ffffff8c;flex-direction:column;flex:none;display:flex;overflow-y:auto}.ed-gbtn{text-align:left;border:1.5px solid var(--m-line);padding:calc(4*var(--u)) calc(8*var(--u)) calc(4*var(--u)) calc(9*var(--u));cursor:pointer;background:#fff;border-radius:8px;flex:none;position:relative}.ed-gbtn b{font-family:var(--serif);font-size:calc(13*var(--u));color:var(--ink);white-space:nowrap;display:block}.ed-gbtn span{font-size:calc(11*var(--u));color:var(--muted);white-space:nowrap;display:block}.ed-gbtn.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:linear-gradient(#fff3cf,#ffe08a)}.ed-gbtn i{right:calc(7*var(--u));top:calc(8*var(--u));width:calc(8*var(--u));height:calc(8*var(--u));background:var(--teal);border-radius:50%;position:absolute}.ed-gbtn i.bad{background:var(--rose)}.ed-gmove{gap:calc(4*var(--u));flex:none;display:flex}.ed-gmove button{border:1.5px solid var(--lead);min-width:0;padding:calc(4*var(--u)) 0;font-size:calc(11*var(--u));color:var(--lead);white-space:nowrap;cursor:pointer;text-overflow:ellipsis;background:#fff;border-radius:7px;flex:1;overflow:hidden}.ed-gmove button:disabled{opacity:.35;cursor:not-allowed}.ed-gadd{border:1.5px dashed var(--lead);padding:calc(6*var(--u)) calc(4*var(--u));font-size:calc(12*var(--u));color:var(--lead);cursor:pointer;text-align:center;background:0 0;border-radius:8px;flex:none;line-height:1.15}.ed-gadd:disabled{opacity:.4}.ed-sheet{min-width:0;padding:calc(4*var(--u)) calc(8*var(--u)) calc(2*var(--u));flex-direction:column;flex:1;display:flex}.ed-nav{height:calc(28*var(--u));align-items:center;gap:calc(6*var(--u));font-size:calc(12*var(--u));color:var(--muted);white-space:nowrap;flex:none;display:flex}.ed-navg{text-overflow:ellipsis;min-width:0;font-family:var(--serif);color:var(--lead);flex:1 1 0;font-weight:700;overflow:hidden}.ed-navt{min-width:calc(78*var(--u));text-align:center;color:var(--ink);font-weight:600}.ed-zoom{justify-content:flex-end;align-items:center;gap:calc(4*var(--u));flex:1 1 0;min-width:0;display:flex}.ed-zoom b{min-width:calc(12*var(--u));text-align:center;color:var(--ink);font-weight:600}.ed-nb{border:1.5px solid var(--lead);min-width:calc(32*var(--u));height:calc(24*var(--u));padding:0 calc(6*var(--u));font-size:calc(12*var(--u));color:var(--lead);cursor:pointer;background:#fff;border-radius:7px;line-height:1}.ed-nb:disabled{opacity:.35;cursor:not-allowed}#ed-grid{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(var(--m-paper),var(--m-paper2));border:2px solid var(--lead);border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}#ed-svg{pointer-events:none;position:absolute;inset:0}#ed-svg svg{pointer-events:none;position:absolute;top:0;left:0}#ed-ph{pointer-events:none;background:#d08a00;width:2px;position:absolute;box-shadow:0 0 6px #f0b43ccc}#ed-cur{pointer-events:none;background:#2f6fdfbf;width:2px;position:absolute}.ed-status{height:calc(24*var(--u));align-items:center;gap:calc(6*var(--u));font-size:calc(12*var(--u));color:var(--muted);white-space:nowrap;flex:none;display:flex;overflow:hidden}.ed-dot{width:calc(8*var(--u));height:calc(8*var(--u));background:var(--teal);border-radius:50%;flex:none}.ed-dot.bad{background:var(--rose)}.ed-status button{padding:calc(4*var(--u)) 0;color:var(--rose);text-underline-offset:3px;font-size:calc(12*var(--u));cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;min-width:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow:hidden}.ed-more{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.ed-side{width:calc(152*var(--u));padding:calc(7*var(--u)) calc(8*var(--u));gap:calc(9*var(--u));border-left:2px solid var(--lead);-webkit-overflow-scrolling:touch;background:#ffffff8c;flex-direction:column;flex:none;display:flex;overflow-y:auto}.ed-side h3,.ed-su-body h3{margin:0 0 calc(4*var(--u));font-size:calc(11*var(--u));letter-spacing:.12em;color:var(--lead);font-weight:700;font-family:var(--sans);text-shadow:none}.ed-seg{border:1.5px solid var(--lead);background:#fff;border-radius:8px;display:flex;overflow:hidden}.ed-seg button{min-width:0;padding:calc(5*var(--u)) 0;font-size:calc(12*var(--u));color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;overflow:hidden}.ed-seg button+button{border-left:1px solid var(--m-line)}.ed-seg button.on{color:var(--lead);background:linear-gradient(#fff3cf,#ffe08a);font-weight:700}.ed-seg.col{flex-direction:column}.ed-seg.col button+button{border-left:0;border-top:1px solid var(--m-line)}.ed-inst{border:1.5px solid var(--lead);width:100%;padding:calc(5*var(--u)) calc(3*var(--u));font-size:calc(12*var(--u));color:var(--ink);background:#fff;border-radius:8px}.ed-chrow{gap:calc(3*var(--u));margin-top:calc(5*var(--u));padding-top:calc(5*var(--u));border-top:1px dashed var(--m-line);flex-direction:column;display:flex}.ed-chh{justify-content:space-between;align-items:center;gap:calc(4*var(--u));font-size:calc(12*var(--u));color:var(--muted);white-space:nowrap;display:flex}.ed-cl.ai{color:var(--rose)}.ed-cl.you{color:var(--teal)}.ed-mini{border:1px solid var(--lead);padding:calc(2*var(--u)) calc(7*var(--u));font-size:calc(11*var(--u));color:var(--lead);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px}.ed-chsel{align-items:center;gap:calc(4*var(--u));min-width:0;display:flex}.ed-chsel label{width:calc(38*var(--u));font-size:calc(11*var(--u));color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.ed-chsel select{border:1px solid var(--lead);min-width:0;padding:calc(3*var(--u)) calc(2*var(--u));font-family:var(--serif);font-size:calc(12*var(--u));color:var(--ink);background:#fff;border-radius:6px;flex:1}.ed-tools{height:calc(52*var(--u));align-items:center;gap:calc(5*var(--u));padding:0 calc(10*var(--u));border-top:2px solid var(--lead);-webkit-overflow-scrolling:touch;background:#fffaf0eb;flex:none;display:flex;overflow:auto hidden}.ed-tool{height:calc(40*var(--u));min-width:calc(40*var(--u));padding:0 calc(9*var(--u));border:1.5px solid var(--lead);color:var(--lead);font-size:calc(12.5*var(--u));justify-content:center;align-items:center;gap:calc(4*var(--u));white-space:nowrap;cursor:pointer;background:#fff;border-radius:9px;flex:none;display:flex;box-shadow:0 2px #4a34634d}.ed-tool.dur{padding:0 calc(7*var(--u));flex-direction:column;gap:0}.ed-tool.dur span{font-size:calc(9.5*var(--u));line-height:1.1}.ed-tool svg{height:calc(21*var(--u));flex:none;width:auto}.ed-tool .ed-acc{font-size:calc(20*var(--u));line-height:1}.ed-tool.on{border-color:var(--gold);color:var(--lead);box-shadow:0 0 0 1px var(--gold) inset;background:linear-gradient(#fff3cf,#ffe08a)}.ed-tool:disabled{opacity:.4}.ed-tool .ed-dyn{font-family:var(--serif);font-style:italic;font-weight:900;font-size:calc(19*var(--u));letter-spacing:.02em;line-height:1}.ed-tool .ed-dyn.sm{font-style:normal;font-size:calc(16*var(--u))}.ed-hint{font-size:calc(12*var(--u));color:var(--muted);white-space:nowrap;padding:0 calc(6*var(--u));flex:none}#ed-grid.pick{cursor:pointer}.ed-trrow{align-items:center;gap:calc(8*var(--u));display:flex}.ed-trrow input[type=range]{min-width:0;accent-color:var(--m-rose);flex:1}.ed-trrow b{min-width:calc(30*var(--u));text-align:right;font-variant-numeric:tabular-nums;color:var(--lead);font-size:calc(16*var(--u))}.ed-sep{width:1px;height:calc(28*var(--u));background:var(--m-line);margin:0 calc(3*var(--u));flex:none}.ed-toast{left:50%;bottom:calc(60*var(--u));border:2px solid var(--lead);color:var(--ink);padding:calc(6*var(--u)) calc(14*var(--u));font-size:calc(13*var(--u));text-align:center;pointer-events:none;z-index:3;background:#fff;border-radius:10px;max-width:80%;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #4a346359}.ed-modal{z-index:4;background:#4a346366;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ed-setup,#ed-chord,#ed-trans{z-index:5}.ed-panel{width:min(calc(380*var(--u)),92%);border:2px solid var(--lead);max-height:94%;padding:calc(12*var(--u)) calc(16*var(--u));background:linear-gradient(var(--m-paper),var(--m-paper2));gap:calc(8*var(--u));border-radius:14px;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 12px 30px #4a346359}.ed-panel.wide{width:min(calc(560*var(--u)),94%)}.ed-panel h4{font-family:var(--serif);font-weight:900;font-size:calc(17*var(--u));color:var(--lead);margin:0}.ed-panel p{font-size:calc(13*var(--u));color:var(--ink);margin:0}.ed-m-btns{gap:calc(8*var(--u));flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.ed-su-body{gap:calc(8*var(--u));flex-direction:column;display:flex}.ed-trow{align-items:center;gap:calc(6*var(--u));min-width:0;display:flex}.ed-trow input,#ed-ch-in{border:1.5px solid var(--lead);padding:calc(5*var(--u)) calc(6*var(--u));font-family:var(--serif);color:var(--ink);font-weight:900;font-size:calc(18*var(--u));text-align:center;background:#fff;border-radius:8px}.ed-trow input{width:calc(54*var(--u))}.ed-trow i{font-style:normal;font-size:calc(20*var(--u));color:var(--lead);font-family:var(--serif)}.ed-err{min-width:0;margin-left:calc(6*var(--u));font-size:calc(12*var(--u));color:var(--muted);flex:1}.ed-err.bad,.ed-ch-out.bad{color:#c2284e;font-weight:600}.ed-err.ok,.ed-ch-out.ok{color:#0e7a6a;font-weight:600}.ed-keys{gap:calc(4*var(--u));margin-bottom:calc(2*var(--u));grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.ed-kmode{margin-bottom:calc(5*var(--u));display:inline-flex}.ed-keyb{border:1.5px solid var(--m-line);min-width:0;padding:calc(3*var(--u)) calc(2*var(--u));font-size:calc(11*var(--u));color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:1px;display:flex;overflow:hidden}.ed-keyb svg{width:100%;height:auto}.ed-keyb.on{border-color:var(--gold);color:var(--lead);box-shadow:0 0 0 1px var(--gold) inset;background:linear-gradient(#fff3cf,#ffe08a);font-weight:700}#ed-ch-in{text-align:left;box-sizing:border-box;width:100%}.ed-ch-out{min-height:calc(18*var(--u));font-size:calc(14*var(--u));color:var(--muted);font-family:var(--serif)}.ed-ch-eg{gap:calc(5*var(--u));flex-wrap:wrap;display:flex}.ed-ch-eg button{border:1px solid var(--lead);padding:calc(3*var(--u)) calc(9*var(--u));font-size:calc(13*var(--u));font-family:var(--serif);color:var(--lead);cursor:pointer;background:#fff;border-radius:7px}@font-face{font-family:ShilvMusic;src:url(./shilv-music-DZBX538R.woff2)format("woff2");font-display:block}.stf-m{font-family:ShilvMusic}.stf-lab{fill:#4a3463c7;font-family:system-ui,-apple-system,Noto Sans SC,sans-serif;font-weight:700}.stf-ch{fill:#2b2140;font-family:system-ui,-apple-system,Noto Sans SC,sans-serif;font-weight:800}.stf-ch.auto{fill:#2b214080;font-style:italic;font-weight:600}.stf-hint{fill:#4a3463;font-family:system-ui,-apple-system,Noto Sans SC,sans-serif;font-weight:900}#ov-title{--m-paper:#fffaf0;--m-paper2:#f6eedd;--m-sky:#e3f1fb;--m-sky2:#cfe6f7;--m-ink:#2b1f3a;--m-muted:#6c6185;--m-lead:#4a3463;--m-line:#4a34632e;--m-gold:#c98a12;--m-gold-hi:#ffd36b;--m-gold-lo:#f0b43c;--m-rose:#d6466a;--m-teal:#17907f;--c-mozart:#2f8fc0;--c-bach:#c98a12;--c-beethoven:#c23a55;--c-chopin:#8a5fd6;--c-east:#d63a2f;--c-other:#1f8f62;--c-mine:#6a3fb0;--m-staff:repeating-linear-gradient(180deg, transparent 0 13px, #4a34631a 13px 14px, transparent 14px 15px);--u:clamp(.92px, min(.1185vw, .2564vh), 1.5px);color:var(--m-ink);background:radial-gradient(40% 55% at 8% 0%, #ffd36b73, transparent 70%), radial-gradient(35% 50% at 100% 15%, #7ec4f073, transparent 70%), radial-gradient(40% 50% at 70% 100%, #e8607e38, transparent 70%), radial-gradient(30% 45% at 0% 100%, #7a4fd033, transparent 70%), linear-gradient(160deg, var(--m-paper), var(--m-sky));padding:0}#ov-title [hidden]{display:none!important}#ov-title button{font:inherit;cursor:pointer}#ov-title .fr{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}#ov-title .fr-top{height:calc(44*var(--u));align-items:center;gap:calc(8*var(--u));padding:0 max(calc(12*var(--u)), env(safe-area-inset-left,0px));background:#fffaf0d9;flex:none;display:flex;position:relative}#ov-title .fr-top:after{content:"";height:calc(3*var(--u));z-index:1;background:linear-gradient(90deg,#5fb8d6 0 14%,#e8a93a 14% 28%,#c94a5e 28% 42%,#9a7fe0 42% 57%,#e2453a 57% 71%,#2f9e74 71% 85%,#7a4fd0 85%);position:absolute;bottom:-3px;left:0;right:0}#ov-title .fr-back{color:var(--m-muted);font-size:calc(13*var(--u));padding:calc(6*var(--u)) calc(4*var(--u));white-space:nowrap;background:0 0;border:0}#ov-title .fr-back:hover{color:var(--m-lead)}#ov-title .fr-ttl{font-family:var(--serif);font-weight:900;font-size:calc(19*var(--u));color:var(--m-lead);letter-spacing:.04em;align-items:center;gap:calc(6*var(--u));white-space:nowrap;flex:0 auto;min-width:0;display:flex;overflow:hidden}#ov-title .fr-ttl i{color:var(--m-gold);font-style:normal;font-size:calc(18*var(--u))}#ov-title .fr-ttl small{font-family:var(--sans);font-weight:400;font-size:calc(12*var(--u));color:var(--m-muted);letter-spacing:0;text-overflow:ellipsis;margin-left:2px;overflow:hidden}#ov-title .fr-grow{flex:1}#ov-title .fr-top>button{flex:none}#ov-title .fr-ib{height:calc(30*var(--u));border:1.5px solid var(--m-lead);padding:0 calc(12*var(--u));font-size:calc(13*var(--u));color:var(--m-lead);white-space:nowrap;background:#fff;border-radius:999px;box-shadow:0 1px #4a346340}#ov-title .fr-ib:hover{background:#fff6e0}#ov-title .fr-ib[aria-pressed=false]{color:var(--m-muted)}#ov-title :focus-visible{outline:2px solid var(--m-lead);outline-offset:2px}#ov-title .fr-main{min-height:0;padding:calc(10*var(--u)) max(calc(10*var(--u)), env(safe-area-inset-right,0px)) calc(10*var(--u)) max(calc(10*var(--u)), env(safe-area-inset-left,0px));gap:calc(10*var(--u));flex:1;display:flex}#ov-title .fr-lib{width:clamp(calc(210*var(--u)), 38%, calc(322*var(--u)));border:2px solid var(--m-lead);background:#ffffffc7;border-radius:14px;flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}#ov-title .fr-tabs{gap:calc(4*var(--u));padding:calc(7*var(--u)) calc(7*var(--u)) calc(6*var(--u));border-bottom:1.5px solid var(--m-line);flex-wrap:wrap;flex:none;display:flex}#ov-title .fr-tab{border:1.5px solid var(--c);background:color-mix(in srgb, var(--c) 10%, #fff);padding:1px calc(9*var(--u));font-size:calc(12.5*var(--u));color:color-mix(in srgb, var(--c) 70%, #2b1f3a);white-space:nowrap;border-radius:999px;flex:none;font-weight:600}#ov-title .fr-tab[aria-selected=true]{background:var(--c);color:#fff;box-shadow:inset 0 1px 0 #ffffff73,0 2px 6px color-mix(in srgb, var(--c) 40%, transparent)}#ov-title .fr-tab.mine{border-style:dashed}#ov-title .fr-tab.mine[aria-selected=true]{border-style:solid}#ov-title .fr-songs{padding:0 calc(7*var(--u)) calc(10*var(--u));scrollbar-width:thin;scrollbar-color:var(--m-line) transparent;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}#ov-title .fr-cat{z-index:1;margin:0 calc(-7*var(--u));padding:calc(6*var(--u)) calc(11*var(--u)) calc(3*var(--u));font-family:var(--sans);font-size:calc(11*var(--u));letter-spacing:.16em;color:var(--c);background:linear-gradient(#fff 70%,#fff0);font-weight:700;position:sticky;top:0}#ov-title .fr-song{align-items:center;gap:calc(8*var(--u));text-align:left;width:100%;padding:calc(5*var(--u)) calc(8*var(--u));color:var(--m-ink);background:0 0;border:1.5px solid #0000;border-radius:10px;display:flex}#ov-title .fr-song:hover{background:color-mix(in srgb, var(--c) 7%, #fff)}#ov-title .fr-song[aria-selected=true]{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, #fff)}#ov-title .fr-song .nm{flex:1;min-width:0}#ov-title .fr-song .nm b{font-family:var(--serif);font-weight:600;font-size:calc(14*var(--u));color:var(--m-ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#ov-title .fr-song .nm small{font-size:calc(11*var(--u));color:var(--m-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#ov-title .fr-tag{font-style:normal;font-size:calc(10*var(--u));padding:0 calc(6*var(--u));background:var(--m-rose);color:#fff;white-space:nowrap;border-radius:999px;flex:none;font-weight:700}#ov-title .fr-tag.ok{background:var(--m-teal)}#ov-title .fr-song .eq{width:calc(14*var(--u));height:calc(12*var(--u));flex:none;align-items:flex-end;gap:2px;display:flex}#ov-title .fr-song .eq i{width:calc(3*var(--u));background:var(--c);border-radius:1px;animation:1s ease-in-out infinite fr-eq;display:block}#ov-title .fr-song .eq i:nth-child(2){animation-delay:-.4s}#ov-title .fr-song .eq i:nth-child(3){animation-delay:-.7s}@keyframes fr-eq{0%,to{height:3px}50%{height:12px}}#ov-title .fr-new{border:1.5px dashed var(--c);background:color-mix(in srgb, var(--c) 6%, #fff);width:100%;padding:calc(7*var(--u));color:var(--c);font-size:calc(13*var(--u));margin:calc(7*var(--u)) 0 calc(4*var(--u));border-radius:10px;font-weight:600}#ov-title .fr-new:hover{background:color-mix(in srgb, var(--c) 12%, #fff)}#ov-title .fr-pick{min-width:0;padding:calc(10*var(--u)) calc(16*var(--u)) calc(12*var(--u));border:2px solid var(--m-lead);background:var(--m-staff) 0 8px / 100% 75px no-repeat, linear-gradient(var(--m-paper), var(--m-paper2));border-radius:14px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}#ov-title .fr-pick:before{content:"";right:calc(10*var(--u));top:calc(4*var(--u));width:calc(56*var(--u));height:calc(96*var(--u));opacity:.13;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -4.2 4 8.4'%3E%3Cg fill='none' stroke='%234a3463' stroke-width='.32' stroke-linecap='round'%3E%3Cpath d='M.35-3.6L.2 2.3'/%3E%3Cpath d='M.35-3.6C1.5-2.6 1-1.5-.3-.9'/%3E%3Cpath d='M-.3-.9C-1.6-.2-1.3 1.5.3 1.4C1.6 1.2 1.5-.7.2-.9'/%3E%3Cpath d='M.2 2.3C.2 3.4-1 3.3-.9 2.5'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute}#ov-title .fr-pick>*{position:relative}#ov-title .fr-info{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}#ov-title .fr-info p{margin:0}#ov-title .fr-info .who{font-size:calc(12*var(--u));color:var(--c);letter-spacing:.08em;font-weight:700}#ov-title .fr-info h2{font-family:var(--serif);font-weight:900;font-size:calc(24*var(--u));color:var(--m-ink);text-wrap:balance;max-width:88%;text-shadow:none;margin:1px 0 0;line-height:1.25}#ov-title .fr-info .work{font-size:calc(12.5*var(--u));color:var(--m-muted)}#ov-title .chips{align-items:center;gap:calc(5*var(--u));margin:calc(8*var(--u)) 0 calc(6*var(--u));flex-wrap:wrap;display:flex}#ov-title .chip{font-size:calc(11*var(--u));padding:0 calc(8*var(--u));border:1.5px solid var(--c);color:color-mix(in srgb, var(--c) 75%, #2b1f3a);background:#fff;border-radius:999px;font-weight:600}#ov-title .chip.boss{border-color:var(--m-rose);color:#fff;background:var(--m-rose)}#ov-title .facts{gap:calc(3*var(--u)) calc(10*var(--u));font-size:calc(12.5*var(--u));grid-template-columns:auto 1fr;align-items:baseline;margin:2px 0 0;display:grid}#ov-title .facts dt{color:var(--m-muted)}#ov-title .facts dd{color:var(--m-ink);margin:0}#ov-title .fr-info .warn{margin-top:calc(6*var(--u));font-size:calc(12.5*var(--u));color:var(--m-rose);font-weight:600}#ov-title .chips .edit{height:calc(24*var(--u));padding:0 calc(10*var(--u));font-size:calc(12*var(--u));margin-left:auto}#ov-title .fr-lv{margin-top:calc(6*var(--u));flex:none}#ov-title .fr-lv h3{margin:0 0 calc(5*var(--u));font-family:var(--sans);font-size:calc(11*var(--u));letter-spacing:.16em;color:var(--m-lead);text-shadow:none;font-weight:700}#ov-title .fr-lvs{border:2px solid var(--m-lead);background:var(--m-lead);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}#ov-title .fr-lvb{border:0;border-left:2px solid var(--m-lead);padding:calc(6*var(--u)) calc(9*var(--u)) calc(8*var(--u));text-align:left;color:var(--m-ink);background:linear-gradient(#fff,#f1ece2);border-radius:0;box-shadow:inset 0 -4px #ddd3c2}#ov-title .fr-lvb:first-child{border-left:0}#ov-title .fr-lvb b{font-family:var(--serif);font-size:calc(14*var(--u));color:var(--m-ink);display:block}#ov-title .fr-lvb small{font-size:max(9.5px, calc(10.5*var(--u)));color:var(--m-muted);margin:0;line-height:1.35;display:block}#ov-title .fr-lvb[aria-pressed=true]{background:linear-gradient(#fff3cf,#ffe08a);box-shadow:inset 0 2px 4px #4a346333}#ov-title .fr-lvb[aria-pressed=true] b{color:#7a4a00}#ov-title .fr-go{margin-top:calc(9*var(--u));display:flex}#ov-title .fr-btn-go{height:calc(42*var(--u));border:2px solid var(--m-lead);background:linear-gradient(var(--m-gold-hi),var(--m-gold-lo));color:#3a2300;font-weight:800;font-size:calc(15*var(--u));letter-spacing:.04em;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 0 var(--m-lead);border-radius:12px;flex:1}#ov-title .fr-btn-go:active{box-shadow:inset 0 1px 0 #ffffffb3,0 1px 0 var(--m-lead);transform:translateY(2px)}#ov-title .fr-btn-go:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}#ov-title .fr-pop{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:calc(10*var(--u));background:#4a346359;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ov-title .fr-sheet{width:min(calc(640*var(--u)), 100%);border:2px solid var(--m-lead);max-height:100%;padding:calc(12*var(--u)) calc(16*var(--u));background:var(--m-staff) 0 34px / 100% 75px no-repeat, linear-gradient(var(--m-paper), var(--m-paper2));-webkit-overflow-scrolling:touch;border-radius:14px;overflow-y:auto;box-shadow:0 12px 30px #4a34634d}#ov-title .fr-sheet h4{top:calc(-12*var(--u));z-index:1;margin:calc(-12*var(--u)) calc(-16*var(--u)) calc(8*var(--u));padding:calc(12*var(--u)) calc(16*var(--u)) calc(4*var(--u));font-family:var(--serif);font-weight:900;font-size:calc(17*var(--u));color:var(--m-lead);background:linear-gradient(var(--m-paper) 75%, #fffaf000);align-items:center;display:flex;position:sticky}#ov-title .fr-sheet h4 .fr-close{margin-left:auto}#ov-title .fr-sheet h5{margin:calc(12*var(--u)) 0 calc(6*var(--u));font-family:var(--serif);font-size:calc(14*var(--u));color:var(--m-lead)}#ov-title .fr-sheet p{margin:0 0 calc(7*var(--u));font-size:calc(13*var(--u));color:var(--m-ink);line-height:1.6}#ov-title .fr-sheet b.k{color:var(--m-rose)}#ov-title .fr-sheet .sub{font-size:calc(12*var(--u));color:var(--m-muted)}#ov-title .fr-sheet .keys4{margin:0 0 calc(8*var(--u))}#ov-title .fr-sheet .keys4 div{padding:calc(5*var(--u)) calc(4*var(--u));font-size:calc(13*var(--u))}#ov-title .fr-sheet .keys4 small{font-size:calc(10.5*var(--u))}#ov-title .vol{gap:calc(10*var(--u)) calc(18*var(--u));grid-template-columns:1fr 1fr;display:grid}#ov-title .vol label{align-items:center;gap:calc(8*var(--u));font-size:calc(13*var(--u));color:var(--m-ink);font-family:var(--sans);font-weight:400;display:flex}#ov-title .vol input{width:auto;min-width:0;accent-color:var(--m-rose);flex:1}#ov-title .vol output{font-variant-numeric:tabular-nums;color:var(--m-muted);text-align:right;width:3.2em;min-width:0}#ov-title .fr-btns{gap:calc(6*var(--u));margin:calc(12*var(--u)) 0 calc(10*var(--u));flex-wrap:wrap;display:flex}@media (height<=400px),(width<=720px){#ov-title .fr-top{height:calc(40*var(--u))}#ov-title .fr-main{padding-top:calc(8*var(--u));padding-bottom:calc(8*var(--u));gap:calc(8*var(--u))}#ov-title .fr-pick{padding:calc(8*var(--u)) calc(12*var(--u)) calc(10*var(--u))}#ov-title .fr-info h2{font-size:calc(20*var(--u))}#ov-title .chips{margin:calc(5*var(--u)) 0 calc(4*var(--u))}#ov-title .facts{font-size:calc(12*var(--u))}#ov-title .fr-lvb{padding:calc(4*var(--u)) calc(7*var(--u)) calc(7*var(--u))}#ov-title .fr-lvb small{font-size:max(9.5px, calc(10*var(--u)));line-height:1.25}#ov-title .fr-go{margin-top:calc(7*var(--u))}#ov-title .fr-btn-go{height:calc(38*var(--u))}#ov-title .fr-song{padding:calc(4*var(--u)) calc(7*var(--u))}}@media (prefers-reduced-motion:reduce){#ov-title .fr-song .eq i{height:8px;animation:none}}