@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAaEABMAAAAADFgAAAYdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJpBmA/U1RBVIE4AFwvbBEICoJ8gkMLFAAwhCoBNgIkAyIEIAWGUAdiDAcbvgpRVHJOI/viwCYyfSFrJjFIG8raYpYj9+IeSF0s6zD+Lk/4OGrZHhHV+wvt2ffuWPwlA51lIICIosSVmyOKEs5Uzlx3NKeXIgn1ssCydUybDV0IHga+SszIyfrQe9bLTFNxjayzgs76hNsDoSYtRe32fiJ4gxBjrP8L+w//zzHjv7Yqyr9o2vOBDXhCo2jMtr4uwAK/gV1U0PxAq/EAD+yW9EoKOL1KLw8rHrFgCSgRTQRzBzpeXVhweEDlyfY8gIoOa2CQJzrTAHIIoitTMVV2dyFwpJ2iAEQTpSkhPitxD3YwuZHEagTcAhyKAcBmUyPdhTovJThOw6HYiaF2M/J7erdi2OUutor6ES6Ac88AvfZvKpb6fJoArohb524042j6Jij36NI7P8Pb7s721naN9gcTtcjXQP4l+8BKEzFVGMxxoHqlq8Ul4LGneFJBDFaOdKpLPcg8P14YSDwIcn75hdlyJLTBlZ4voL6tT46yC/njunXqpJ0/bSvmrH1o3kRlwZ+j0DBogkF3KbDRVBlbOc+fY5HVXwPoT9hfekPnyZMaEmenYLMSg5npqegFOsgXsBv1IoF9aIVfSCNHkk6+gIzILsiYuhWQCfUtZEpbkRntQxBZgw7MwFbMcRvwJrAnBlDqs7isLtL7pO84Xru1i7ah7tckH1Wreqq6K9u0amxU1bcff/s2Y1ni3rh2I8zHzqkm3PGvv3mzC6NDBz/UcOBIg+nm88rxN8MbdtypvHUL5o1c2zG0urYpRmW+VHZdiba6GXN/3v0B3i3nt4RBsbfAu8ftLqRcTIlZ4VYheFTAS5nXLS65VZrbuW3daF2Ze1ChyGXWZN6u9nUuH1LfyTERifZXEpIueMe28vF8FOoTnsONzw+1djo9P71lZGx1vM8mH/BhvSa2HDsRZ1+Ul+RmpnPOIaEuwWnZZdkgQWAAyCDDZ1wk+0sh7wseAAwA6UlHxbftCgYAAwKAgwIAEA7ACfHIRbV7J6dwF/ZzcRRmAjXUYKAGWAlDCCFmKnH+LJEQfHKEmVrfmKwSEab36AcubXQBoDYJV/aRV+funFD8wAXLSLYbwr9+DR+h/qZIKCfeqRG5ghHpdY0zcV2nuz5iJMhAFjaTDwOcoyKGG9JHrCfdp4cC+kCvUrxc7+bliIMiHj95sPIbUeWZEP/HLnN2tlr9EBeRiktHuWvErx98fRz1MuEvHO3FDRgtsSzL/P0hsDLK2n5/uHMOjvTst0HD6t+80ZN798j7j//kjqHxIOZDFPR/FxurFD6/HxGbB799RPHLx5F89MoBOub9jVuOWtmPH3o9H3r26DIuff+LqPLwff/xryDRmiAYmjxiK0GwS9XU+k8QpUrHsCTs4qH89Fv44ubWbQmOE51M7J8Pt8+h+NKt3zZpa2L9zZqcRlyEc4MaNGdfjQCxgIygn78ne4yAzcLWA3zAJ6RRGbijvHr1W+XN8ywrG0EoZSySb0/A9KsllI7Q/Pq8hLu76tfTy5cF4X8bQxTtYp2vr6/+1oI4AhgAlNYFryt62VaX9ktO6VsAeDLeWx6fff4vdV1ts7N6+gw9GCsQnqPB0QUttB9nEc7Aaf4XM0NQ90VJ+HV1rG04znGCmXcpPCA9+nxdMPgPlT7Dz83NMfZuMJaNeRqbc+tjd2QER/b0B44d7nv5Rif7VC8svYkx9SKWwb3YzN2M3cY8jSNLl+PYZqfjxNTxOLXVCmfmduDc0ty1kLbjeiGfIrDFJXWPTTMD5TKupR8cpZgJeXTofId8NoUj6E8XfAc2k4WPdbCberDYAp8Q7L5dUo8wE8cs9QINZYvwXKzvBS4v/n+fQZkGrrFysKEIuFBgjQpxiHH1XA+ZBI+C+oAoxhYKECc42rGOc8L4mYhsiThGfFjOcKmFubPpDgwnY1918Fwo8ouenDJxvGP96HFWJ28hiOy251oKjkcbGz2POMme8CTMThx6wqOPsFtPI6j6HhDyDTxFQYnL88FcXGAGHl3ZuueRbEuxbK6Hc84ZDvRrREtLzyjj8Xkd/uShR1b0sYd8Nh8/c8znxCnadxQcf2nFVWIyw1g+4StXav9j75s+CQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");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}html,body{height:100%}body{margin:0;font-family:var(--font-sans);background:#e5dbc7;display:flex;align-items:stretch;justify-content:center}[data-theme=dark] body,body[data-theme=dark]{background:#100d0a}#root{width:100%;display:flex;justify-content:center}.app{position:relative;width:100%;max-width:460px;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.fc-sidenav.app-sidenav{display:none}.app-stage{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}@media (min-width: 520px) and (max-width: 879.98px){.app{height:calc(100dvh - 48px);margin:24px auto;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow-lg)}}@media (min-width: 880px){body{background:var(--bg);display:block}#root{display:block}.app{max-width:none;width:100%;height:100dvh;flex-direction:row;margin:0;border:none;border-radius:0;box-shadow:none}.app.app--focus .fc-sidenav.app-sidenav{display:none}.fc-sidenav.app-sidenav{display:flex}.app .app-header,.fc-tabbar.app-tabbar{display:none}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--gutter) 10px;flex:none}.app-brand{display:flex;align-items:center;gap:10px}.app-header-actions{display:flex;align-items:center;gap:2px}.app-word{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.app-word-accent{color:var(--accent)}.app-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-body--song{overflow:hidden;min-height:0;display:flex}.app-body--song>.sv{width:100%}.screen{padding:8px var(--gutter) 28px}@media (min-width: 880px){.screen{max-width:760px;margin:0 auto;padding:28px var(--gutter-wide) 48px}}.screen-head{margin:8px 0 18px}.screen-eyebrow{display:block;margin-bottom:6px}.screen-title{font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}.screen-lead{color:var(--ink-soft);font-size:var(--text-md);line-height:1.5;margin:8px 0 0;max-width:32ch}.empty{color:var(--ink-faint);font-size:var(--text-md);padding:40px 8px;text-align:center}.lib-welcome{position:relative;background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px}.lib-welcome-title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px}.lib-welcome-body{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.55;margin:0 0 14px;max-width:52ch}.lib-welcome-x{position:absolute;top:10px;right:10px;display:inline-flex;padding:6px;border:none;background:none;cursor:pointer;color:var(--ink-faint);border-radius:50%;transition:color .12s,background .12s}.lib-welcome-x:hover{color:var(--ink);background:color-mix(in oklab,var(--accent) 14%,transparent)}.lib-emptystate{text-align:center;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.lib-emptystate-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.015em}.lib-emptystate p{color:var(--ink-soft);font-size:var(--text-md);line-height:1.5;max-width:40ch;margin:0 0 14px}.lib-search{margin-bottom:14px}.lib-titlerow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.add-back{display:inline-flex;align-items:center;gap:5px;border:none;background:none;cursor:pointer;color:var(--ink-soft);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:4px 8px 4px 0;margin-bottom:6px;border-radius:var(--radius-sm);transition:color .12s}.add-back:hover{color:var(--accent)}.lib-clear{background:none;border:none;cursor:pointer;color:var(--ink-faint);display:inline-flex;padding:4px}.lib-clear:hover{color:var(--ink)}.lib-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.lib-controls{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:16px}.lib-controls .fc-seg{flex-wrap:wrap}.lib-group{margin-bottom:22px}.lib-group-head{display:flex;align-items:baseline;gap:8px;margin:0 2px 10px}.lib-group-head>span:first-child{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.lib-group-n{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.lib-artistchip{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 16px;padding:7px 14px 7px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.lib-artistchip:hover{color:var(--accent);border-color:var(--accent-tint)}.lib-artist{color:var(--ink-soft);cursor:pointer;border-radius:3px}.lib-artist:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.lib-count{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0 2px 10px;font-weight:600}.lib-list{display:flex;flex-direction:column;gap:10px}.lib-list .lib-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.lib-row-main{flex:1;min-width:0}.lib-row-head{display:flex;align-items:center;gap:7px}.lib-title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-star{display:inline-flex;flex:none;line-height:0;padding:4px;margin:-4px;border:none;background:none;cursor:pointer;color:var(--ink-faint);border-radius:50%;transition:color .12s,transform .12s}.lib-star svg{width:15px;height:15px;fill:none;stroke:currentColor}.lib-star:hover{color:var(--star)}.lib-star:active{transform:scale(.85)}.lib-star.is-on{color:var(--star)}.lib-star.is-on svg{fill:var(--star);stroke:var(--star)}.lib-status{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.lib-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.lib-status--learn{background:transparent;color:var(--ink-faint);border-color:var(--line)}.lib-status--learn:hover{color:var(--ink-soft);border-color:var(--ink-faint)}.lib-status--learning{background:var(--accent-soft);color:var(--accent)}.lib-status--mastered{background:var(--good-soft);color:var(--good)}.lib-meta{display:flex;align-items:center;gap:3px 6px;flex-wrap:wrap;color:var(--ink-soft);font-size:var(--text-sm);margin-top:3px}.lib-meta>span{white-space:nowrap}.lib-dot{color:var(--ink-faint)}.lib-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.lib-rowtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lib-rowtag{display:inline-block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--ink-soft);background:var(--surface-sunken);border:1px solid transparent;border-radius:var(--radius-pill);padding:3px 9px;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.lib-rowtag:hover{color:var(--accent)}.lib-rowtag.is-on{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.edit-metarow{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}.edit-key{flex:1;min-width:160px}.edit-emptyprev{color:var(--ink-faint);font-size:var(--text-sm)}.edit-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}.edit-foot-r{display:flex;gap:10px;margin-left:auto}.ge-modewrap{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.ge{border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 14px 10px;background:var(--surface);position:relative}.ge-mono{font-family:var(--font-mono);font-size:18px;letter-spacing:0}.ge-ruler{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;top:0;left:0}.ge-line{position:relative;padding-right:26px}.ge-line--lyric+.ge-line--section{margin-top:10px}.ge-body{position:relative}.ge-lane{position:relative;height:26px;cursor:pointer;border-radius:4px}.ge-lane:hover{background:color-mix(in oklab,var(--accent) 6%,transparent);box-shadow:inset 0 -1px 0 var(--line)}.ge-chip{position:absolute;bottom:1px;padding:1px 5px;border:none;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-weight:600;font-size:14px;line-height:1.35;border-radius:5px;cursor:grab;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none}.ge-chip:hover{background:color-mix(in oklab,var(--accent) 22%,transparent)}.ge-chip--drag{cursor:grabbing;background:var(--accent);color:var(--ink-on-accent);z-index:6;box-shadow:var(--shadow-md)}.ge-lyric,.ge-raw{width:100%;border:none;background:transparent;padding:2px 0;color:var(--ink);outline:none}.ge-lyric::placeholder{color:var(--ink-faint)}.ge-raw{color:var(--ink-soft);font-size:15px}.ge-sectionrow{display:flex;align-items:center;gap:7px}.ge-sectionrow svg{color:var(--accent);flex:none}.ge-section-input{border:none;background:transparent;outline:none;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);width:100%;padding:4px 0}.ge-section-input::placeholder{color:var(--ink-faint);text-transform:none;letter-spacing:0;font-weight:600}.ge-del{position:absolute;top:6px;right:-2px;width:24px;height:24px;border:none;background:transparent;color:var(--ink-faint);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.ge-line:hover .ge-del{opacity:1}.ge-del:hover{background:var(--surface-hover);color:var(--danger)}.ge-pop{position:absolute;top:calc(100% + 4px);z-index:20;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px}.ge-pop-filter{width:100%;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--ink);padding:8px 10px;outline:none}.ge-pop-filter:focus{border-color:var(--accent)}.ge-pop-lbl{font-size:var(--text-xs);color:var(--ink-faint);margin:0 0 6px;letter-spacing:.04em}.ge-pop-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ge-pop-chords{display:flex;flex-direction:column;gap:6px}.ge-pop-crow{display:grid;grid-template-columns:14px repeat(4,1fr);gap:6px;align-items:center}.ge-pop-croot{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--ink-faint);text-align:center}.ge-pop-chord{border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:13px;padding:6px 4px;border-radius:var(--radius-md);cursor:pointer}.ge-pop-chord:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ge-pop-remove{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;border:1px solid color-mix(in oklab,var(--danger) 30%,transparent);background:transparent;color:var(--danger);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:8px;border-radius:var(--radius-md);cursor:pointer}.ge-pop-remove:hover{background:color-mix(in oklab,var(--danger) 10%,transparent)}.ge-toolbar{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.ge-tbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:6px 12px;border-radius:999px;cursor:pointer}.ge-tbtn:hover{border-color:var(--accent);color:var(--accent)}.edit-confirm{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:var(--text-sm);font-weight:600}.bk-label{display:block;margin:0 2px 10px}.bk-files{display:flex;gap:6px}.bk-files .fc-btn{flex:1;justify-content:flex-start}.bk-sync{margin-top:10px}.bk-synced{padding:2px 2px 0}.bk-status{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.bk-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);flex:none}.bk-status--synced .bk-dot{background:var(--good)}.bk-status--syncing .bk-dot{background:var(--accent)}.bk-status--error{color:var(--danger)}.bk-status--error .bk-dot{background:var(--danger)}.bk-when{font-size:var(--text-xs);color:var(--ink-faint);margin:3px 0 0 16px}.bk-sync-actions{display:flex;align-items:center;gap:8px;margin:8px 0 0 16px}.bk-link{border:none;background:none;padding:0;cursor:pointer;color:var(--accent);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600}.bk-link:hover{color:var(--accent-hover);text-decoration:underline}.bk-sep{color:var(--ink-faint)}.bk-error{display:flex;align-items:flex-start;gap:6px;color:var(--danger);font-size:var(--text-sm);line-height:1.45;margin:8px 2px 0}.bk-error svg{flex:none;margin-top:2px}.bk-note{display:flex;align-items:flex-start;gap:6px;color:var(--ink-soft);font-size:var(--text-sm);line-height:1.45;margin:8px 2px 0}.bk-note svg{flex:none;margin-top:2px;color:var(--ink-faint)}.bk-key{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.bk-key-saved{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 2px}.bk-key-mask{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.bk-key-mask svg{color:var(--ink-faint);flex:none}.bk-key-links{display:flex;align-items:center;gap:8px}.bk-key-edit{display:flex;flex-direction:column;gap:8px}.bk-key-actions{display:flex;align-items:center;gap:12px}.bk-key-note{font-size:var(--text-xs);color:var(--ink-faint);line-height:1.5;margin:8px 2px 0}.bk-key-note a{color:var(--accent);text-decoration:none;font-weight:600}.bk-key-note a:hover{text-decoration:underline}.bk-offline{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.bk-offline-ready{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);padding:0 2px}.bk-offline-ready svg{color:var(--good);flex:none}.bk-offline-note{font-size:var(--text-xs);color:var(--ink-faint);line-height:1.5;margin:8px 2px 10px}.bk-offline-hint{font-size:var(--text-xs);color:var(--ink-faint);line-height:1.5;margin:8px 2px 0}.bk-offline .fc-btn{margin-top:2px}.settings{max-width:620px}.set-section{padding:22px 0;border-top:1px solid var(--line)}.set-section:first-of-type{border-top:none;padding-top:6px}.set-h{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px}.set-note{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5;margin:0 0 12px;max-width:52ch}.set-hint{font-size:var(--text-xs);color:var(--ink-faint);line-height:1.5;margin:8px 0 0}.set-buttons{display:flex;gap:8px;flex-wrap:wrap}.set-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.set-synced .bk-status{padding-left:0}.settings .bk-offline-ready{padding:0;margin-bottom:4px}.settings .bk-key{margin-top:0;padding-top:0;border-top:none}.settings .bk-key-note{margin-left:0;margin-right:0}.sync-badge{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);background:transparent;border-radius:var(--radius-md);padding:9px 12px;margin-bottom:10px;cursor:pointer;color:var(--ink-soft);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-align:left;transition:border-color .12s,color .12s,background .12s}.sync-badge:hover{border-color:var(--accent-tint);color:var(--ink)}.sync-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);flex:none}.sync-badge-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-badge--synced .sync-badge-dot{background:var(--good)}.sync-badge--syncing .sync-badge-dot{background:var(--accent)}.sync-badge--error .sync-badge-dot{background:var(--danger)}.sync-badge--offline .sync-badge-dot{background:var(--ink-faint)}.bk--sidenav .bk-files{flex-direction:column}.bk--sidenav .bk-files .fc-btn{width:100%}.app-footdiv{height:1px;background:var(--accent-tint);opacity:.5;margin:4px 2px;border-radius:1px}.lib-backup-mobile{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}@media (min-width: 880px){.lib-backup-mobile{display:none}}.app-credit{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;font-size:11px;color:var(--ink-faint);line-height:1.4}.app-credit__row{display:flex;align-items:center;gap:6px}.app-credit__by{color:var(--ink-faint)}.app-credit__name{font-weight:600;color:var(--ink-soft)}.app-credit__ic{display:inline-flex;align-items:center;color:var(--ink-faint)}.app-credit__ic:hover{color:var(--accent)}.app-credit__ic svg{display:block}.app-credit--float{position:absolute;z-index:6;right:16px;bottom:16px;padding:7px 12px;background:color-mix(in oklab,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 879.98px){.app-credit--float{display:none}}.app--focus .app-credit--float{display:none}.app-credit--mobile{align-items:center;text-align:center;margin-top:28px;padding:20px 0 6px;border-top:1px solid var(--line)}.app-credit--mobile .app-credit__by{display:none}@media (min-width: 880px){.app-credit--mobile{display:none}}.fc-fab{position:absolute;z-index:8;right:16px;bottom:calc(var(--tabbar-h) + 16px);display:inline-flex;align-items:center;gap:7px;padding:10px 15px 10px 13px;background:var(--accent);color:var(--ink-on-accent);border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-lg);cursor:pointer;-webkit-tap-highlight-color:transparent}.fc-fab:active{transform:scale(.97)}@media (min-width: 880px){.fc-fab{display:none}}.fc-fb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:color-mix(in oklab,var(--ink) 42%,transparent);display:flex;align-items:flex-end;justify-content:center}@media (min-width: 880px){.fc-fb-backdrop{align-items:center}}.fc-fb{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:16px 18px 20px;max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}@media (min-width: 880px){.fc-fb{border-radius:var(--radius-lg);margin:0 16px}}.fc-fb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fc-fb-title{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink)}.fc-fb-x{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;padding:4px;border-radius:var(--radius-sm);flex:none}.fc-fb-x:hover{color:var(--ink)}.fc-fb-sub{margin:-6px 0 0;font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.fc-fb-ctx{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--ink-soft)}.fc-fb-ctx svg{color:var(--ink-faint);flex:none}.fc-fb-ctx b{color:var(--ink);font-weight:600}.fc-fb-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.screen.notation{max-width:860px}.nt-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.nt-item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.nt-item-main{flex:1;min-width:0;text-align:left;background:none;border:none;cursor:pointer;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.nt-item-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--ink)}.nt-item-sub{font-size:var(--text-sm);color:var(--ink-soft)}.nt-item-del{border:none;background:none;color:var(--ink-faint);cursor:pointer;padding:12px;border-radius:var(--radius-sm)}.nt-item-del:hover{color:var(--danger)}.nt-editor{display:flex;flex-direction:column}.nt-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.nt-title{flex:1;min-width:140px;border:none;border-bottom:1px solid transparent;background:transparent;font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);padding:4px 2px;outline:none}.nt-title:focus{border-bottom-color:var(--accent)}.nt-top-r{display:flex;align-items:center;gap:10px}.nt-actions{display:flex;align-items:center;gap:6px;margin-bottom:10px}.nt-spacer{flex:1}.nt-ibtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);color:var(--ink-soft);cursor:pointer}.nt-ibtn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.nt-ibtn:disabled{opacity:.4;cursor:not-allowed}.nt-flip{transform:scaleX(-1)}.nt-canvas{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:6px 4px;overflow-x:auto;min-height:150px}.sc-host{width:100%;min-height:140px;cursor:pointer}.sc-host svg{display:block}.sc-loading{padding:40px;text-align:center;color:var(--ink-faint);font-size:var(--text-sm)}.nt-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.nt-durs{display:inline-flex;gap:3px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-md);padding:3px}.nt-dur{display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border:none;background:transparent;color:var(--ink-soft);border-radius:var(--radius-sm);cursor:pointer}.nt-dur.is-on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.nt-toolgroup{display:inline-flex;gap:4px}.nt-tbtn{min-width:38px;height:38px;padding:0 8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-md);cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.nt-tbtn.is-on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.nt-tbtn:hover{border-color:var(--accent)}.nt-tbtn--del{color:var(--danger)}.nt-hint{margin-top:12px;font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.sc-piano{position:relative;display:flex;height:96px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.sc-wkey{position:relative;height:100%;border:none;border-right:1px solid #d8d2c4;background:#faf7f0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.sc-wkey:last-of-type{border-right:none}.sc-wkey:active{background:#e7e0ce}.sc-wlabel{font-size:10px;color:#9a927f;font-family:var(--font-mono)}.sc-bkey{position:absolute;top:0;height:60%;background:#26231f;border:none;border-radius:0 0 4px 4px;cursor:pointer;z-index:2}.sc-bkey:active{background:var(--accent)}.add-fields{display:flex;gap:14px;margin-bottom:16px}.add-fields>*{flex:1;min-width:0}.add-tagfield{margin-bottom:16px}.add-taglabel{display:block;margin-bottom:8px}.add-tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:8px 10px;min-height:var(--tap-min)}.add-tagbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.add-tagchip{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);padding:4px 6px 4px 11px;font-size:var(--text-sm);font-weight:600}.add-tagchip button{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:inherit;cursor:pointer;padding:2px;border-radius:50%;opacity:.7}.add-tagchip button:hover{opacity:1;background:color-mix(in oklab,var(--accent) 18%,transparent)}.add-taginput{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-base);color:var(--ink);padding:4px 2px}.add-taginput::placeholder{color:var(--ink-faint)}.add-tagsuggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.add-tagsuggest-lbl{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600;letter-spacing:.04em}.add-tagsuggest-chip{border:1px dashed var(--line);background:transparent;color:var(--ink-soft);border-radius:var(--radius-pill);padding:4px 11px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s}.add-tagsuggest-chip:hover{color:var(--accent);border-color:var(--accent-tint)}.add-paste{margin-bottom:8px}.add-formatrow{display:flex;align-items:center;gap:12px;margin-bottom:10px}.add-formatrow>label{margin:0}.add-pre .add-tab{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;color:var(--ink);white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch;-moz-tab-size:4;tab-size:4;scrollbar-width:thin}.add-pre .add-tab::-webkit-scrollbar{height:6px}.add-pre .add-tab::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.add-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.add-actions-l{display:flex;align-items:center;gap:4px}.add-imgblock{margin-bottom:14px}.add-imgrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.add-imghint{flex:1;min-width:150px;font-size:var(--text-xs);color:var(--ink-faint);line-height:1.45}.add-imgstatus{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.add-imgspin{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-tint);border-top-color:var(--accent);animation:fc-spin .7s linear infinite;flex:none}@keyframes fc-spin{to{transform:rotate(360deg)}}.add-imgmsg{display:flex;align-items:flex-start;gap:6px;margin-top:10px;font-size:var(--text-sm);line-height:1.45}.add-imgmsg svg{flex:none;margin-top:2px}.add-imgmsg--ok{color:var(--ink-soft)}.add-imgmsg--ok svg{color:var(--good)}.add-imgmsg--err{color:var(--danger)}.add-imgmsg--warn{color:var(--ink-soft)}.add-imgmsg--warn svg{color:var(--accent)}.add-imgmsg--warn .bk-link{font-size:inherit}.add-keyinline{margin-top:6px}.add-keyinline .bk-key{margin-top:0;padding-top:0;border-top:none}.add-flathint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-radius:var(--radius-md)}.add-flathint-ic{color:var(--accent);flex:none}.add-flathint-body{flex:1;min-width:200px;font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.add-flathint-body strong{color:var(--ink);font-weight:650}.add-preview{margin-top:24px}.add-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.add-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.add-pre{padding:16px 18px;background:var(--surface-sunken)}.add-pre pre{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--ink);white-space:pre-wrap}.cp-seclabel{display:block;color:var(--accent);margin:2px 0 8px}.cp-line{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.cp-gap{height:12px}.cp-seg{display:inline-flex;flex-direction:column;align-items:flex-start}.cp-chord{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--chord);line-height:1.1;height:1.4em;padding-right:.6em;white-space:pre}.cp-lyric{font-size:17px;line-height:1.25;color:var(--ink);white-space:pre-wrap}.add-save{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media (max-width: 560px){.add-fields{flex-direction:column;gap:12px}}.pr-range{margin-bottom:18px}.pr-stats{display:flex;align-items:stretch;padding:18px 8px;margin-bottom:24px}.pr-stat{flex:1;text-align:center}.pr-stat-val{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--ink);letter-spacing:-.02em}.pr-stat-lbl{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px;font-weight:600}.pr-div{width:1px;background:var(--line);margin:4px 0}.pr-section>.fc-eyebrow{display:block;margin-bottom:12px}.pr-log{display:flex;flex-direction:column;gap:10px}.pr-log .pr-logrow{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.pr-logrow-l{display:flex;align-items:center;gap:13px}.pr-logicon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:none}.pr-logtitle{font-weight:600;color:var(--ink)}.pr-logsub{font-size:var(--text-sm);color:var(--ink-soft);margin-top:2px}.practice{max-width:640px}.pr-source{display:flex;gap:10px;align-items:stretch;margin-top:6px;flex-wrap:wrap}.pr-source>.fc-field{flex:1;min-width:200px}.pr-source-actions{display:flex;gap:8px;align-items:stretch}.pr-upload{display:inline-flex;align-items:center;gap:7px;padding:0 14px;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s}.pr-upload:hover{color:var(--accent);border-color:var(--accent-tint)}.pr-error{display:flex;align-items:flex-start;gap:6px;color:var(--danger);font-size:var(--text-sm);line-height:1.45;margin:10px 2px 0}.pr-error svg{flex:none;margin-top:2px}.pr-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;margin-top:20px;color:var(--ink-faint);text-align:center}.pr-empty svg{color:var(--ink-faint)}.pr-stage{position:relative;margin-top:18px}.pr-video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:#000}.pr-video>div,.pr-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.pr-video--audio{aspect-ratio:auto;display:flex;align-items:center;gap:12px;padding:24px 20px;background:var(--surface-sunken);overflow:visible}.pr-video--audio svg{color:var(--accent);flex:none}.pr-audioname{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-scrub{position:relative;background:var(--surface-sunken);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:36px 18px 30px}.pr-track{position:relative;height:6px;border-radius:3px;background:var(--line);cursor:pointer;touch-action:none}.pr-loopband{position:absolute;top:0;height:6px;background:var(--accent-soft);border-radius:3px;pointer-events:none}.pr-played{position:absolute;left:0;top:0;height:6px;background:var(--accent);border-radius:3px;pointer-events:none}.pr-head{position:absolute;top:-3px;width:3px;height:12px;margin-left:-1.5px;background:var(--ink);border-radius:2px;pointer-events:none;z-index:2}.pr-mark{position:absolute;top:100%;margin-top:7px;transform:translate(-50%);z-index:3;cursor:grab;touch-action:none}.pr-mark:active{cursor:grabbing}.pr-mark-line{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);width:2px;height:62px;border-radius:1px}.pr-mark-pin{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;font-family:var(--font-mono);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.pr-mark-line{background:var(--accent)}.pr-mark--a .pr-mark-pin{background:var(--accent);color:var(--ink-on-accent)}.pr-mark--b .pr-mark-pin{background:var(--surface);color:var(--accent);border:2px solid var(--accent)}.pr-controls{display:flex;align-items:center;gap:18px;margin-top:16px;flex-wrap:wrap}.pr-transport{display:flex;align-items:center;gap:10px}.pr-ic{width:42px;height:42px;border:none;background:transparent;color:var(--ink-soft);border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.pr-ic:hover{background:var(--surface-hover);color:var(--ink)}.pr-play{width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:var(--ink-on-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,background .12s}.pr-play:hover{background:var(--accent-hover)}.pr-play:active{transform:scale(.95)}.pr-time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:4px;white-space:nowrap}.pr-time-sep{color:var(--ink-faint);margin:0 5px}.pr-block{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.pr-block-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.pr-loose{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-faint);font-size:var(--text-xs)}.pr-ab{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.pr-abcol{display:flex;flex-direction:column;gap:8px}.pr-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-md);padding:8px 16px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s}.pr-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent-tint)}.pr-btn:disabled{opacity:.5;cursor:default}.pr-btn--quiet{color:var(--ink-soft)}.pr-nudge{display:inline-flex;align-items:center;gap:6px}.pr-nudge button{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:8px;padding:3px 8px;font-family:var(--font-mono);font-size:12px;cursor:pointer}.pr-nudge button:hover:not(:disabled){color:var(--accent);border-color:var(--accent-tint)}.pr-nudge button:disabled{opacity:.4;cursor:default}.pr-nudge span{font-family:var(--font-mono);font-size:13px;color:var(--ink);min-width:54px;text-align:center;font-variant-numeric:tabular-nums}.pr-looprow{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.pr-mini{display:inline-flex;align-items:center;gap:6px}.pr-mini-lbl{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600;margin-right:2px}.pr-mini button{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:8px;min-width:32px;padding:4px 9px;font-size:13px;font-weight:600;cursor:pointer}.pr-mini button:hover:not(:disabled){color:var(--accent);border-color:var(--accent-tint)}.pr-mini button:disabled{opacity:.4;cursor:default}.pr-mini span{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);min-width:36px;text-align:center}.pr-speed{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 14px}.pr-spd-ic{border:none;background:transparent;padding:3px;cursor:pointer;display:inline-flex;flex:none;color:var(--accent);border-radius:7px;transition:background .12s,transform .12s}.pr-spd-ic:hover{background:var(--surface-hover)}.pr-spd-ic:active{transform:scale(.9)}.pr-speed-track{position:relative;flex:1;min-width:70px;display:flex;align-items:center}.pr-speed-track input[type=range]{width:100%;accent-color:var(--accent)}.pr-speed-center{position:absolute;left:43%;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:var(--ink-faint);border-radius:1px;pointer-events:none}.pr-rate{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent);min-width:62px;justify-content:flex-end;white-space:nowrap}.pr-rate svg{color:var(--accent)}.pr-savebar{display:flex;gap:10px;align-items:center;margin-top:20px;flex-wrap:wrap}.pr-saverow{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:wrap}.pr-saverow>.fc-field{flex:1;min-width:180px}.pr-link{border:none;background:none;color:var(--accent);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0}.pr-link:hover{text-decoration:underline}.pr-saved{margin-top:26px}.pr-savedlist{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pr-savedrow{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.pr-savedmain{flex:1;min-width:0;text-align:left;border:none;background:none;cursor:pointer;padding:11px 14px}.pr-savedname{display:block;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-savedsub{display:block;font-size:var(--text-xs);color:var(--ink-faint);margin-top:2px}.pr-savedx{border:none;background:none;color:var(--ink-faint);cursor:pointer;padding:10px 12px;border-radius:8px}.pr-savedx:hover{color:var(--danger)}.pr-keys{margin-top:26px}.pr-keygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px;margin-top:12px}.pr-key{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--ink-soft)}.pr-key kbd{font-family:var(--font-mono);font-size:11px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--ink);white-space:nowrap}.sv{position:relative;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--bg);--diagram-line: color-mix(in oklab, var(--ink) 34%, transparent);--diagram-nut: color-mix(in oklab, var(--ink) 78%, transparent);--diagram-mark: var(--ink-soft)}.sv-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--surface-sunken);z-index:6}.sv-progress-fill{height:100%;width:0%;background:var(--accent);transition:width 90ms linear}.sv-topwrap{container:svhead / inline-size;position:relative;z-index:5;flex:none}.sv-top{display:flex;align-items:center;gap:8px;padding:12px 16px;flex:none;position:relative;z-index:5}.sv-title{flex:1;min-width:0;text-align:center}.sv-namerow{display:flex;align-items:center;justify-content:center;gap:8px}.sv-name{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-star{flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--ink-faint);padding:3px;border-radius:50%;line-height:0;transition:color .12s,transform .12s}.sv-star svg{fill:none;stroke:currentColor}.sv-star:hover{color:var(--star)}.sv-star:active{transform:scale(.85)}.sv-star.is-on{color:var(--star)}.sv-star.is-on svg{fill:var(--star);stroke:var(--star)}.sv-status{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.sv-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.sv-status--learn{background:transparent;color:var(--ink-faint);border-color:var(--line)}.sv-status--learn:hover{color:var(--ink-soft);border-color:var(--ink-faint)}.sv-status--learning{background:var(--accent-soft);color:var(--accent)}.sv-status--mastered{background:var(--good-soft);color:var(--good)}.sv-sub{position:relative;font-size:var(--text-xs);color:var(--ink-soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:4px}.sv-subdiv{width:1px;height:13px;background:var(--line);margin:0 1px}.sv-pill{display:inline-flex;align-items:center;font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.01em;padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink);border:1px solid var(--line);white-space:nowrap}.sv-pill--capo{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.sv-pill--muted{color:var(--ink-faint);background:transparent;border-color:var(--line-soft)}.sv-key{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--ink);white-space:nowrap}.sv-artist,.sv-sub>span:first-child{margin-right:8px}.sv-artist{font:inherit;color:var(--ink-soft);background:none;border:none;padding:0;cursor:pointer;border-radius:4px;transition:color .12s}.sv-artist:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.sv-actions{display:flex;align-items:center;gap:2px;flex:none}.sv-ic{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;border-radius:12px;transition:background .12s,color .12s}.sv-ic:hover{background:var(--surface-hover);color:var(--ink)}.sv-ic.is-on{color:var(--accent);background:var(--accent-soft)}.sv-ic--focus{display:none}@media (min-width: 880px){.sv-ic--focus{display:inline-flex}}.sv-tune{position:absolute;top:calc(100% + 6px);right:12px;z-index:9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px 18px;display:flex;gap:18px}.sv-export{position:absolute;top:calc(100% + 6px);right:12px;z-index:9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px;display:flex;flex-direction:column;gap:4px;min-width:190px}.sv-export-lbl{display:block;margin:2px 4px 6px}.sv-export-btn{display:flex;align-items:center;gap:9px;width:100%;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:9px 10px;border-radius:10px;text-align:left;transition:background .12s,color .12s}.sv-export-btn:hover{background:var(--surface-hover);color:var(--accent)}.sv-export-btn svg{color:var(--ink-faint);flex:none}.sv-export-btn:hover svg{color:var(--accent)}.sv-tagchip{display:inline-flex;align-items:center;gap:2px;background:var(--surface-sunken);color:var(--ink-soft);border-radius:var(--radius-pill);padding:2px 3px 2px 9px;font-size:var(--text-xs);font-weight:600}.sv-tagchip button{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:inherit;cursor:pointer;padding:2px;border-radius:50%;opacity:.55}.sv-tagchip button:hover{opacity:1;color:var(--accent);background:var(--accent-soft)}.sv-tagadd{display:inline-flex;align-items:center;gap:3px;border:1px dashed var(--line);background:transparent;color:var(--ink-faint);border-radius:var(--radius-pill);padding:3px 9px 3px 7px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s}.sv-tagadd:hover{color:var(--accent);border-color:var(--accent-tint)}.sv-taginput{width:110px;border:1px solid var(--accent);outline:none;background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);padding:3px 10px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;box-shadow:0 0 0 3px var(--accent-ring)}.sv-tagswrap{display:inline-flex}.sv-tagsbtn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:var(--radius-pill);padding:3px 7px 3px 9px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.sv-tagsbtn:hover{color:var(--accent);border-color:var(--accent-tint)}.sv-tagsbtn.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.sv-tagschev{opacity:.7;transition:transform .15s ease}.sv-tagschev--up{transform:rotate(180deg)}.sv-tagspop{position:absolute;top:100%;left:0;margin-top:6px;z-index:12;width:250px;max-width:92%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px}.sv-tagspop-chips{display:flex;flex-wrap:wrap;gap:6px}.sv-tagspop-chips:not(:empty){margin-bottom:10px}.sv-tagspop-empty{font-size:var(--text-sm);color:var(--ink-faint)}.sv-tagspop-input{width:100%;border:1px solid var(--line);outline:none;background:var(--bg);color:var(--ink);border-radius:var(--radius-md);padding:8px 10px;font-family:var(--font-sans);font-size:16px}.sv-tagspop-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.app--focus .sv-subdiv,.app--focus .sv-tagchip,.app--focus .sv-tagadd,.app--focus .sv-taginput,.app--focus .sv-tagswrap{display:none}.sv-scroller{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sv-scroller::-webkit-scrollbar{display:none}.sv-sheet{max-width:var(--measure-song);margin:0 auto;padding:13dvh 28px 24dvh;--lyric: 28px}.sv-sheet--anim{animation:sv-song-in .32s ease both}@keyframes sv-song-in{0%{opacity:0}to{opacity:1}}.sv-sheet.sv-leaving{animation:none;opacity:0;transition:opacity .22s ease}@media (prefers-reduced-motion: reduce){.sv-sheet--anim{animation:none}.sv-sheet.sv-leaving{transition:none}}.sv-tab{margin:0;font-family:var(--font-mono);font-size:max(14px,calc(var(--lyric) * .62));line-height:1.5;color:var(--ink);white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch;-moz-tab-size:4;tab-size:4;scrollbar-width:thin}.sv-tab::-webkit-scrollbar{height:6px}.sv-tab::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.sv-section{margin-bottom:28px}.sv-seclabel{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.sv-line{display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:.6em;margin-bottom:14px;border-radius:10px;padding:2px 8px;margin-left:-8px;transition:opacity .18s ease}.sv-seg{display:inline-flex;flex-direction:column;align-items:flex-start}.sv-chord{font-family:var(--font-mono);font-weight:700;font-size:calc(var(--lyric) * .66);color:var(--chord);line-height:1.1;height:1.5em;padding-right:.6em;white-space:pre;cursor:help}.sv--no-chords .sv-chord{display:none}.sv--no-chords .sv-line{margin-bottom:8px}.sv-chord:hover{text-decoration:underline dotted;text-underline-offset:4px;text-decoration-color:var(--accent-tint)}.sv-lyric{font-size:var(--lyric);line-height:1.28;color:var(--ink);white-space:pre-wrap}.sv-end{text-align:center;color:var(--ink-faint);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding-top:8px}.sv-fade{position:absolute;left:0;right:0;z-index:3;pointer-events:none}.sv-fade-top{top:0;height:12%;background:linear-gradient(var(--bg) 16%,transparent)}.sv-fade-bottom{bottom:0;height:18%;background:linear-gradient(transparent,var(--bg) 62%)}.sv-dock{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 12px;box-shadow:var(--shadow-lg)}.sv-round{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:var(--ink-on-accent);display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,background .12s}.sv-round:hover{background:var(--accent-hover)}.sv-round:active{transform:scale(.95)}.sv-ghost{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.sv-ghost:hover{background:var(--surface-hover);color:var(--ink)}.sv-metro{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .12s,color .12s}.sv-metro:hover{background:var(--surface-hover);color:var(--ink)}.sv-metro.is-on{background:var(--accent-soft);color:var(--accent);animation:sv-metro-pulse 1s ease-in-out infinite}@keyframes sv-metro-pulse{0%,to{opacity:1}50%{opacity:.55}}.sv-morewrap{position:relative;display:inline-flex}.sv-more--active{background:var(--accent-soft);color:var(--accent)}.sv-morepop{position:absolute;bottom:calc(100% + 12px);right:-4px;z-index:9;width:250px;max-width:78vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px}.sv-morerow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);cursor:pointer;padding:9px 10px;border-radius:var(--radius-md)}.sv-morerow:hover{background:var(--surface-hover)}.sv-morerow-ic{flex:none;color:var(--ink-soft)}.sv-morerow.is-on .sv-morerow-ic{color:var(--accent)}.sv-morerow-txt{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.sv-morerow-txt b{font-size:var(--text-sm);font-weight:600}.sv-morerow-txt small{font-size:var(--text-xs);color:var(--ink-faint)}.sv-morerow-chk{flex:none;color:var(--accent)}.sv-speed{display:flex;align-items:center;gap:3px;padding-left:2px}.sv-sbtns{display:inline-flex;flex-direction:column}.sv-sbtn{width:32px;height:22px;border:none;background:transparent;cursor:pointer;color:var(--ink-soft);font-size:17px;line-height:1;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.sv-sbtn:hover{background:var(--surface-hover);color:var(--accent)}.sv-sbtn:active{background:var(--accent-soft)}.sv-sval{min-width:70px;text-align:center;-webkit-user-select:none;user-select:none}.sv-snum{font-family:var(--font-mono);font-weight:700;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}.sv-slbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:1px}.sv-modelbl{display:inline-flex;align-items:center;gap:3px;border:none;background:transparent;padding:0;cursor:pointer}.sv-modelbl:hover,.sv-modelbl:hover .sv-modeswap{color:var(--accent)}.sv-modeswap{font-size:9px;opacity:.75}.sv-bpm-input{width:48px;text-align:center;border:none;border-bottom:1.5px solid var(--accent-tint);border-radius:0;background:transparent;padding:0 0 1px;font-family:var(--font-mono);font-weight:700;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sv-bpm-input:focus{outline:none;border-bottom-color:var(--accent)}.sv-bpm-input::-webkit-outer-spin-button,.sv-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sv-tap{height:44px;margin-left:2px;padding:0 13px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:12px;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;transition:background .12s,color .12s,border-color .12s}.sv-tap:hover{border-color:var(--accent-tint);color:var(--accent)}.sv-tap:active{background:var(--accent-soft);transform:scale(.96)}.sv-tap.is-tap{animation:sv-tap-flash .2s var(--ease-out)}@keyframes sv-tap-flash{0%{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);transform:scale(.92)}to{background:transparent;transform:scale(1)}}.sv-chordpop{position:fixed;z-index:12;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:10px 12px 12px;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.sv-chordpop[data-show=true]{opacity:1;transform:translateY(0)}.sv-cp-name{text-align:center;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);margin-bottom:2px}.sv-chordpop svg{display:block}@media (min-width: 880px){.sv-sheet{padding-top:9dvh;padding-bottom:20dvh}.app--focus .sv-sheet{max-width:min(1240px,94%);padding-left:4dvw;padding-right:4dvw}}@media (max-width: 560px){.sv-sheet{--lyric: 24px;padding-left:22px;padding-right:22px}.sv-dock{bottom:18px;gap:4px;padding:7px}.sv-round{width:48px;height:48px}.sv-ghost,.sv-metro{width:38px;height:38px}.sv-sbtn{width:30px;height:20px}.sv-sval{min-width:46px}.sv-bpm-input{width:40px}.sv-tap{padding:0 8px;font-size:11px}.sv-tune{right:8px;gap:12px;padding:14px}}@container svhead (min-width: 680.01px){.sv-title{text-align:left}.sv-namerow,.sv-sub{justify-content:flex-start}}@container svhead (max-width: 680px){.sv-top{flex-wrap:wrap;row-gap:4px;padding:8px 6px 6px}.sv-actions{order:2;margin-left:auto;gap:0}.sv-title{order:3;flex-basis:100%}.sv-name{font-size:18px}.sv-ic{width:40px;height:40px}}.tn{display:flex;flex-direction:column;align-items:center;min-height:100%}.tn .screen-head{width:100%}.tn-note{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:.9;color:var(--ink);display:flex;align-items:baseline;gap:4px;margin-top:10px}.tn-note .n{font-size:clamp(64px,13vh,120px)}.tn-note .acc{font-size:clamp(30px,6vh,52px);color:var(--accent)}.tn-note .oct{font-size:clamp(18px,3.4vh,28px);color:var(--ink-faint);font-family:var(--font-mono);align-self:flex-end;margin-bottom:.35em}.tn-note.idle .n{color:var(--ink-faint)}.tn-status{font-size:var(--text-md);color:var(--ink-soft);min-height:1.5em;margin-top:6px}.tn-status.intune{color:var(--good);font-weight:600}.tn-meter{width:min(520px,86%);margin-top:18px}.tn-scale{position:relative;height:60px}.tn-zone{position:absolute;top:16px;bottom:16px;left:44%;right:44%;background:color-mix(in oklab,var(--good) 16%,transparent);border-radius:6px}.tn-mline{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line)}.tn-tick{position:absolute;top:12px;bottom:12px;width:2px;background:var(--line);transform:translate(-50%)}.tn-tick.c{top:4px;bottom:4px;background:var(--ink-faint)}.tn-dot{position:absolute;top:50%;left:50%;width:15px;height:34px;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%);transition:left .16s cubic-bezier(.22,1,.36,1),background .15s;box-shadow:var(--shadow-sm)}.tn-meter.intune .tn-dot,.tn-dot.intune{background:var(--good)}.tn-dot.close{background:color-mix(in oklab,var(--danger) 45%,var(--accent))}.tn-dot.off{background:var(--danger)}.tn-ends{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--text-xs);color:var(--ink-faint);letter-spacing:.04em}.tn-cents{text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-soft);margin-top:2px;font-variant-numeric:tabular-nums}.tn-instrument{display:flex;justify-content:center;margin-top:14px}.tn-mode{display:flex;justify-content:center;margin-top:10px}.tn-tol{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px}.tn-tol-lbl{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.tn-tol-cap{font-size:var(--text-xs);color:var(--ink-faint);text-align:center;max-width:40ch;line-height:1.45}.tn-strings{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}.tn-str{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);width:60px;padding:11px 0 9px;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.tn-str:hover{border-color:var(--accent-tint)}.tn-str:active{transform:scale(.96)}.tn-str.on{border-color:var(--accent);background:var(--accent-soft)}.tn-str.near{border-color:var(--accent)}.tn-str.locked{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-ring)}.tn-str .sn{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink)}.tn-str.on .sn,.tn-str.near .sn,.tn-str.locked .sn{color:var(--accent)}.tn-str .sf{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}.tn-lock-row{display:flex;justify-content:center;min-height:34px;margin-top:16px}.tn-lock-hint{font-size:var(--text-sm);color:var(--ink-faint);text-align:center;max-width:40ch;align-self:center}.tn-auto{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:7px 15px;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:border-color .12s,color .12s}.tn-auto:hover{border-color:var(--accent-tint);color:var(--ink)}.tn-auto svg{width:14px;height:14px}.tn-level{width:min(220px,60%);height:4px;background:var(--line);border-radius:999px;overflow:hidden}.tn-level-fill{height:100%;width:0%;background:var(--accent);border-radius:999px;transition:width .1s linear}.tn-listen-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:26px}.tn-listen{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);padding:13px 22px;border-radius:999px;background:var(--accent);color:var(--ink-on-accent);transition:background .12s,transform .12s}.tn-listen:hover{background:var(--accent-hover)}.tn-listen:active{transform:scale(.97)}.tn-listen.live{background:var(--good)}.tn-listen svg{width:19px;height:19px}.tn-hint{font-size:var(--text-sm);color:var(--ink-faint);text-align:center;max-width:34ch}.screen.tl{max-width:640px}.tl-verdict{text-align:center;border-radius:var(--radius-lg);padding:24px 18px;border:1px solid var(--line);background:var(--surface)}.tl-verdict--good{background:var(--good-soft);border-color:color-mix(in oklab,var(--good) 26%,transparent)}.tl-verdict--borderline{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 26%,transparent)}.tl-verdict--bad{background:color-mix(in oklab,var(--danger) 12%,var(--surface));border-color:color-mix(in oklab,var(--danger) 34%,transparent)}.tl-spread{font-family:var(--font-mono);font-weight:700;font-size:46px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;justify-content:center;gap:8px}.tl-unit{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.tl-vlabel{margin-top:8px;font-weight:600;font-size:var(--text-md)}.tl-verdict--good .tl-vlabel{color:var(--good)}.tl-verdict--borderline .tl-vlabel{color:var(--accent)}.tl-verdict--bad .tl-vlabel{color:var(--danger)}.tl-verdict--idle .tl-vlabel{color:var(--ink-soft)}.tl-hist{display:flex;align-items:flex-end;gap:2px;height:92px;margin:22px 0 6px;padding:0 2px}.tl-bar{flex:1;background:color-mix(in oklab,var(--accent) 45%,transparent);border-radius:2px 2px 0 0;min-height:2px;transition:height .09s linear}.tl-bar--center{background:var(--good)}.tl-hist-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}.tl-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:22px 0}.tl-stat{display:flex;justify-content:space-between;gap:10px;font-size:var(--text-sm);padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.tl-stat-k{color:var(--ink-soft)}.tl-stat-v{font-family:var(--font-mono);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.tl-listen{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);padding:14px 22px;border-radius:999px;background:var(--accent);color:var(--ink-on-accent);transition:background .12s,transform .12s;margin-top:6px}.tl-listen:hover{background:var(--accent-hover)}.tl-listen:active{transform:scale(.99)}.tl-listen.live{background:var(--good)}.tl-hint{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5;text-align:center;max-width:none;margin-top:12px}.screen.cl{max-width:640px}.cl-now{text-align:center;border-radius:var(--radius-lg);padding:22px 18px;border:1px solid var(--line);background:var(--surface)}.cl-now--live{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 26%,transparent)}.cl-chord{font-family:var(--font-mono);font-weight:700;font-size:58px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;min-height:58px}.cl-now--live .cl-chord{color:var(--accent)}.cl-nowlabel{margin-top:10px;font-weight:600;font-size:var(--text-sm);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-level{height:6px;border-radius:999px;background:var(--surface-2, var(--surface));border:1px solid var(--line);margin:16px 0 4px;overflow:hidden}.cl-level-fill{display:block;height:100%;background:color-mix(in oklab,var(--accent) 55%,transparent);border-radius:999px;transition:width .09s linear}.cl-chroma{display:flex;align-items:flex-end;gap:4px;height:108px;margin:14px 0 4px}.cl-cslot{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.cl-cbarwrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.cl-cbar{width:100%;max-width:26px;background:color-mix(in oklab,var(--ink) 16%,transparent);border-radius:3px 3px 0 0;min-height:3px;transition:height .09s linear}.cl-cbar--on{background:var(--accent)}.cl-cnote{font-size:var(--text-xs);font-weight:600;color:var(--ink-faint);font-family:var(--font-mono)}.cl-cnote--on{color:var(--accent)}.cl-controls{display:flex;gap:10px;margin:18px 0 6px}.cl-listen,.cl-file{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:1px solid var(--line);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);padding:13px 18px;border-radius:999px;transition:background .12s,transform .12s,opacity .12s}.cl-listen{background:var(--accent);color:var(--ink-on-accent);border-color:transparent}.cl-listen:hover{background:var(--accent-hover)}.cl-listen.live{background:var(--good)}.cl-file{background:var(--surface);color:var(--ink)}.cl-file:hover{background:var(--surface-2, var(--hover, var(--surface)));border-color:var(--line-strong, var(--line))}.cl-listen:active,.cl-file:active{transform:scale(.99)}.cl-listen:disabled,.cl-file:disabled{opacity:.45;cursor:default;transform:none}.cl-proghead{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 8px}.cl-proglabel{font-size:var(--text-sm);font-weight:700;color:var(--ink-soft)}.cl-proglinks{display:flex;align-items:center;gap:4px}.cl-prog{display:flex;flex-wrap:wrap;gap:6px;min-height:40px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.cl-progempty{font-size:var(--text-sm);color:var(--ink-faint)}.cl-chip{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--ink);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-radius:var(--radius-sm, 6px);padding:4px 9px;font-variant-numeric:tabular-nums}.screen.tr{max-width:620px}.tr-quiz{display:flex;flex-direction:column;align-items:center;margin-top:6px}.tr-scorebar{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:var(--text-sm);color:var(--ink-soft)}.tr-score b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.tr-streak{background:var(--accent-soft);color:var(--accent);font-weight:600;padding:3px 10px;border-radius:999px;font-size:var(--text-xs)}.tr-reset{border:none;background:none;color:var(--ink-faint);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);text-decoration:underline}.tr-reset:hover{color:var(--ink)}.tr-play{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);padding:15px 30px;border-radius:999px;background:var(--accent);color:var(--ink-on-accent);transition:background .12s,transform .1s}.tr-play:hover:not(:disabled){background:var(--accent-hover)}.tr-play:active:not(:disabled){transform:scale(.98)}.tr-play:disabled{opacity:.5;cursor:default}.tr-play--again{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.tr-play--again:hover:not(:disabled){background:var(--surface-hover)}.tr-warn{margin-top:12px;font-size:var(--text-sm);color:var(--ink-faint)}.tr-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;max-width:560px}.tr-choice{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:11px 16px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s,border-color .1s}.tr-choice:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.tr-choice-key{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border-radius:4px;background:var(--bg);color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;font-weight:700}.tr-choice:disabled{cursor:default}.tr-choice.is-correct{background:var(--good-soft);border-color:color-mix(in oklab,var(--good) 40%,transparent);color:var(--good)}.tr-choice.is-correct .tr-choice-key{background:color-mix(in oklab,var(--good) 22%,transparent);color:var(--good)}.tr-choice.is-wrong{background:color-mix(in oklab,var(--danger) 12%,var(--surface));border-color:color-mix(in oklab,var(--danger) 40%,transparent);color:var(--danger)}.tr-choice.is-wrong .tr-choice-key{background:color-mix(in oklab,var(--danger) 20%,transparent);color:var(--danger)}.tr-choice.is-dim{opacity:.5}.tr-feedback{display:flex;align-items:center;gap:16px;margin-top:22px}.tr-fb{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:var(--text-md)}.tr-fb--ok{color:var(--good)}.tr-fb--no{color:var(--danger)}.tr-next{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--accent);color:var(--ink-on-accent);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:8px 16px;border-radius:999px;cursor:pointer}.tr-next:hover{background:var(--accent-hover)}.tr-kbhint{margin-top:24px;font-size:var(--text-xs);color:var(--ink-faint);text-align:center}.tr-settings{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.tr-set-block{margin-bottom:22px}.tr-set-h{display:block;margin-bottom:10px}.tr-presets{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tr-preset{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:6px 14px;border-radius:999px;cursor:pointer}.tr-preset.on{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent)}.tr-preset:hover:not(.on){border-color:var(--accent);color:var(--accent)}.tr-ivgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.tr-iv{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);padding:9px 12px;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background .1s,border-color .1s}.tr-iv:hover:not(.on){border-color:var(--accent)}.tr-iv.on{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 34%,transparent);color:var(--accent)}.tr-iv-short{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);flex:none;min-width:22px}.tr-iv-name{font-size:var(--text-xs);color:var(--ink-faint)}.tr-iv.on .tr-iv-name{color:color-mix(in oklab,var(--accent) 70%,var(--ink))}.tr-iv-acc{margin-left:auto;flex:none;font-family:var(--font-mono);font-weight:700;font-size:11px;padding:1px 5px;border-radius:4px}.tr-iv-acc[data-lvl=low]{background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger)}.tr-iv-acc[data-lvl=mid]{background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent)}.tr-iv-acc[data-lvl=high]{background:var(--good-soft);color:var(--good)}.tr-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:var(--text-xs);color:var(--ink-faint)}.tr-set-row{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:20px}.tr-set-item{flex:0 0 auto;min-width:0;max-width:100%}.tr-set-item .fc-seg{flex-wrap:wrap}.tr-toggles{display:flex;flex-direction:column;gap:14px}.screen.guide{max-width:780px}.guide-start{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);padding:12px 22px;border-radius:999px;background:var(--accent);color:var(--ink-on-accent);transition:background .12s}.guide-start:hover{background:var(--accent-hover)}.guide-start--quiet{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.guide-start--quiet:hover{background:var(--surface-hover)}.guide-try-arrow{transform:rotate(180deg)}.guide-sec{margin-top:34px}.guide-h2{font-family:var(--font-serif, var(--font-sans));font-size:var(--text-lg);font-weight:700;color:var(--ink);margin:0 0 14px}.guide-note{font-size:var(--text-sm);color:var(--ink-soft);margin:0 0 12px;line-height:1.5}.guide-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.guide-card{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.guide-card-ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.guide-card-body{min-width:0}.guide-card-h{font-weight:700;font-size:var(--text-md);color:var(--ink);margin-bottom:4px}.guide-card-p{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.55;margin:0}.guide-try{display:inline-flex;align-items:center;gap:5px;margin-top:10px;border:none;background:none;padding:0;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);color:var(--accent)}.guide-try:hover{text-decoration:underline}.guide-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}.guide-list li{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.guide-list b,.guide-note b{color:var(--ink);font-weight:650}.guide-sec--tips{margin-top:30px}.guide-tips{display:flex;gap:13px;padding:18px;border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 20%,transparent)}.guide-tips-ic{flex:none;color:var(--accent);margin-top:2px}.guide-foot{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.pl-list{display:flex;flex-direction:column;gap:10px}.pl-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.pl-row-main{flex:1;min-width:0}.pl-name{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:3px}.pl-row-side{display:flex;align-items:center;gap:8px;flex:none}.pl-composer{margin-bottom:16px}.pl-album-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.pl-album-suggest-lbl{font-size:var(--text-sm);color:var(--ink-faint)}.pl-album-pick{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}.pl-album-pick:hover{border-color:var(--accent-tint);color:var(--accent)}.pl-album-pick svg{color:var(--accent)}.pl-badge{display:inline-block;margin:-8px 0 14px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);padding:3px 9px;font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.sv-album,.lib-album{color:var(--ink-soft)}.pl-detail-head{display:flex;align-items:center;gap:10px;margin:4px 0 16px}.pl-detail-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-detail-actions{display:flex;align-items:center;gap:4px;flex:none}.pl-detail-head .fc-input{flex:1}.pl-ic{width:38px;height:38px;border:none;background:transparent;color:var(--ink-soft);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.pl-ic:hover:not(:disabled){background:var(--surface-hover);color:var(--accent)}.pl-ic:disabled{opacity:.3;cursor:default}.pl-ic--danger:hover:not(:disabled){color:var(--danger)}.pl-confirm{display:inline-flex;align-items:center;gap:6px}.pl-confirm-yes,.pl-confirm-no{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer}.pl-confirm-yes{border-color:var(--danger);color:var(--danger)}.pl-confirm-no{color:var(--ink-soft)}.pl-detail-empty{color:var(--ink-faint);font-size:var(--text-sm);margin-top:18px;text-align:center;line-height:1.6}.pl-detail-empty svg{vertical-align:-2px}.pl-export{margin-top:14px}.pl-export-lbl{display:block;margin:0 2px 8px}.pl-export-btns{display:flex;gap:8px;flex-wrap:wrap}.pl-export-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:var(--radius-md);padding:8px 14px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.pl-export-btn:hover{color:var(--accent);border-color:var(--accent-tint)}.pl-export-btn svg{color:var(--ink-faint);flex:none}.pl-export-btn:hover svg{color:var(--accent)}.pl-songlist{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pl-song{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px 12px 10px 14px}.pl-song-main{flex:1;min-width:0;cursor:pointer}.pl-song-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-song-artist{color:var(--ink-soft);font-size:var(--text-sm);margin-top:1px}.pl-song-actions{display:flex;gap:2px;flex:none}.pl-song-actions .pl-ic{width:34px;height:34px}.lib-addpl{display:inline-flex;cursor:pointer;color:var(--ink-faint);transition:color .12s}.lib-addpl:hover{color:var(--accent)}.pl-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in oklab,var(--ink) 42%,transparent);display:flex;align-items:flex-end;justify-content:center}.pl-sheet{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:14px 16px 20px;max-height:62dvh;overflow-y:auto}.pl-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.pl-sheet-title{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-sheet-x{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;padding:4px;border-radius:var(--radius-sm);flex:none}.pl-sheet-x:hover{color:var(--ink)}.pl-sheet-list{display:flex;flex-direction:column}.pl-sheet-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 8px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--ink);text-align:left}.pl-sheet-item:hover{background:var(--surface-hover)}.pl-sheet-item svg{color:var(--accent);flex:none}.pl-sheet-item-main{min-width:0}.pl-sheet-item-name{font-weight:600;font-size:var(--text-md);display:inline-flex;align-items:center;gap:8px}.pl-sheet-item-sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:1px}.pl-sheet-new{color:var(--accent);border-top:1px solid var(--line);margin-top:4px;border-radius:0}.pl-sheet-new .pl-sheet-item-name{color:var(--accent)}.sv-plbar{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 10px 5px 6px;box-shadow:var(--shadow-sm);color:var(--ink-soft)}.sv-plnav{width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.sv-plnav:hover{background:var(--surface-hover);color:var(--accent)}.sv-pldiv{color:var(--ink-faint)}.sv-plbadge{font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:0 2px;white-space:nowrap}.sv-plexit{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:4px 8px;border-radius:999px}.sv-plexit:hover{color:var(--accent);background:var(--surface-hover)}.sv-cd{position:absolute;left:50%;bottom:140px;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:88%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px 18px}.sv-cd-row{display:flex;align-items:center;justify-content:center;gap:10px}.sv-cd-text{font-size:var(--text-md);color:var(--ink);text-align:center;max-width:78vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-cd-text b{font-weight:600}.sv-cd-meta{font-size:var(--text-sm);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.sv-cd-num{font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.sv-cd-btn{border:none;background:var(--accent);color:var(--ink-on-accent);border-radius:999px;padding:8px 16px;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;flex:none}.sv-cd-btn:hover{background:var(--accent-hover)}.sv-cd-btn--ghost{background:transparent;color:var(--ink-soft)}.sv-cd-btn--ghost:hover{background:var(--surface-hover);color:var(--ink)}.sv-cd-tune,.sv-tunebar-txt{line-height:1.3}.sv-cd-tune{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in oklab,var(--danger) 32%,transparent);background:color-mix(in oklab,var(--danger) 10%,var(--surface));color:var(--danger);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:7px 14px;border-radius:999px;cursor:pointer}.sv-cd-tune:hover{background:color-mix(in oklab,var(--danger) 17%,var(--surface))}.sv-cd-tune svg{flex:none}.sv-tunebar{position:absolute;left:50%;bottom:150px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:10px;max-width:92%;background:var(--surface);border:1px solid color-mix(in oklab,var(--danger) 32%,transparent);border-radius:999px;padding:8px 8px 8px 16px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--ink)}.sv-tunebar>svg{color:var(--danger);flex:none}.sv-tunebar-txt{font-weight:600}.sv-tunebar-go{border:none;background:var(--accent);color:var(--ink-on-accent);border-radius:999px;padding:7px 15px;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;flex:none}.sv-tunebar-go:hover{background:var(--accent-hover)}.sv-tunebar-x{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:inline-flex;padding:6px;border-radius:50%;flex:none}.sv-tunebar-x:hover{background:var(--surface-hover);color:var(--ink)}.sv-tunebar--muted{border-color:var(--line)}.sv-tunebar--muted>svg{color:var(--ink-soft)}.sv-mic.is-on{animation:none}.sv-mic--live{position:relative;animation:sv-metro-pulse 1s ease-in-out infinite}.sv-mic--live:after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--surface)}.sv-rec svg{color:var(--danger)}.sv-rec.is-rec{background:color-mix(in oklab,var(--danger) 16%,transparent);animation:sv-metro-pulse 1.1s ease-in-out infinite}.sv-recbar{position:absolute;left:50%;bottom:150px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:10px;max-width:94%;flex-wrap:wrap;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px 10px 8px 16px;font-size:var(--text-sm);color:var(--ink)}.sv-recbar--live{border-color:color-mix(in oklab,var(--danger) 34%,transparent)}.sv-recbar-txt{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}.sv-recbar-txt svg{color:var(--ink-soft);flex:none}.sv-rec-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);flex:none;animation:sv-metro-pulse 1.1s ease-in-out infinite}.sv-rec-audio{height:34px;max-width:220px}.sv-recbar-stop,.sv-recbar-go{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:7px 15px;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;flex:none}.sv-recbar-stop{background:var(--danger);color:#fff}.sv-recbar-go{background:var(--accent);color:var(--ink-on-accent)}.sv-recbar-go:hover{background:var(--accent-hover)}.sv-countin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;background:color-mix(in oklab,var(--bg) 55%,transparent)}.sv-countin-num{font-family:var(--font-mono);font-weight:700;font-size:clamp(90px,22vw,200px);line-height:1;color:var(--danger);animation:sv-countin-pop .6s ease}.sv-countin-lbl{font-family:var(--font-sans);font-weight:600;font-size:var(--text-md);color:var(--ink-soft);letter-spacing:.02em}@keyframes sv-countin-pop{0%{transform:scale(.55);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.sv-countin-num{animation:none}}.app-toast{position:absolute;left:50%;bottom:calc(var(--tabbar-h) + 16px);transform:translate(-50%);z-index:10;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap;animation:fc-toast-in var(--dur-base) var(--ease-out)}@media (max-width: 879.98px){.app:not([data-song]) .app-toast{bottom:calc(var(--tabbar-h) + 72px)}}.app-toast svg{color:var(--good)}.app-toast--error svg{color:var(--danger)}@keyframes fc-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}:root{--paper-50: #FCFAF4;--paper-100: #F6F0E3;--paper-200: #EFE7D6;--paper-300: #E5DAC4;--ink-900: #2A2620;--ink-700: #51493E;--ink-500: #7C7263;--ink-400: #9E9484;--iris-700: #2C2B6E;--iris-600: #3B3A8E;--iris-500: #4A48A0;--iris-300: #A6A4DE;--iris-100: #E7E6F4;--sage-600: #5E7E58;--sage-500: #6F8F69;--sage-200: #CFDCC8;--sage-100: #E5EDE0;--night-950: #15120E;--night-900: #1A1611;--night-800: #221D17;--night-700: #2C261F;--night-600: #3A322A;--cream-100: #ECE4D4;--cream-300: #B7AD9B;--cream-500: #8C8273;--iris-glow-400: #9794E6;--iris-glow-300: #B0AEF0;--moss-400: #8AA37F;--bg: var(--paper-100);--surface: var(--paper-50);--surface-sunken:var(--paper-200);--surface-hover: var(--paper-200);--ink: var(--ink-900);--ink-soft: var(--ink-500);--ink-faint: var(--ink-400);--ink-on-accent: #FCFAF4;--line: #E1D6C0;--line-soft: #ECE3D2;--accent: var(--iris-600);--accent-hover: var(--iris-700);--accent-soft: var(--iris-100);--accent-tint: var(--iris-300);--accent-ring: color-mix(in oklab, var(--iris-600) 40%, transparent);--chord: var(--iris-700);--chord-soft: var(--iris-300);--good: var(--sage-600);--good-soft: var(--sage-100);--danger: #B0453C;--star: var(--iris-600);--shadow-color: 28 22 14;--selection: color-mix(in oklab, var(--iris-300) 55%, transparent)}[data-theme=dark]{--bg: var(--night-900);--surface: var(--night-800);--surface-sunken:var(--night-700);--surface-hover: var(--night-700);--ink: var(--cream-100);--ink-soft: var(--cream-300);--ink-faint: var(--cream-500);--ink-on-accent: #1A1611;--line: #352D24;--line-soft: #2A241D;--accent: var(--iris-glow-400);--accent-hover: var(--iris-glow-300);--accent-soft: #24223E;--accent-tint: #4B4A8F;--accent-ring: color-mix(in oklab, var(--iris-glow-400) 45%, transparent);--chord: var(--iris-glow-400);--chord-soft: #4B498F;--good: var(--moss-400);--good-soft: #25301F;--danger: #D98C84;--star: var(--iris-glow-400);--shadow-color: 0 0 0;--selection: color-mix(in oklab, var(--iris-glow-400) 40%, transparent)}:root{--font-display: "Newsreader Variable", "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-lyric: var(--font-sans);--font-chord: var(--font-mono);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-lyric: 1.7;--leading-loose: 1.9;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .12em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--gutter: var(--space-5);--gutter-wide: var(--space-7);--measure: 38rem;--measure-song: 44rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(var(--shadow-color) / .06);--shadow-sm: 0 1px 2px rgb(var(--shadow-color) / .05), 0 2px 6px rgb(var(--shadow-color) / .05);--shadow-md: 0 2px 4px rgb(var(--shadow-color) / .05), 0 8px 20px rgb(var(--shadow-color) / .07);--shadow-lg: 0 4px 8px rgb(var(--shadow-color) / .06), 0 18px 40px rgb(var(--shadow-color) / .1);--shadow-inset: inset 0 1px 2px rgb(var(--shadow-color) / .06);--border-hair: 1px solid var(--line);--border-soft: 1px solid var(--line-soft);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--tabbar-h: 64px;--topbar-h: 56px;--tap-min: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}::selection{background:var(--selection)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semi);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--ink);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-xs)}.fc-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}