@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx58hLxR.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExd8hLxR.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx18hLxR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExN8hA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx58hLxR.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExd8hLxR.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx18hLxR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExN8hA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx58hLxR.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExd8hLxR.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx18hLxR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExN8hA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx58hLxR.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExd8hLxR.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcEx18hLxR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/q5uCsoe9Lv5t7Meb31EcExN8hA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtsZfrxE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwv8ZfrxE.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtMZfrxE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtcZfrxE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwu8Zf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtsZfrxE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwv8ZfrxE.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtMZfrxE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtcZfrxE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwu8Zf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtsZfrxE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwv8ZfrxE.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtMZfrxE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtcZfrxE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwu8Zf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtsZfrxE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwv8ZfrxE.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtMZfrxE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwtcZfrxE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Yq6W-LOTXCb04q32xlpwu8Zf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w0aXpsog.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w9aXpsog.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w2aXpsog.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w3aXpsog.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w5aXo.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pe0rMIiSN5pO63htf1sxEkW7I9tScg.woff2) format("woff2");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D245}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pe0rMIiSN5pO63htf1sxEt6aBuZr.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pe0rMIiSN5pO63htf1sxEtCaBg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f6f4;--surface: #ffffff;--surface2: #eceeeb;--line: #dcdee0;--ink: #14171c;--muted: #6b7079;--faint: #a7abb2;--muted-strong: #556068;--t: #a9781c;--s: #2c7f76;--d: #b7324c;--on: #ffffff;--wk: #ffffff;--bk: #14171c;--ks: #c9ccd1;--ok: #2e9e6b;--rec: #b7324c;--f-display: "Unbounded", "Noto Music", system-ui, sans-serif;--f-ui: "Golos Text", "Noto Music", system-ui, sans-serif;--radius: 10px;--tap: 44px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1217;--surface: #1a1e26;--surface2: #222833;--line: #2a303a;--ink: #efe8d8;--muted: #8d929b;--faint: #5a606b;--muted-strong: #b0b5be;--t: #d9a84e;--s: #62aaa2;--d: #d04a62;--on: #0f1217;--wk: #e9e2d2;--bk: #0b0d11;--ks: #0f1217;--ok: #3fb27f;--rec: #e0566f;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1217;--surface: #1a1e26;--surface2: #222833;--line: #2a303a;--ink: #efe8d8;--muted: #8d929b;--faint: #5a606b;--muted-strong: #b0b5be;--t: #d9a84e;--s: #62aaa2;--d: #d04a62;--on: #0f1217;--wk: #e9e2d2;--bk: #0b0d11;--ks: #0f1217;--ok: #3fb27f;--rec: #e0566f;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.35 var(--f-ui);-webkit-font-smoothing:antialiased;overflow:hidden;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.acc{font-family:"Noto Music",var(--f-ui);font-size:1.12em;font-weight:400;line-height:0}.disp{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}.fT{--fc: var(--t)}.fS{--fc: var(--s)}.fD{--fc: var(--d)}.fX{--fc: var(--faint)}.fN{--fc: var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}#app>*{min-width:0}.top{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);min-width:0}.keyblk{display:flex;align-items:baseline;gap:10px;flex:none}.keyblk .name{font:700 22px/1 var(--f-display);white-space:nowrap}.keyblk .en{color:var(--muted);font-size:14px;white-space:nowrap}.conf{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.conf .bar{width:64px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.conf .bar i{display:block;height:100%;background:var(--ink);transition:width .4s}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.pill:hover{border-color:var(--muted)}a.pill{color:var(--ink);text-decoration:none}.pill[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill svg{width:14px;height:14px;flex:none}.sp{flex:1}.tabs{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px}.tabs button{border:0;background:none;padding:6px 13px;border-radius:999px;font-size:13.5px;cursor:pointer;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.rec{color:var(--muted)}.rec .dot{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.35}}.dev .dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.dev.on .dot{background:var(--ok)}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;flex:none}.iconbtn svg{width:16px;height:16px}.notice{margin:14px 20px 0;padding:12px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:14.5px}.notice b{font-weight:600}.notice .sp{min-width:8px}.notice .np{display:none}.notice .nt{flex:1 1 260px;min-width:0}.btn{border:0;background:var(--ink);color:var(--bg);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}main{min-height:0;position:relative;display:flex;flex-direction:column}.view{flex:1;min-height:0;padding:18px 20px}.tuner,.dialv{height:100%}.tuner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.tuner.solo{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.now{container-type:size;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;border-left:6px solid var(--fc, var(--line));padding-left:22px}.now .fn{display:flex;align-items:center;gap:10px;font-size:clamp(18px,6cqh,30px)}.now .fn small{color:var(--muted);font-size:.7em}.badge{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:.22em;background:var(--fc);color:var(--on);font:700 1em/1 var(--f-display);flex:none}.now .chord{font-size:min(52cqh,calc(170cqw / var(--len, 2)));line-height:.95;margin:.06em 0 .04em;white-space:nowrap}.now .notes{color:var(--muted);letter-spacing:.14em;font-size:clamp(14px,4.5cqh,20px)}.now .why{color:var(--muted);font-size:clamp(13px,4cqh,17px);margin-top:6px}.now.empty .chord{color:var(--faint)}.now .chord,.lyhead .disp{transition:opacity .15s ease}.now.unsure .chord,.lyhead.unsure .disp{opacity:.55}.next{display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:10px;min-height:0}.next .h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tile{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px 8px 20px;cursor:pointer;min-height:0}.tile:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--fc)}.tile:hover{border-color:var(--muted)}.tile .disp{font-size:clamp(26px,6.2vh,56px);line-height:1;grid-row:span 2;min-width:1.5em}.tile .t1{font-size:14.5px;align-self:end}.tile .t1.long{font-size:12.5px;line-height:1.15}.tile .t2{font-size:12.5px;color:var(--muted);align-self:start}.tile.weak{opacity:.6}.tile.ph{cursor:default;opacity:.5;border-style:dashed}.tile.ph:before{display:none}.dialv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}.dialv svg{width:100%;height:100%;display:block}.dialv svg .sec{cursor:pointer}.dialv svg .sec:hover path{filter:brightness(1.12)}.side{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:420px}.side .lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.legend{display:grid;gap:8px;font-size:16px}.legend div{display:flex;align-items:center;gap:10px}.legend .badge{font-size:13px}.side .big{font-size:18px;line-height:1.45}.side .hint{color:var(--muted);font-size:14px}.tapev{display:flex;flex-direction:column;gap:16px;overflow:auto}.tapehead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px}.seg button{border:0;background:none;padding:6px 12px;border-radius:999px;font-size:13.5px;cursor:pointer;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.tr{display:inline-flex;align-items:center;gap:6px;font-size:14px}.tr button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer}.tr .v{min-width:9em;text-align:center}.blocks{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.blk{flex:0 0 auto;min-width:86px;height:82px;border-radius:8px;background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--fc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:0 12px}.blk .disp{font-size:26px;line-height:1.1}.blk small{font-size:12px;color:var(--muted)}.blk.cur{background:var(--fc);border-color:var(--fc);color:var(--on)}.blk.cur small{color:var(--on);opacity:.8}.tape-empty{color:var(--muted);padding:30px 0;font-size:16px;max-width:46ch;line-height:1.5}.form{color:var(--muted);font-size:14px;letter-spacing:.04em}.kbd{height:clamp(70px,15vh,130px);padding:0 20px 14px}.kbd svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.kbd .w{fill:var(--wk);stroke:var(--ks);stroke-width:1}.kbd .b{fill:var(--bk)}.kbd .on{fill:var(--fc, var(--ink))}.kbd .hint{fill:none;stroke:var(--hc, var(--ink));stroke-width:2.4;stroke-dasharray:5 3}.kbd .lab{font:600 11px var(--f-ui);fill:var(--on);pointer-events:none}.kbd .c{font:500 9px var(--f-ui);fill:var(--faint);pointer-events:none}.kbd .fi{font:700 13px var(--f-ui);fill:var(--hc, var(--ink));pointer-events:none}.kbd .fib{fill:var(--wk);font-size:10px}.songv{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px}.srcbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.srcbar .pill[aria-pressed=true]{background:var(--ink);color:var(--bg)}.lvl{width:70px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.lvl i{display:block;height:100%;background:var(--ok)}.status{color:var(--muted);font-size:14px}.player{display:flex;align-items:center;gap:10px;flex:1 1 320px;min-width:0}.player .bar{flex:1;height:8px;border-radius:4px;background:var(--line);cursor:pointer;position:relative}.player .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink);border-radius:4px}.player .tm{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;white-space:nowrap}.songmain{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;min-height:0}.songmain .now{border-left-width:6px}.upnext{display:flex;gap:10px;align-items:baseline;color:var(--muted);font-size:clamp(14px,4.5cqh,22px);margin-top:8px;flex-wrap:wrap}.upnext b{color:var(--ink);font-family:var(--f-display)}.upnext i{font-style:normal;font-variant-numeric:tabular-nums}.match{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;border-radius:999px;font-size:14px;border:1px solid var(--line);align-self:flex-start}.match.ok{background:var(--ok);color:var(--bg);border-color:var(--ok)}.match.near{border-color:var(--t);color:var(--t)}.match.no{border-color:var(--d);color:var(--d)}.finger{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.finger .lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.boxes{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;min-height:0;overflow:hidden}.box{height:clamp(150px,30vh,280px);width:auto}.box.small{height:clamp(110px,20vh,190px);opacity:.75}.box .bt{font:700 14px var(--f-display);fill:var(--ink)}.box .bf{font:500 10px var(--f-ui);fill:var(--muted)}.box .nut{fill:var(--ink)}.box .fr{stroke:var(--line);stroke-width:1.2}.box .st{stroke:var(--muted);stroke-width:1.2}.box .mk{font:500 11px var(--f-ui);fill:var(--muted)}.box .op{fill:none;stroke:var(--muted);stroke-width:1.3}.box .dot{fill:var(--fc, var(--ink))}.box .fg{font:700 9.5px var(--f-ui);fill:var(--on)}.capo{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.capo select{font:inherit;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.pianohint{color:var(--muted);font-size:15px;line-height:1.5;max-width:38ch}.timeline{display:flex;gap:6px;overflow:hidden;height:64px}.seg{flex:0 0 auto;border-radius:6px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--fc);display:flex;align-items:center;justify-content:center;font:700 17px var(--f-display);padding:0 8px;min-width:52px;cursor:pointer}.seg.cur{background:var(--fc);color:var(--on);border-color:var(--fc)}.seg.past{opacity:.45}.dropzone{border:1.5px dashed var(--line);border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px;font-size:16px;line-height:1.6}.dropzone b{color:var(--ink)}.dropzone.over{border-color:var(--ink)}.stage{position:fixed;inset:0;z-index:30;background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;text-align:center;padding:calc(24px + env(safe-area-inset-top,0px)) 28px calc(28px + env(safe-area-inset-bottom,0px));cursor:pointer}.stage .st-top{display:flex;justify-content:space-between;color:var(--muted);font-size:clamp(16px,2.8vh,26px)}.stage .st-top b{color:var(--ink);font-weight:600}.stage .mid{container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5vh}.stage .chord{font-size:min(62cqh,calc(160cqw / var(--len, 2)));line-height:.9}.stage .fn{font-size:clamp(20px,5vh,44px);color:var(--fc);display:flex;align-items:center;gap:12px}.stage .bot{display:flex;justify-content:center;gap:48px;font-size:clamp(18px,4vh,34px);color:var(--muted)}.stage .bot b{color:var(--ink)}.stage .exit{color:var(--faint);font-size:13px;margin-top:10px}dialog{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);padding:0;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px)}dialog::backdrop{background:#00000073}.dlg{padding:22px 24px;display:flex;flex-direction:column;gap:18px}.dlg h2{font:700 20px/1.2 var(--f-display);margin:0}.dlg h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:600}.dlg .row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.dlg select{font:inherit;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);max-width:60%}.dlg ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.55}.dlg .devs{font-size:14.5px;line-height:1.5}.dlg .devs .tip{color:var(--muted);font-size:13.5px}.dlg kbd{font:600 12px var(--f-ui);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:var(--surface2)}.toast{position:fixed;left:50%;bottom:var(--toast-bottom, calc(24px + env(safe-area-inset-bottom, 0px)) );max-width:calc(100vw - 32px);transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;z-index:40;pointer-events:none;transition:opacity .3s}.toast[hidden]{display:block!important;opacity:0;pointer-events:none!important}@media(max-width:900px){.top{flex-wrap:wrap;gap:10px;padding:10px 14px}.keyblk .en,.conf .bar{display:none}.view{padding:12px 14px}.kbd{padding:0 14px 10px}.notice{margin:10px 14px 0}}@media(max-width:900px)and (orientation:portrait){.tuner,.songmain{grid-template-columns:1fr;grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}.dialv{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:auto}.dialv .circle{width:100%;height:auto;max-width:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.onb{position:fixed;inset:0;z-index:35;background:var(--bg);display:grid;place-items:center;padding:24px;overflow:auto}.onb-in{width:min(860px,100%);display:flex;flex-direction:column;gap:14px}.onb h1{font:700 clamp(26px,4vw,40px)/1.1 var(--f-display);margin:0;text-wrap:balance}.onb p{color:var(--muted);font-size:17px;margin:0 0 10px;max-width:56ch}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;cursor:pointer;min-height:96px}.card b{font:700 19px/1.15 var(--f-display)}.card span{color:var(--muted);font-size:14px}.card:hover:not(:disabled){border-color:var(--ink)}.card.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.card:disabled{opacity:.45;cursor:default}.capo-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.capo-cards .card{min-height:0}.onb-foot{display:flex;justify-content:space-between;margin-top:8px}.onb.welcome{display:flex;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + var(--kk-consent-h, 0px) + env(safe-area-inset-bottom,0px))}.wl-in{margin:auto;gap:12px}.wl-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}.wl-x{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.wl-x:hover{color:var(--ink)}.onb.welcome h1{font-size:clamp(26px,5vw,40px)}.onb.welcome p{margin:0;font-size:16px}.wl-cards{display:grid;gap:10px;margin-top:4px}.wl-card{text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:13px 16px;border:1px solid var(--line);background:var(--surface);border-radius:14px;color:var(--ink);cursor:pointer}.wl-card b{font:700 18px/1.2 var(--f-display)}.wl-card span{color:var(--muted);font-size:14px;line-height:1.35}.wl-card:hover{border-color:var(--ink)}.wl-inst{display:flex;flex-direction:column;gap:8px;margin-top:6px}.wl-inst>span{color:var(--muted);font-size:14px}.wl-inst>.wl-line{color:var(--ink);font-size:16px;font-weight:600}.wl-inst>.wl-note{font-size:13px;line-height:1.4}.wl-chips{display:flex;flex-wrap:wrap;gap:8px}.wl-chip{min-height:44px;padding:0 14px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;font-size:15px;cursor:pointer}.wl-chip:hover{border-color:var(--ink)}.wl-chip[aria-pressed=true]{border-color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink);font-weight:600}@media(min-width:760px){.wl-in{gap:16px}.wl-cards{grid-template-columns:repeat(3,1fr);gap:14px}.wl-card{min-height:140px;justify-content:flex-start;gap:8px;padding:20px}.wl-card b{font-size:20px}.wl-card span{font-size:15px}}.kbd.neck{height:clamp(90px,17vh,150px)}.kbd .neck,.fneck .neck{fill:var(--surface2)}.kbd .fret,.fneck .fret{stroke:var(--faint);stroke-width:1.5}.kbd .nutl,.fneck .nutl{stroke:var(--ink);stroke-width:5}.kbd .str,.fneck .str{stroke:var(--muted)}.kbd .inlay,.fneck .inlay{fill:var(--line)}.kbd .capo,.fneck .capo{fill:var(--muted)}.kbd .dot,.fneck .dot{fill:var(--fc)}.kbd .open,.fneck .open{fill:none;stroke:var(--fc);stroke-width:2}.kbd .fn,.fneck .fn{font:700 10px var(--f-ui);fill:var(--on)}.kbd .mx,.fneck .mx{font:600 12px var(--f-ui);fill:var(--muted)}.kbd .nn,.fneck .nn{font:600 10px var(--f-ui);fill:var(--muted)}.wheel{position:relative;width:100%;height:100%;display:grid;place-items:center}.wheel svg{width:100%;height:100%;max-height:100%;display:block;touch-action:none;user-select:none;cursor:grab}.wheel svg:active{cursor:grabbing}.wheel .disc{transition:transform .7s cubic-bezier(.22,.8,.28,1)}.wheel .disc.dragging,.wheel .disc.dragging text{transition:none}.wheel .sp{fill:var(--surface2);stroke:var(--bg);stroke-width:1.6;transition:fill .45s}.wheel .sp.on.fT{fill:var(--t)}.wheel .sp.on.fS{fill:var(--s)}.wheel .sp.on.fD{fill:var(--d)}.wheel .sp.sec2{stroke:var(--d);stroke-dasharray:4 3;stroke-width:1.3}.wheel text{text-anchor:middle;dominant-baseline:central;transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.22,.8,.28,1);pointer-events:none}.wheel .lb{fill:var(--muted);font-family:var(--f-display);font-weight:600}.wheel .lb.on{fill:var(--on);font-weight:700}.wheel .lb-maj{font-size:15px}.wheel .lb-min{font-size:10.5px}.wheel .lb-dim{font-size:8px}.wheel .acc{font-family:"Noto Music",var(--f-ui);font-size:1.2em;font-weight:400}.wheel .sig{fill:var(--faint);font:500 6.5px var(--f-ui)}.wheel .win{fill:none;stroke:var(--ink);stroke-width:1.4;opacity:.55;pointer-events:none}.wheel .hl{fill:none;stroke:var(--ink);stroke-width:3.2;pointer-events:none}.wheel .zone{font:700 11px var(--f-display)}.wheel .zone .zsub{font-size:8px;font-weight:500;opacity:.75}.wheel .hub{fill:var(--bg)}.wheel .ct{fill:var(--ink);font-family:var(--f-display);font-weight:700}.wheel .cs{fill:var(--muted);font:500 7.5px var(--f-ui)}.wheel-ctl{position:absolute;inset:auto 0 0 auto;display:flex;gap:6px}.wheel-ctl button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px}.lockline{display:flex;align-items:center;gap:8px;font-size:15px}.lockline svg{width:15px;height:15px}.dialv .circle{height:100%;aspect-ratio:1;max-width:62vw;min-height:0}@media(prefers-reduced-motion:reduce){.wheel .disc,.wheel text{transition:none}}@media(max-width:640px){#app{grid-template-rows:auto minmax(0,1fr) auto auto}.top{padding:8px 12px;gap:8px;flex-wrap:nowrap}.keyblk .name{font-size:18px}.conf,#recBtn,[data-act=stage]{display:none}#lockBtn{padding:7px}#instBtn{font-size:12px;padding:0 9px;max-width:112px;white-space:normal;text-align:center;line-height:1.15}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;border-radius:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}.tabs button{min-height:48px;padding:0 2px;font-size:13px}.kbd{margin-bottom:calc(61px + env(safe-area-inset-bottom,0px));height:76px;padding:0 12px 8px}.kbd.neck{height:96px}.view{padding:10px 12px;overflow-y:auto}.notice{margin:8px 12px 0;padding:8px 8px 8px 12px;gap:4px 6px;font-size:13px;line-height:1.3}.notice .nt{flex:1 1 100%}.notice .nx,.notice .sp{display:none}.notice .np{display:inline}.notice .btn{padding:0 12px;font-size:13px}.notice .btn[data-act=close-banner]{margin-left:auto;padding:0;width:var(--tap)}.tuner,.songmain{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.now{min-height:230px}.next{grid-template-rows:auto}.tile{min-height:64px}.dialv{grid-template-columns:1fr;height:auto;gap:14px}.dialv .circle{width:100%;height:auto;max-width:none;aspect-ratio:1}.songv{height:auto;grid-template-rows:auto auto auto}.srcbar .player{flex-basis:100%}.box{height:150px}.box.small{height:112px}.timeline{height:52px}.tapehead .sp{display:none}.stage .bot{flex-direction:column;gap:8px}}@media(max-width:640px){.toast{bottom:var(--toast-bottom, calc(164px + env(safe-area-inset-bottom, 0px)) );text-align:center}}.player{flex-wrap:wrap}.player .bar{flex:1 1 140px;min-width:120px}.wheel{grid-template-rows:minmax(0,1fr) auto}.wheel-ctl{position:static;width:100%;display:flex;align-items:center;gap:8px;margin-top:8px}.wheel-ctl .sp{flex:1}.wheel-ctl .modes{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px}.wheel-ctl .modes button{border:0;background:none;color:var(--muted);padding:7px 14px;border-radius:999px;font:500 14px var(--f-ui);cursor:pointer;width:auto;height:auto}.wheel-ctl .modes button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000026}.wheel-ctl .arr{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px}.wheel .tonic{fill:none;stroke:var(--ink);stroke-width:2.6;pointer-events:none;transition:opacity .3s}.wheel .tonic-min{opacity:0}.wheel.minor .tonic-min{opacity:1}.wheel.minor .tonic-maj,.wheel.nokey .tonic{opacity:0}.wheel .sp.on.side{fill-opacity:.3}.wheel .lb.side{fill:var(--ink);font-weight:600}.top{min-height:60px}.top .pill,.top .iconbtn{height:36px}.top .pill{padding:0 14px}@media(min-width:641px){.top .tabs button{height:30px;padding:0 14px}}.keyblk{align-items:baseline}.conf{align-self:center}.iconbtn{position:relative;width:36px;height:36px}#lockBtn[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.devdot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--ok);border:2px solid var(--surface);display:none}#gearBtn.on .devdot{display:block}#gearBtn svg{width:18px;height:18px}#gearBtn.on .devdot{background:var(--ok)}.dimchk{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.wheel .sp.rel{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:2 2.5}.wheel-ctl{flex-wrap:wrap}@media(max-width:640px){.top .pill,.top .iconbtn{height:var(--tap)}.iconbtn{width:var(--tap);height:var(--tap)}}.wheel.simple .dimchk{display:none}.side{overflow-y:auto;max-height:100%;padding-right:4px}.mods{display:grid;gap:8px}.mod{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;display:grid;gap:6px}.mod.hot{border-color:var(--d);box-shadow:inset 0 0 0 1px var(--d)}.mod .mh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.mod .mh b{font:700 15px var(--f-display)}.mod .mh span{color:var(--muted);font-size:12.5px}.route{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.route span{font:700 14px var(--f-display);padding:3px 8px;border-radius:6px;background:var(--surface2);border-bottom:3px solid var(--fc)}.route i{color:var(--faint);font-style:normal}.mod .ma{display:flex;gap:6px}.mod .ma .pill{padding:5px 10px;font-size:12.5px}.modhint{border-left:4px solid var(--d);padding:6px 10px;background:var(--surface);border-radius:0 8px 8px 0;font-size:15px}.capobar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.capobar .pill[disabled]{opacity:.45;cursor:default}.seg2{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px}.seg2 button{border:0;background:none;color:var(--muted-strong);padding:6px 11px;border-radius:999px;font:500 13px var(--f-ui);cursor:pointer}.seg2 button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000026}.capoadv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.capoopt{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;display:grid;gap:3px;cursor:pointer;color:var(--ink)}.capoopt.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.capoopt b{font:600 13.5px var(--f-ui)}.capoopt span{font:700 14px var(--f-display)}.capoopt small{color:var(--muted);font-size:12px}.finger{overflow-y:auto}.toast.act{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 12px;border-radius:22px}.toast .tmsg{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast .tbtns{flex:none;display:flex;align-items:center;gap:4px;margin-left:auto}.tbtn{border:0;background:none;color:var(--bg);font:700 14px var(--f-ui);text-decoration:underline;cursor:pointer;padding:0}.linkbtn{border:0;background:none;color:var(--ink);font:600 inherit var(--f-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;font-size:inherit}.howbtn{align-self:flex-start;font-size:14px;color:var(--muted)}.howto{display:flex;flex-direction:column;gap:10px}.status.warn{color:var(--d)}.recdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rec);margin-right:6px;animation:pulse 2s infinite}.srcpick{width:min(980px,100%);display:flex;flex-direction:column;gap:16px;text-align:left}.srcpick h2{font:700 clamp(22px,3vw,30px)/1.15 var(--f-display);margin:0;color:var(--ink)}.srccards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px}@media(min-width:520px){.srccards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.srccards{grid-template-columns:repeat(4,minmax(0,1fr))}}.srccard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;cursor:pointer;color:var(--ink);min-height:120px}.srccard b{font:700 18px/1.2 var(--f-display)}.srccard span{color:var(--muted);font-size:14px;line-height:1.45}.srccard:hover:not(:disabled){border-color:var(--ink)}.srccard.primary{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.srccard.off{cursor:default;border-style:dashed;background:transparent;min-height:0;padding:12px 16px;gap:4px}.srccard.off b{color:var(--muted);font-size:16px}.srcnote{color:var(--muted);font-size:14.5px}.dropzone{place-items:center}.stage .mid.withbox{flex-direction:row;gap:4vw}.stage .stbox .box{height:min(46vh,380px)}.stage .mid.withbox .chord{font-size:min(52cqh,calc(110cqw / var(--len, 2)))}[hidden]{display:none!important}@media(pointer:coarse),(max-width:640px){.pill,.btn,.seg button,.seg2 button,.wheel-ctl .modes button,.mt-c,button.lc{min-height:var(--tap)}.pill,.seg button,.seg2 button,.wheel-ctl .modes button,.mt-c,button.lc{min-width:var(--tap)}.pill{justify-content:center}.wheel-ctl .arr,.tr button{width:var(--tap);height:var(--tap)}.capo select,.lytools select,.ugtools select,.srow select,.dlg select,.lsearch,.sform input,.srow2 input,.ltitle{min-height:var(--tap)}.dimchk{min-height:var(--tap);gap:8px;padding-right:8px}.dimchk input{width:22px;height:22px;margin:0}}.libv{display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto}.libhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lsearch{flex:1 1 220px;max-width:380px;font:inherit;font-size:14.5px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.llist{display:flex;flex-direction:column;gap:8px}.lrow{display:flex;align-items:stretch;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.lmain{flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--ink);padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;border-radius:12px}.lmain:hover{background:var(--surface2)}.lmain b{font:700 16px/1.25 var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lmain>span{color:var(--muted);font-size:13px}.lacts{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 10px 8px 0}.iconbtn.fav{color:var(--t);border-color:var(--t);font-size:16px}.lacts .iconbtn{font-size:16px}.lchords{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.lc{font:700 13px var(--f-display);padding:3px 7px;border-radius:5px;background:var(--surface2);border-bottom:3px solid var(--fc)}.lmore{color:var(--muted);font-size:12.5px;align-self:center}.ldetail{display:flex;flex-direction:column;gap:12px;max-width:980px}.ltitle{font:700 clamp(22px,3vw,32px)/1.2 var(--f-display);color:var(--ink);background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 6px;margin-left:-7px}.ltitle:hover,.ltitle:focus{border-color:var(--line);background:var(--surface);outline:none}.lmeta{color:var(--muted);font-size:14px}.lbtns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ldetail .lchords{gap:7px}.ldetail .lc{font-size:17px;padding:6px 11px}.pill.danger{color:var(--d);border-color:var(--d)}@media(max-width:640px){.nophone{display:none}}.songv{grid-template-rows:auto auto minmax(0,1fr) auto}.songmeta{display:flex;align-items:center;gap:12px;min-width:0}.songmeta img{border-radius:6px;flex:none}.songmeta div{display:flex;flex-direction:column;min-width:0}.songmeta b{font:700 17px/1.2 var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songmeta span{color:var(--muted);font-size:14px}.songmeta a.pill{text-decoration:none;color:var(--ink);margin-left:auto}.songv.pick{grid-template-rows:auto minmax(0,1fr) auto}.lypanel{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.lyhead{display:flex;align-items:center;gap:12px;border-left:6px solid var(--fc, var(--line));padding-left:14px}.lyhead .disp{font-size:clamp(34px,7vh,64px);line-height:1}.lyhead .badge{font-size:18px}.lyhead .lyn{color:var(--muted);font-size:16px;margin-left:6px}.lyhead .lyn b{color:var(--ink);font-family:var(--f-display)}.lyrics{flex:1;min-height:0;overflow-y:auto;padding:6px 4px 40vh;position:relative;mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 40px),transparent 100%)}.ly{display:flex;flex-wrap:wrap;align-items:flex-end;padding:6px 10px;border-radius:8px;font-size:clamp(17px,2.4vh,23px);line-height:1.35;color:var(--muted);transition:color .25s,background .25s}.ly.past{opacity:.55}.ly.cur{color:var(--ink);background:var(--surface)}.lseg{display:inline-flex;flex-direction:column;white-space:pre}.lch{font:700 .82em/1.2 var(--f-display);min-height:1.2em;color:var(--fc, var(--ink));padding-right:.35em}.ly.cur .lch{font-size:.9em}.lt{white-space:pre}.lynote{color:var(--muted);font-size:14px}.lyplain{white-space:pre-wrap;font:inherit;color:var(--ink)}.lysrc{color:var(--faint);font-size:12px;margin-top:16px;padding-left:10px}.lytools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.lytools .pill{padding:0 10px;height:30px;font-size:13px}.lytools select{font:inherit;font-size:13px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);max-width:260px}.lyhint{color:var(--muted)}.ly{cursor:pointer}.ly:hover{background:var(--surface2)}.ly.untimed{color:var(--faint)}.songsearch{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.sform{display:flex;gap:8px;flex-wrap:wrap}.sform input{flex:1 1 260px;font:inherit;font-size:15px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.srcsearch{flex-direction:column;flex-wrap:nowrap;gap:6px}.slabel{font:700 16px/1.3 var(--f-display);color:var(--ink)}.srow2{display:flex;gap:8px;flex-wrap:wrap}.srow2 input{flex:1 1 220px;min-width:0;font:inherit;font-size:15px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.sgate{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;color:var(--muted);font-size:14px;line-height:1.4}@media(pointer:coarse),(max-width:640px){.sgate .linkbtn,.lynote .linkbtn{display:inline-flex;align-items:center;min-height:var(--tap)}}.srcpick .sres-list{max-height:none}.soundfind small{font-size:12px;color:var(--muted);font-weight:400}.soundfind[disabled]{opacity:.6;cursor:default}.sres-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.sres{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer}.sres:hover{border-color:var(--ink)}.sres b{font:700 15px/1.25 var(--f-display)}.sres span{color:var(--muted);font-size:13px}.lsheet{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 6px;background:var(--surface);max-height:60vh;overflow-y:auto}.lsheet .ly{color:var(--ink);cursor:default}.lsheet .ly:hover{background:transparent}.lbadge{font-style:normal;color:var(--t)}.kbd{height:clamp(100px,19vh,180px)}.pk{--bw: calc(100% / var(--nw) * .62);position:relative;display:flex;height:100%;user-select:none;touch-action:none}.pk-w{flex:1 1 0;min-width:0;margin:0 1px;background:var(--wk);border-radius:0 0 7px 7px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding-bottom:7px;box-shadow:inset 0 -4px #00000024;cursor:pointer;transition:background .12s}.pk-b{position:absolute;top:0;width:var(--bw);height:62%;background:var(--bk);border-radius:0 0 6px 6px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding-bottom:6px;box-shadow:0 3px #00000059;cursor:pointer;transition:background .12s}.pk-w.hint{background:color-mix(in srgb,var(--hc) 58%,var(--wk));box-shadow:inset 0 -4px #00000024,inset 0 0 0 2px var(--hc)}.pk-b.hint{background:var(--hc)}.pk-w.on.hint,.pk-b.on.hint,.pk-w.on,.pk-b.on{background:var(--fc)}.pk-light{position:absolute;top:0;left:0;right:0;height:7px;background:var(--hc);box-shadow:0 0 12px 1px var(--hc);border-radius:0 0 3px 3px}.pk-nm{font:700 clamp(10px,1.4vh,14px)/1 var(--f-ui);color:#14171c}.pk-b .pk-nm,.pk-w.on .pk-nm,.pk-b.on .pk-nm{color:#fff}.pk-fg{display:grid;place-items:center;width:clamp(20px,2.8vh,28px);height:clamp(20px,2.8vh,28px);border-radius:50%;background:var(--hc);color:#fff;font:800 clamp(11px,1.6vh,15px)/1 var(--f-ui);box-shadow:0 1px 3px #00000059;flex:none}.pk-fg.lh{background:#fff;color:var(--hc);box-shadow:inset 0 0 0 3px var(--hc)}.pk-fg.ok{background:#fff;color:var(--ok);box-shadow:inset 0 0 0 3px var(--ok)}.pk-b .pk-fg{width:clamp(16px,2.3vh,22px);height:clamp(16px,2.3vh,22px);font-size:clamp(10px,1.4vh,13px)}.pk-c{font:500 10px var(--f-ui);color:#8a8f99}.pk-legend{position:absolute;right:4px;bottom:calc(100% + 4px);display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.pk-legend .pk-fg{width:18px;height:18px;font-size:10px}@media(max-width:640px){.kbd{height:92px}.pk-c{display:none}}.lch.pred{opacity:.55;font-style:italic;text-decoration:underline dotted;text-underline-offset:3px}.lybrk{font:600 11px/1 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-self:center;margin-right:10px}.ly.intro,.ly.break{padding-top:2px;padding-bottom:2px}.ly.intro .lch,.ly.break .lch{padding-right:.7em}.lrow{align-items:center}.lcover{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none;margin-left:12px;background:var(--surface2)}.lcover.ph{display:grid;place-items:center;font:700 26px var(--f-display);color:var(--on);background:var(--fc);opacity:.85}.lcover.big{width:120px;height:120px;margin-left:0;border-radius:12px;font-size:48px}.lhero{display:flex;gap:18px;align-items:center}.lhero-t{display:flex;flex-direction:column;gap:6px;min-width:0}@media(max-width:640px){.lcover{width:48px;height:48px;margin-left:8px}.lcover.big{width:84px;height:84px}}.modmark{flex:none;align-self:center;font:700 12px/1 var(--f-display);color:var(--ink);background:var(--surface2);border:1px dashed var(--muted);border-radius:999px;padding:6px 9px}.region{display:contents}.ugpanel{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.ugtools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ugtools select{font:inherit;font-size:13px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);max-width:100%}.ugsheet{flex:1;min-height:0;overflow:auto;font:15px/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.ugsheet .ugc{white-space:pre;min-height:1.35em}.ugsheet .ugc .lch{font:700 1em/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;padding:0;color:var(--fc, var(--ink))}.ugsheet .ugt{white-space:pre-wrap;color:var(--ink)}.ugsheet .ugh{font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px}.pk{background:var(--kbed, #2a2e36);padding:3px 2px 0;border-radius:6px 6px 8px 8px}.pk-w{border:1px solid var(--ks);border-top:0;box-shadow:inset 0 -5px #0000001a,0 1px #00000040}.pk-b{top:3px}:root{--kbed: #3a3f48}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--kbed: #050608}}:root[data-theme=dark]{--kbed: #050608}:root{--wh-fill: #dfe3e8;--wh-line: #b9bfc8;--wh-label: #3d424b;--wh-sig: #6b7079}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--wh-fill: var(--surface2);--wh-line: var(--bg);--wh-label: var(--muted);--wh-sig: var(--faint)}}:root[data-theme=dark]{--wh-fill: var(--surface2);--wh-line: var(--bg);--wh-label: var(--muted);--wh-sig: var(--faint)}.wheel .sp{fill:var(--wh-fill);stroke:var(--wh-line);stroke-width:1.2}.wheel .lb{fill:var(--wh-label)}.wheel .sig{fill:var(--wh-sig)}.wheel .hub{fill:var(--bg);stroke:var(--wh-line);stroke-width:1.2}.wheel .win{stroke:var(--ink);opacity:.7}.top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 20px;min-height:60px}.top>*{flex:none}.top-l{justify-self:start;min-width:0;display:flex}.top-r{justify-self:end;display:flex;align-items:center;gap:8px}.keychip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;min-width:0;max-width:100%}.keychip:hover:not(:disabled){border-color:var(--muted)}.keychip svg{width:15px;height:15px;flex:none;color:var(--muted)}.keychip .kname{font:700 17px/1 var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keychip .kname.muted{color:var(--muted)}.keychip .ksub{color:var(--muted);font-size:13px;white-space:nowrap}.keychip.locked{background:var(--ink);color:var(--bg);border-color:var(--ink)}.keychip.locked svg{color:var(--bg)}.keychip.brand{border-color:transparent;background:transparent;padding-left:0;cursor:default}.keychip.brand .kname{font-size:20px}.kring{width:16px;height:16px;border-radius:50%;flex:none;background:conic-gradient(var(--ink) calc(var(--p) * 1%),var(--line) 0);-webkit-mask:radial-gradient(circle,transparent 4.5px,#000 5px);mask:radial-gradient(circle,transparent 4.5px,#000 5px)}.kdot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite;flex:none}@media(pointer:coarse)and (min-width:641px){.iconbtn,.top .iconbtn{width:var(--tap);height:var(--tap)}.keychip{height:var(--tap)}.top .tabs button{min-height:var(--tap)}}@media(max-width:640px){.top{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px}.top-r{gap:6px}.keychip{height:var(--tap);gap:6px;padding:0 10px}.keychip .kname{font-size:14px;line-height:1.1;white-space:normal}.keychip .ksub{display:none}.keychip.long .kname{font-size:13px}.keychip.long .kring{display:none}}.dialv.withly{grid-template-columns:auto minmax(240px,320px) minmax(0,1fr);gap:24px}.dlyr{display:none;min-width:0;min-height:0;height:100%}.dialv.withly .dlyr{display:flex;flex-direction:column}.dlyr .lypanel,.dlyr .ugpanel{height:100%}@media(max-width:1250px){.dialv.withly{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.dialv.withly .side{display:none}}@media(max-width:640px){.dialv.withly{grid-template-columns:1fr;grid-template-rows:auto auto}.dialv.withly .side{display:flex}.dialv.withly .dlyr{height:60vh}}.accsum{color:var(--muted);font-size:13.5px}.accsum b{color:var(--ink)}.accb{font-style:normal}.accb.good{color:var(--ok)}.accb.mid{color:var(--t)}.accb.bad{color:var(--d)}.accbox{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14.5px}button.lc{border:0;border-bottom:3px solid var(--fc);color:inherit;cursor:pointer}button.lc:hover{filter:brightness(1.08)}button.lc.on{outline:2px solid var(--fc, var(--ink));outline-offset:2px}.playv{height:100%;display:flex;flex-direction:column;gap:14px;min-height:0}.playv>.tuner{flex:1;min-height:0;height:auto}.mytape{flex:none;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);min-width:0}.mt-h{flex:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mt-empty{flex:1;color:var(--faint);font-size:14px}.mt-row{flex:1;display:flex;justify-content:flex-end;gap:6px;overflow:hidden;min-width:0}.mt-c{flex:none;font:700 15px var(--f-display);padding:6px 10px;border-radius:7px;background:var(--surface);border:1px solid var(--line);border-bottom:3px solid var(--fc, var(--line));color:inherit;cursor:pointer}.mt-c.cur{background:var(--fc);border-color:var(--fc);color:var(--on)}.mt-more{flex:none;align-self:center;color:var(--faint)}@media(max-width:640px){.mytape{flex-wrap:wrap}.mt-row{flex-basis:100%;order:3}.playv{height:auto}}#settings{width:min(520px,calc(100vw - 24px));background:var(--bg);overflow:hidden}.sdlg{display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.shead{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;background:var(--bg)}.shead h2{font:700 22px/1.1 var(--f-display);margin:0;letter-spacing:-.02em}.sclose{width:34px;height:34px;border-radius:50%;border:0;background:var(--surface2);color:var(--muted);font-size:15px;cursor:pointer}.sclose:hover{color:var(--ink)}.sbody{padding:4px 20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sgroup{margin:0}.sgroup h3{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 7px 4px}.scard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.srow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;font-size:15.5px;min-height:52px;width:100%;background:none;border:0;color:inherit;text-align:left;font-family:inherit}.srow+.srow,.acct+.srow{border-top:1px solid var(--line)}.srow>div:not(.segc){display:flex;flex-direction:column;gap:2px;min-width:0}.srow small{color:var(--muted);font-size:13px;line-height:1.35}.srow>.pill,.srow>.btn{flex-shrink:0}.srow.col{flex-direction:column;align-items:stretch;gap:10px}.srow.tap{cursor:pointer}.srow.tap:hover{background:var(--surface2)}.srow.tap i{font-style:normal;color:var(--faint);font-size:22px;line-height:1}label.srow{cursor:pointer}.srow select{font:inherit;font-size:14.5px;padding:7px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);max-width:55%}.srow .link{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:4px 0;white-space:nowrap}.srow .link:hover{color:var(--ink)}.sfoot{color:var(--faint);font-size:12.5px;margin:7px 4px 0;line-height:1.4}.ok-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent);flex:none}.segc{display:flex;background:var(--surface2);border-radius:10px;padding:3px;gap:2px}.segc label{flex:1;position:relative;cursor:pointer}.segc input{position:absolute;opacity:0;pointer-events:none}.segc span{display:block;text-align:center;padding:8px 6px;border-radius:8px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}.segc input:checked+span{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000002e}.segc input:focus-visible+span{outline:2px solid var(--t);outline-offset:1px}.segc.wrap label{display:flex}.segc.wrap span{flex:1;display:grid;place-items:center;white-space:normal;text-overflow:clip;line-height:1.2}.sw{appearance:none;-webkit-appearance:none;flex:none;width:46px;height:28px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);position:relative;cursor:pointer;transition:background .2s;margin:0}.sw:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--ink);opacity:.55;transition:transform .2s,opacity .2s}.sw:checked{background:var(--ok);border-color:var(--ok)}.sw:checked:after{transform:translate(18px);opacity:1;background:#fff}.sw:focus-visible{outline:2px solid var(--t);outline-offset:2px}.scard .acct{padding:14px 15px;gap:12px}.scard .acct .tip{color:var(--muted);font-size:13.5px;line-height:1.4}.scard .acct-pitch{font-size:14px}.scard .acct-actions{gap:8px}.shelp summary{cursor:pointer;color:var(--muted);font-size:14.5px;padding:4px;list-style:none}.shelp summary:after{content:" ›"}.shelp[open] summary:after{content:" ⌄"}.shelp .scard{margin-top:8px}.shelp ul{margin:0;padding:12px 15px 12px 32px;font-size:14px;line-height:1.6;color:var(--muted)}.shelp b{color:var(--ink);font-weight:600}.scredit{color:var(--faint);font-size:12px;line-height:1.45;margin:0 4px}.scredit a{color:var(--muted)}@media(max-width:480px){.sbody,.shead{padding-left:14px;padding-right:14px}.segc span{font-size:13px;padding:8px 4px}}@media(max-width:640px){#settings{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;border-radius:0}.sdlg{height:100%;max-height:none}.shead{flex:none;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid var(--line)}.sbody{flex:1 1 auto;min-height:0;padding:14px 14px calc(24px + env(safe-area-inset-bottom,0px))}}@media(pointer:coarse),(max-width:640px){.sclose{width:var(--tap);height:var(--tap)}.segc label{display:flex}.segc span{flex:1;display:grid;place-items:center;min-height:var(--tap);padding:6px 4px;white-space:normal;text-overflow:clip;line-height:1.2}.srow .link{min-height:var(--tap);padding:0 0 0 12px}.shelp summary{padding:12px 4px;line-height:1.5}.howbtn{min-height:var(--tap)}.toast.act{padding:2px 6px 2px 16px}.toast.act .tbtn{min-height:var(--tap);min-width:var(--tap);padding:0 10px}.player .bar{height:var(--tap);background:none}.player .bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:var(--line)}.player .bar i{top:50%;bottom:auto;height:8px;margin-top:-4px}}.stage .wait{color:var(--faint);font-size:clamp(20px,3vw,32px)}.dialv:not(.withly){grid-template-columns:auto minmax(0,760px);justify-content:center}.dialv:not(.withly) .side{max-width:none}.dialv:not(.withly) .mods{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media(max-width:640px),(max-width:900px)and (orientation:portrait){.dialv:not(.withly){grid-template-columns:minmax(0,1fr);justify-content:stretch}.dialv .side{max-height:none;overflow:visible;padding-right:0}}:root{--brand: #FF9408;--lg-ink: var(--ink);--lg-key: var(--bg)}.keychip.brand{border-color:transparent;background:none;padding-left:4px}.keychip.brand .kname{font-size:18px;overflow:visible}.keychip .kk-mark{width:auto;height:24px;color:inherit}@media(max-width:640px){.keychip.brand{padding:0 0 0 4px}.keychip.brand .kname{font-size:17px}.keychip .kk-mark{height:22px}}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}::-webkit-scrollbar-button{display:none;height:0;width:0}.side{scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.side:hover,.side:focus-within{scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}.side::-webkit-scrollbar-thumb{background-color:transparent}.side:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--muted) 45%,transparent)}.only-phone{display:none}.srcbar{gap:10px 12px}.srcgrp{display:flex;align-items:center;gap:10px;min-width:0}.srcseg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--surface2)}.srcseg .pill{border-color:transparent;background:none;color:var(--muted-strong);padding:6px 13px}.srcseg .pill:hover{border-color:transparent;color:var(--ink)}.srcseg .pill[aria-pressed=true]{color:var(--bg)}.pill.quiet{border-color:transparent;background:none;color:var(--muted-strong)}.pill.quiet:hover{border-color:var(--line);color:var(--ink)}.srcseg .pill.quiet{margin-left:6px;color:var(--muted)}.findgrp{display:flex;align-items:center;gap:4px;margin-left:auto;order:5}.pill.find{order:3;background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600;padding:8px 16px}.pill.find:hover{border-color:var(--ink);opacity:.88}.pill.find[disabled]{opacity:.55;cursor:default}.moremenu{display:contents}.moremenu .pill[aria-pressed=true]{background:var(--surface2);color:var(--ink);border-color:var(--line)}.player{flex-wrap:nowrap;flex:1 1 100%;order:9;gap:12px}.player.live{flex:0 0 auto;order:1}.player.live .lvl{width:70px}.player .bar{flex:1 1 auto;min-width:80px}.playbtn{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:var(--bg);display:grid;place-items:center;cursor:pointer}.playbtn:hover{opacity:.88}.playbtn svg{width:20px;height:20px}.speedseg{flex:none}.sheet-bg{display:none}.car{display:inline-block;flex:none;width:7px;height:7px;margin:-3px 2px 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}[aria-expanded=true]>.car{margin-top:3px;transform:rotate(-135deg)}@media(prefers-reduced-motion:reduce){.car{transition:none}}.uplane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;max-width:520px}.up-h{grid-column:1 / -1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.upc{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px 6px;border-radius:8px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--fc, var(--line))}.upc b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font:700 clamp(18px,4.6cqh,26px)/1.1 var(--f-display)}.upc i{min-height:1.2em;color:var(--muted);font-size:13px;font-style:normal;font-variant-numeric:tabular-nums}.fhead,.fneck{display:none}.fbody{display:flex;flex-direction:column;gap:10px;min-width:0}@media(max-width:640px){.srcbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.srcgrp{flex:1 1 0}.only-wide{display:none!important}span.only-phone{display:inline}.srcchip{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:var(--tap);padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden}.srcchip[aria-expanded=true]{border-color:var(--ink)}.findgrp{flex:none;margin-left:0;order:0}.pill.find{padding:0 16px}.seg2.modes{flex:1 1 100%}.seg2.modes button{flex:1}.player{order:0;gap:10px}.player.live{flex:1 1 100%}.player.live .lvl{flex:1;width:auto}.playbtn{width:52px;height:52px}.playbtn svg{width:22px;height:22px}.player .bar{min-width:40px}.player .tm{font-size:12px}.morebtn{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.morebtn[aria-expanded=true]{border-color:var(--ink)}.morebtn svg{width:22px;height:22px}.sheet-bg{display:block;position:fixed;inset:0;z-index:25;background:#00000061}.srcseg.sheet,.moremenu.sheet{display:none}.srcseg.sheet.open,.moremenu.sheet.open{display:flex;flex-direction:column;align-items:stretch;gap:6px;position:fixed;left:0;right:0;bottom:calc(61px + env(safe-area-inset-bottom,0px));z-index:26;padding:6px 12px 12px;border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:0;background:var(--bg);box-shadow:0 -10px 32px #00000047}.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 4px 6px}.sheet-h b{font:700 16px var(--f-display)}.sheet-x{width:var(--tap);height:var(--tap);border-radius:50%;border:0;background:var(--surface2);color:var(--muted);font-size:15px;cursor:pointer}.sheet .pill{width:100%;min-height:52px;justify-content:flex-start;padding:0 16px;border-radius:12px;border-color:var(--line);background:var(--surface);color:var(--ink);font-size:16px}.sheet .pill.quiet{color:var(--muted-strong)}.sheet .soundfind{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding-top:8px;padding-bottom:8px;white-space:normal;text-align:left}.sheet .pill[aria-pressed=true]{background:var(--surface2);color:var(--ink);border-color:var(--ink)}.srcseg.sheet .pill[aria-pressed=true]:after{content:"✓";margin-left:auto}.srcseg .pill.quiet{margin-left:0}.speedrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 0 6px;font-size:16px}.sheet-note{display:block;margin:2px 6px 0;color:var(--muted);font-size:13px;line-height:1.4}.songv{display:flex;flex-direction:column;gap:10px;height:auto}.songmain{display:contents}.songv.pick>div:empty{display:none}#sHead{order:0}#sMeta{order:1}#sMeta:empty{display:none}.songv .now,.songv .songsearch{order:2}.songv>.timeline{order:3}.songv .finger{order:4}.songv .lypanel,.songv .ugpanel{display:contents}#lyHead,.ugtools{order:2}#lyTools,.ugpanel>.lynote{order:5}#lyr,.ugsheet{order:6}.ugpanel>.lysrc{order:7}.songv .lyrics{flex:none;overflow:visible}.sres-list{overflow:visible}.songv .now{container-type:inline-size;min-height:0;flex-flow:row wrap;align-items:center;justify-content:flex-start;column-gap:12px;padding-left:16px}.songv .now>*{flex:1 1 100%}.songv .now>.wchip,.songv .now>.fixchip{flex:0 0 auto;margin:8px 0 0}.songv .now>.fixchip{padding:0}.songv .now.haswhy{min-height:0}.songv .now .fn{font-size:17px}.songv .now .chord{font-size:clamp(60px,min(30cqw,calc(170cqw / var(--len, 2))),112px);margin:2px 0 4px}.songv .now .lowhint{margin:0}.upc b{font-size:clamp(16px,5.4vw,22px)}.songv>.timeline{height:auto;min-height:52px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent)}.songv>.timeline .seg{min-height:52px}.songv .finger{gap:0;overflow:visible;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.fhead{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--tap);padding:0 14px;border:0;background:none;color:var(--ink);font:600 14px var(--f-ui);text-align:left;cursor:pointer}.fhead .fcapo{margin-left:auto;color:var(--muted);font-size:12.5px;font-weight:500}.fhead .fcapo+.car{margin-left:4px}.fbody{padding:0 14px 12px}.finger:not(.open) .fbody:not(:has(.boxes)){padding-bottom:0}.box{height:120px}.finger.open .box{height:150px}.finger:not(.open) .box.small,.finger:not(.open) .fx{display:none}.finger.open .fneck{display:block;height:96px}.fneck svg{width:100%;height:100%;display:block}#app.kk-song .kbd.neck{height:0;padding:0;overflow:hidden;visibility:hidden}.songmeta{flex-wrap:wrap;gap:8px 12px}.songmeta>div{flex:1 1 calc(100% - 52px)}.songmeta b{white-space:normal;overflow:visible;text-overflow:clip}.songmeta a.pill{margin-left:0}}@media(pointer:coarse){.lsearch,.sform input,.srow2 input,.srow select,.lytools select,.ugtools select,.capo select,.dlg select{font-size:16px}}.acct{display:flex;flex-direction:column;gap:10px}.acct-pitch{font-size:14px;color:var(--muted)}.acct-logins{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.acct-login{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 12px;cursor:pointer;font-size:14px;text-align:left}.acct-login:hover{border-color:var(--muted)}.acct-login b{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--surface2);font-size:12px;flex:none}.acct-login.ya b{background:#fc3f1d;color:#fff}.acct-login.vk b{background:#07f;color:#fff;font-size:10px}.acct-login.mx b{background:linear-gradient(135deg,#3d8bff,#9b4dff);color:#fff}.acct-me{display:flex;align-items:center;gap:12px}.acct-me img,.acct-me>i{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.acct-me>i{display:grid;place-items:center;background:var(--surface2);font:700 16px var(--f-display);font-style:normal}.acct-tier{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--surface2);color:var(--muted);margin-right:4px}.acct-tier.pro{background:var(--t);color:var(--on)}.acct-actions{display:flex;flex-wrap:wrap;gap:8px}.acct-actions a.pill{text-decoration:none;color:inherit}#paywall{border:0;border-radius:16px;padding:0;background:var(--surface);color:var(--ink);width:min(520px,calc(100vw - 32px))}#paywall::backdrop{background:#0a0c108c}.pw .pw-why{margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--surface2);font-size:14px}.pw-why b,.pw-why span{display:block}.pw-why b+span{margin-top:2px}.pw-why span{color:var(--muted);font-size:13px}.pw .pw-lead{margin:0;font-size:15px}.pw .pw-note{margin:0;font-size:13.5px;color:var(--muted)}.pw-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pw-feat li{display:flex;flex-direction:column;padding-left:26px;position:relative;font-size:15px}.pw-feat li:before{content:"";position:absolute;left:4px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--t)}.pw-feat span{color:var(--muted);font-size:13px}.pw-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pw-plan{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer;text-align:left}.pw-plan:hover:not(:disabled){border-color:var(--t)}.pw-plan:disabled{opacity:.5;cursor:default}.pw-plan .pw-t{font-size:14px;color:var(--muted)}.pw-plan .pw-t i{font-style:normal;color:var(--ok);font-weight:700;margin-left:4px}.pw-plan .pw-p{font-size:24px}.acct-legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px}.acct-legal a{color:var(--muted)}.acct-legal .linkbtn{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit}.acct-legal .linkbtn:hover{color:var(--d)}#pad:not(:empty){padding:14px 20px 0}.chordpad{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px}.cpb{min-height:56px;border:1px solid var(--line);border-bottom-width:3px;border-radius:var(--radius);background:var(--surface);color:var(--ink);font:700 20px/1 var(--f-display);cursor:pointer;touch-action:manipulation}.cpb:hover{border-color:var(--muted)}.cpb:active,.cpb.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chordpad .cp-demo{min-height:56px;padding:6px 10px;font-size:13.5px;line-height:1.15;white-space:normal}@media(max-width:900px){#pad:not(:empty){padding:10px 14px 0}}@media(max-width:640px){#pad:not(:empty){padding:8px 12px 0}}.now .fn.ask{font-size:clamp(16px,4.6cqh,24px);line-height:1.3}.keychip.prov .ksub{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.keychip.prov .ksub{font-size:12px}}.cpb .cn{pointer-events:none}.cpb.fb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;min-height:82px;font-size:18px}.cpb.fb .box.mini{height:44px;width:auto;max-width:100%;opacity:1;pointer-events:none}.cpb .box .dot,.cpb .box .nut{fill:var(--ink)}.cpb:active .box .dot,.cpb.on .box .dot,.cpb:active .box .nut,.cpb.on .box .nut{fill:var(--bg)}.cpb:active .box .st,.cpb.on .box .st,.cpb:active .box .fr,.cpb.on .box .fr{stroke:var(--faint)}.cpb:active .box .op,.cpb.on .box .op,.cpb:active .box .mk,.cpb.on .box .mk{stroke:var(--bg);fill:none}.cpb:active .box .mk,.cpb.on .box .mk,.cpb:active .box .bf,.cpb.on .box .bf{fill:var(--bg);stroke:none}.chordpad .cp-demo .ds,.chordpad .cp-kbd{display:none}.nextline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px}.nl-h{color:var(--muted);font-size:14px}.nl-c{min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-bottom-width:3px;border-radius:var(--radius);background:var(--surface);color:var(--ink);font:700 18px/1 var(--f-display);cursor:pointer;touch-action:manipulation}.nl-c:hover{border-color:var(--muted)}.nl-c:active{background:var(--ink);color:var(--bg);border-color:var(--ink)}#task:not(:empty){padding:8px 20px 0}.task{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:44px;color:var(--muted);font-size:14px}.task .tk-t{flex:1 1 auto;min-width:0}.task .tk-h{margin-right:4px}.task i{font-style:normal;color:var(--faint);margin:0 3px}.task .tk-c{display:inline-block;font:700 15px/1.3 var(--f-display);color:var(--muted);padding:0 3px;border-bottom:2px solid transparent}.task .tk-c.ok{color:var(--ink)}.task .tk-c.ok b{color:var(--ok);margin-right:2px;font:700 13px var(--f-ui)}.task .tk-c.nx{color:var(--ink);border-bottom-color:var(--ink)}.task.done .tk-t{color:var(--ink)}.task .tk-x{flex:none;width:44px;height:44px;margin-left:auto;border:0;background:none;color:var(--faint);font-size:16px;cursor:pointer}.task .tk-x:hover{color:var(--ink)}@media(max-width:900px){#task:not(:empty){padding:6px 14px 0}}@media(max-width:640px){#task:not(:empty){padding:4px 12px 0}}.mytape .pill.ic svg{display:none}@media(max-width:640px){.chordpad{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cpb.fb{min-height:70px;font-size:16px;gap:2px;padding:3px 1px}.cpb.fb .box.mini{height:40px}.chordpad .cp-demo{padding:4px 2px;font-size:13px}.chordpad .cp-demo .dl{display:none}.chordpad .cp-demo .ds{display:inline}.chordpad .cp-kbd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:4px 0;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink);font:600 10.5px/1.1 var(--f-ui);cursor:pointer;touch-action:manipulation}.chordpad .cp-kbd svg{width:20px;height:20px;flex:none}.chordpad .cp-kbd[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media(max-width:380px){.chordpad .cp-kbd{font-size:10px}}.kbd.kbd-off{height:0;padding:0;overflow:hidden}.playv .now{container-type:inline-size;min-height:120px;padding:6px 0 6px 16px}.playv .now .fn{font-size:16px}.playv .now .fn.ask{font-size:15px}.playv .now .chord{font-size:min(56px,calc(170cqw / var(--len, 2)))}.playv .now .notes{font-size:14px}.playv .now .why{font-size:13px;margin-top:4px}.playv .nextline{margin-top:6px}.playv .now.haswhy{min-height:120px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:8px}.playv .now.haswhy>*{grid-column:1}.playv .now.haswhy>.wchip{grid-column:2;grid-row:1 / span 3;align-self:end;margin:0}.playv .next{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:8px}.playv .next .h{grid-column:1 / -1}.playv .tile{grid-template-columns:minmax(0,1fr);row-gap:1px;align-content:center;min-height:68px;padding:6px 8px 6px 14px}.playv .tile .disp{grid-row:auto;min-width:0;font-size:24px}.playv .tile .t1,.playv .tile .t2{align-self:auto;font-size:11.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playv .tile.ph.first{grid-column:1 / -1;min-height:48px;justify-content:center}.playv .tile.ph:not(.first){display:none}.playv{gap:10px}.mytape{row-gap:2px;padding-top:8px}.mytape .mt-h{flex:1 1 auto}.mytape .pill.ic{padding:0}.mytape .pill.ic svg{display:block;width:20px;height:20px}.mytape .pill.ic .pl{display:none}}.mytape .mt-empty{color:var(--muted)}.srcnote .linkbtn{display:inline-flex;align-items:center;min-height:var(--tap, 44px);margin:-10px 0;padding:0 6px}#app .kbd.none{height:0;padding:0;overflow:hidden;visibility:hidden}@media(max-width:640px){.notice.mb{flex-wrap:nowrap;align-items:center;padding:5px 5px 5px 12px}.notice.mb .nt{flex:1 1 0;min-width:0}.notice.mb.compact .nt{display:none}.notice.mb .btn{flex:none;min-height:var(--tap, 44px)}.notice.mb.compact .btn[data-act=connect]{flex:1 1 auto}.notice.mb [data-act=demo]{display:none}}.wchip{align-self:flex-start;margin-top:10px}.wchip[aria-expanded=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lyhead{flex-wrap:wrap}.lyhead .wchip{margin:0 0 0 auto}.ugtools .wchip{margin-top:0}@media(max-width:640px){.now.haswhy{min-height:290px}}.whycard{position:absolute;z-index:16;right:16px;bottom:12px;width:min(420px,calc(100% - 32px));max-height:calc(100% - 24px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--fc, var(--line));border-radius:14px;box-shadow:0 10px 32px #00000047;animation:whyIn .18s ease-out}@keyframes whyIn{0%{opacity:0;transform:translateY(10px)}}@keyframes whyUp{0%{opacity:0;transform:translateY(40px)}}.why-top{flex:none;padding:8px 10px 4px 16px}.why-grip{display:none}.why-head{display:flex;align-items:flex-start;gap:8px}.why-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:4px}.why-title b{font-size:26px;line-height:1.1;overflow-wrap:anywhere}.why-sub{color:var(--muted);font-size:13.5px}.why-nav{flex:none;display:flex;gap:4px}.why-btn{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;touch-action:manipulation}.why-btn:hover:not(:disabled){border-color:var(--muted)}.why-btn:disabled{opacity:.35;cursor:default}.why-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px}#whyMain{display:flex;flex-direction:column;gap:10px}.why-line{margin:0;font-size:15px;line-height:1.45}.why-more{align-self:flex-start;font-size:14px;color:var(--muted)}.why-hear{border-left:3px solid var(--fc, var(--line));padding:2px 0 2px 12px}.why-hl{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.why-pair{font:700 13px var(--f-display);letter-spacing:0;text-transform:none;color:var(--ink)}.why-hear p{margin:4px 0 0;font-size:15.5px;line-height:1.45}.why-acts{display:flex;gap:8px;flex-wrap:wrap}.why-play{touch-action:manipulation}.why-play[data-playing]{background:var(--fc, var(--ink));color:var(--on)}.why-ab{touch-action:manipulation}.why-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px;line-height:1.4;color:var(--muted)}.why-chips{display:inline-flex;align-items:center;gap:4px}.why-chips i{color:var(--faint);font-style:normal}.why-ch{font:700 13px var(--f-display);padding:2px 8px;border-radius:6px;background:var(--surface2);color:var(--ink)}.why-ch.on{background:var(--fc, var(--ink));color:var(--on)}@media(max-width:640px),(pointer:coarse){.whycard{position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:min(640px,100%);max-height:min(64vh,540px);border-radius:18px 18px 0 0;border-bottom:0;box-shadow:0 -8px 30px #00000047;animation-name:whyUp}.why-top{padding:2px 6px 2px 14px;touch-action:none;user-select:none;-webkit-user-select:none}.why-grip{display:block;width:40px;height:4px;margin:6px auto 2px;border-radius:2px;background:var(--line)}.why-title b{font-size:28px}.why-btn{width:var(--tap);height:var(--tap)}.why-more{min-height:var(--tap)}.why-body{padding:2px 14px calc(18px + env(safe-area-inset-bottom,0px))}}@media(max-width:640px){.whycard{bottom:calc(61px + env(safe-area-inset-bottom,0px));border-left:0;border-right:0}.why-body{padding-bottom:18px}}.seg.low{border-style:dashed;border-top-style:solid}.seg.low:after,.lch.low:after,.lc.low:after{content:"?";font:600 .62em var(--f-ui);vertical-align:super;margin-left:2px;opacity:.7}.seg.low:after{align-self:flex-start;margin:4px 0 0 3px;font-size:11px}.lch.low{text-decoration:underline dashed;text-decoration-thickness:1px;text-underline-offset:3px}.lc.low{border-bottom-style:dashed}.seg.fixed:after,.lch.fixed:after,.lc.fixed:after{content:"✎";font:400 .6em var(--f-ui);vertical-align:super;margin-left:2px;opacity:.55}.seg.fixed:after{align-self:flex-start;margin:4px 0 0 3px;font-size:10px}[data-fix]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chord.low:after{content:"?";font-size:.32em;vertical-align:super;margin-left:.15em;opacity:.5}.lowhint{color:var(--muted);font-size:13.5px;margin-top:2px}.fixchip{align-self:flex-start;margin-top:8px;padding:6px 0;font-size:14px;color:var(--muted);font-weight:500}.lyhead .fixchip,.ugtools .fixchip{margin:0 0 0 auto;padding:0}.lyhead .wchip+.fixchip,.ugtools .wchip+.fixchip{margin-left:10px}@media(max-width:640px),(pointer:coarse){.fixchip{min-height:var(--tap);display:inline-flex;align-items:center}}.why-fixed{margin:0;font-size:14px;color:var(--muted)}.why-fixed.low{font-style:italic}.why-fix{align-self:flex-start;font-size:14px;color:var(--muted);font-weight:500}@media(max-width:640px),(pointer:coarse){.why-fix{min-height:var(--tap)}}.fixcard{border-top-color:var(--line)}#fixMain{display:flex;flex-direction:column;gap:10px}.fix-lead,.fix-was{margin:0;font-size:15px;line-height:1.45}.fix-was{padding:8px 10px;border-radius:8px;background:var(--surface2)}.fix-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fix-row.fix-now{color:var(--muted)}.fix-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:64px}.fix-hear{min-width:96px;justify-content:flex-start;font-size:15px;touch-action:manipulation}.fix-hear b{font-size:17px}.fix-pick{touch-action:manipulation}.fix-other{align-self:flex-start;touch-action:manipulation}.fix-picker{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid var(--line)}.fix-lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fix-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.fix-chip{min-height:38px;padding:0 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);font:700 15px var(--f-display);cursor:pointer;touch-action:manipulation}.fix-chip.wide{font:600 13.5px var(--f-ui)}.fix-chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.fix-chip.wide{grid-column:span 2}@media(max-width:640px),(pointer:coarse){.fix-chip{min-height:var(--tap)}}#mode:not(:empty){display:flex;justify-content:center;padding:12px 20px 0}.seg2.modesw{width:min(100%,420px);display:grid;grid-template-columns:1fr 1fr}.seg2.modesw button{min-height:var(--tap, 44px);padding:0 14px;font:600 15px var(--f-ui)}@media(max-width:900px){#mode:not(:empty){padding:10px 14px 0}}@media(max-width:640px){#mode:not(:empty){padding:8px 12px 0}}.mlv{height:100%;width:100%;max-width:760px;margin:0 auto;padding:2px 0 8px;display:flex;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.ml-card{min-width:0;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.ml-h{margin:0;font:700 clamp(22px,3vw,28px)/1.15 var(--f-display)}.ml-p{margin:0;max-width:56ch;font-size:16px;line-height:1.45}.ml-note{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.ml-lbl{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ml-err{color:var(--d);font-weight:500}.ml-few{margin:0;font-size:16px;line-height:1.45}.ml-rec,.ml-stop{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;font:700 20px var(--f-display);cursor:pointer;touch-action:manipulation}.ml-rec{background:var(--ink);color:var(--bg)}.ml-idle .ml-rec,.ml-idle .ml-sec{max-width:420px}.ml-stop{background:var(--rec);color:#fff}.ml-dot{flex:none;width:16px;height:16px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--rec) 30%,transparent)}.ml-sq{flex:none;width:16px;height:16px;border-radius:3px;background:currentColor}.ml-btns,.ml-acts{display:flex;flex-wrap:wrap;gap:10px}.ml-big{min-height:48px;padding:10px 20px;font-size:15px;line-height:1.2;text-align:center;white-space:normal;touch-action:manipulation}.ml-acts .btn{flex:1 1 auto;white-space:nowrap}.ml-btns .btn{white-space:normal}.ml-ask-t{margin:0;font:700 clamp(20px,4vw,26px)/1.25 var(--f-display)}.ml-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:14px}.ml-src:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--rec);animation:pulse 2s infinite}.ml-time{font-variant-numeric:tabular-nums}.ml-now{display:flex;align-items:center;gap:18px}.ml-big-note{--nh: clamp(56px, 18vw, 96px);display:flex;align-items:center;min-width:calc(var(--nh) * 2.2);height:var(--nh);font-size:var(--nh);line-height:1;white-space:nowrap}.ml-big-note.dim{color:var(--faint)}.ml-big-note.wait{font:500 20px/1.2 var(--f-ui);color:var(--muted)}.ml-cents{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ml-gauge{position:relative;height:8px;border-radius:4px;background:var(--surface2)}.ml-mid{position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:var(--ink);opacity:.35;transform:translate(-1px)}.ml-gauge b{position:absolute;top:-5px;left:50%;width:6px;height:18px;border-radius:3px;background:var(--ok);transform:translate(-3px);transition:left .08s linear,opacity .2s}.ml-cv{min-height:1.3em;color:var(--muted);font:600 14px var(--f-ui);font-variant-numeric:tabular-nums}.ml-canvas{display:block;width:100%;height:150px;border:1px solid var(--line);border-radius:10px;background:var(--bg);touch-action:pan-y}.ml-meter{display:flex;align-items:center;gap:12px}.ml-lvl{position:relative;flex:1;height:10px;overflow:hidden;border-radius:5px;background:var(--surface2)}.ml-lvl i{position:absolute;inset:0 auto 0 0;width:0;border-radius:5px;background:var(--ok)}.ml-lvl u{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.45;text-decoration:none}.ml-warn{margin:0;padding:10px 14px;border:1px solid var(--d);border-radius:10px;background:color-mix(in srgb,var(--d) 8%,transparent);color:var(--d);font-size:15px;font-weight:500;line-height:1.35}.ml-keys{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ml-key{font-size:clamp(24px,6vw,34px);line-height:1.1}.ml-or{color:var(--faint);font-size:22px}.ml-alt{min-height:var(--tap, 44px);padding:0 16px;border:1px dashed var(--muted);border-radius:999px;background:transparent;color:var(--ink);font:600 15px var(--f-ui);cursor:pointer;touch-action:manipulation}.ml-alt:hover{border-style:solid}.ml-rollbox{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ml-rollbox:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ml-roll{position:relative;min-width:100%}.ml-bar{position:absolute;height:var(--tap, 44px);margin-top:-10px;padding:0;border:0;background:none;color:var(--on);font:700 12px/24px var(--f-ui);text-align:left;white-space:nowrap;cursor:pointer}.ml-bar span{display:block;height:24px;margin-top:10px;padding:0 5px;overflow:hidden;border-radius:6px;background:var(--fc, var(--ink))}.ml-chord{position:absolute;top:4px;height:var(--tap, 44px);padding:0 8px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid var(--line);border-bottom:3px solid var(--fc, var(--ink));border-radius:8px;background:var(--surface);color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer}.ml-chord b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.15}.ml-chord small{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10.5px;line-height:1.2}.ml-bar:hover span,.ml-chord:hover{filter:brightness(1.08)}.ml-head{position:absolute;z-index:1001;top:0;bottom:0;left:0;width:2px;background:var(--rec);pointer-events:none;will-change:transform}.ml-names{margin:0;color:var(--muted);font:600 15px/1.5 var(--f-ui);word-spacing:.3em;overflow-wrap:anywhere}.ml-names b{color:var(--ink)}.ml-idle .ml-midi{width:100%;max-width:420px;min-height:var(--tap, 44px);padding:0 16px;font-size:14px}.ml-sub{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;margin:0 -14px -14px;padding:10px 14px;background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 13px 13px}.ml-sub:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;background:linear-gradient(to top,var(--surface),transparent);pointer-events:none}.mlv{scroll-padding-bottom:calc(var(--tap, 44px) + 21px)}.ml-sub .pill{flex:1 1 0;justify-content:center;text-align:center}@media(min-width:641px){.ml-sub{margin:0 -18px -18px;padding:12px 18px}}.ml-tr{display:inline-flex;align-items:center;gap:8px}.ml-tr button{width:var(--tap, 44px);height:var(--tap, 44px);border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:20px;cursor:pointer;touch-action:manipulation}.ml-tr button:disabled{opacity:.4;cursor:default}.ml-trv{min-width:4.5em;text-align:center;font:600 15px var(--f-ui);font-variant-numeric:tabular-nums}.ml-save,.ml-copy{min-height:var(--tap, 44px);padding:0 18px}.ml-save:disabled{opacity:.7;cursor:default}@media(max-width:640px){.ml-card{padding:14px;border-radius:12px}.ml-canvas{height:130px}.ml-big-note{--nh: 64px}.kbd.off{height:0;padding:0;overflow:hidden}.ml-now{gap:12px}}#resume:not(:empty){padding:12px 20px 0}.resume{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;min-height:56px;padding:6px 4px 6px 16px;border:1px solid var(--line);border-left:4px solid var(--t);border-radius:var(--radius);background:var(--surface);font-size:14.5px}.resume .rs-t{flex:1 1 220px;min-width:0;color:var(--muted);overflow-wrap:anywhere}.resume .rs-t b{color:var(--ink);font-weight:600}.resume .rs-go{flex:none;min-height:44px;min-width:44px;padding:0 20px}.resume .rs-x{flex:none;width:44px;height:44px;border:0;background:none;color:var(--faint);font-size:16px;cursor:pointer}.resume .rs-x:hover{color:var(--ink)}@media(max-width:900px){#resume:not(:empty){padding:10px 14px 0}}@media(max-width:640px){#resume:not(:empty){padding:8px 12px 0}.resume{padding-left:12px;font-size:14px}.resume .rs-t{flex-basis:100%;order:1}.resume .rs-go{order:2;flex:1 1 auto}.resume .rs-x{order:3}}.lchips{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;color:var(--muted);font-size:13px}.lchip{font-style:normal;padding:1px 8px;border-radius:999px;background:var(--surface2);color:var(--muted-strong);font-size:12.5px;line-height:1.5;white-space:nowrap}.lchip.fx{background:transparent;border:1px solid var(--t);color:var(--t)}.ldetail .lchips{margin-top:2px}.ltitle{border-bottom-color:var(--line);max-width:100%}.lhint{margin:0;color:var(--muted);font-size:14px;max-width:60ch;line-height:1.45}.lempty{color:var(--muted);padding:24px 0;max-width:52ch;line-height:1.5;font-size:15.5px;display:flex;flex-direction:column;gap:10px}.lempty b{color:var(--ink);font:700 clamp(18px,2.4vw,22px)/1.2 var(--f-display)}.lempty p{margin:0}.lempty .btn{min-height:44px;padding:0 20px;display:inline-flex;align-items:center}