@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_60583a76-module__B4YpLq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_60583a76-module__B4YpLq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.2ontrj8z1-o25.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.33iiebxkijmxa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.2nzetymcmw3t7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0_f09-l1omku8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0fcfx2a-jndc5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_c183140d-module__4M7gaG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_c183140d-module__4M7gaG__variable{--font-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--bg:#0a0d16;--surface:#10141f;--surface-2:#171c2a;--surface-3:#1f2536;--line:#252b3d;--ink:#eef1f6;--ink-dim:#8890a4;--green:#22b573;--green-ink:#04140c;--green-dim:#1a6e4b;--amber:#d9a441;--rust:#c4684a;--radius:10px;--shell-max:480px;--tabbar-h:64px;--font-display:var(--font-space-grotesk), system-ui, sans-serif;--font-mono:var(--font-plex-mono), ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f2ea;--surface:#fff;--surface-2:#efeade;--surface-3:#e6e0cf;--line:#ddd5bf;--ink:#201d17;--ink-dim:#736c5b;--green:#188a58;--green-ink:#fff;--green-dim:#bcdccb;--amber:#9c6c19;--rust:#a34e33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);font-family:var(--font-display);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background .2s,color .2s}button,input,textarea,select{font-family:inherit}svg{display:block}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.shell{max-width:var(--shell-max);background:radial-gradient(ellipse 130% 40% at 50% -4%, #161d30 0%, var(--bg) 60%), var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}:root[data-theme=light] .shell{background:var(--bg)}@media (min-width:560px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.screen{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex}.screen-center{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.topbar{padding:calc(12px + env(safe-area-inset-top,0px)) 20px 16px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brandmark{align-items:center;gap:9px;display:flex}.badge-cs{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:block}.brand-word{letter-spacing:-.01em;font-size:17px;font-weight:600}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:disabled{opacity:.45;cursor:default}.back-row{padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;align-items:center;gap:10px;display:flex}.back-row .icon-btn{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.screen-title{font-size:19px;font-weight:600}.section-title{padding:2px 20px 4px;font-size:19px;font-weight:600}.section-sub{color:var(--ink-dim);padding:0 20px 14px;font-size:12.5px;line-height:1.5}.lib-list{flex-direction:column;padding:10px 20px 24px;display:flex}.song-row{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;padding:14px 2px;display:flex}.song-row .ic{background:var(--surface-2);width:34px;height:34px;color:var(--ink-dim);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.song-meta{flex:1;min-width:0}.song-meta h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:14.5px;font-weight:600;overflow:hidden}.song-meta p{color:var(--ink-dim);margin:0;font-size:12px}.song-tags{flex-shrink:0;align-items:center;gap:8px;display:flex}.key-badge{font-family:var(--font-mono);color:var(--green);border:1px solid var(--green-dim);border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:600}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.status-dot.processing{background:var(--amber);animation:1.3s infinite pulse}.status-dot.error{background:var(--rust)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.empty-note{color:var(--ink-dim);text-align:center;padding:30px 20px;font-size:12.5px;line-height:1.6}.fab{right:max(20px, calc(50vw - var(--shell-max) / 2 + 20px));bottom:calc(var(--tabbar-h) + 20px + env(safe-area-inset-bottom,0px));background:var(--green);width:52px;height:52px;color:var(--green-ink);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 10px 24px -8px #22b5738c}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding:9px 0 calc(9px + env(safe-area-inset-bottom,0px));z-index:10;max-width:var(--shell-max);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;font-size:10.5px;display:flex}.tab-item.active{color:var(--green)}.option-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;width:calc(100% - 40px);color:inherit;margin:8px 20px;padding:16px;display:block}.option-card:disabled{opacity:.5;cursor:default}.option-card h4{align-items:center;gap:9px;margin:0 0 4px;font-size:14.5px;font-weight:600;display:flex}.option-card h4 svg{color:var(--green);flex-shrink:0}.option-card p{color:var(--ink-dim);margin:0;font-size:12.5px;line-height:1.5}.upload-zone{border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-dim);cursor:pointer;background:0 0;width:calc(100% - 40px);margin:14px 20px;padding:26px 16px;font-size:12.5px;line-height:1.5}.upload-zone.dragging{border-color:var(--green);color:var(--green)}.upload-zone svg{color:var(--green);margin:0 auto 8px}.divider-word{color:var(--ink-dim);align-items:center;gap:10px;padding:6px 20px;font-size:11.5px;display:flex}.divider-word .line{background:var(--line);flex:1;height:1px}.search-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;margin:14px 20px 6px;padding:11px 13px;display:flex}.search-input svg{color:var(--ink-dim);flex-shrink:0}.search-input input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.result-row{border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.result-row h4{margin:0 0 3px;font-size:13.5px;font-weight:600}.result-row p{color:var(--ink-dim);margin:0;font-size:11.5px}.source-tag{letter-spacing:.02em;color:var(--green);border:1px solid var(--green-dim);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:3px 7px;font-size:9.5px;font-weight:600}.source-tag.community{color:var(--ink-dim);border-color:var(--line)}.proc-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 30px;display:flex}.proc-title{text-align:center;margin:0 0 4px;font-size:18px;font-weight:600}.proc-sub{color:var(--ink-dim);text-align:center;margin:0 0 32px;font-size:12.5px}.steps{width:100%}.step{align-items:flex-start;gap:14px;padding:13px 0;display:flex;position:relative}.step:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:36px;bottom:-6px;left:13px}.step-num{border:1px solid var(--line);width:27px;height:27px;font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;display:flex}.step.done .step-num{border-color:var(--green);color:var(--green)}.step.active .step-num{border-color:var(--amber);color:var(--amber);background:#d9a44124}.step.error .step-num{border-color:var(--rust);color:var(--rust)}.step-label{color:var(--ink-dim);padding-top:4px;font-size:13.5px}.step.done .step-label,.step.error .step-label{color:var(--ink)}.step.active .step-label{color:var(--ink);font-weight:600}.song-header{padding:2px 20px 4px}.song-header h2{margin:0 0 2px;font-size:20px;font-weight:600}.song-header p{color:var(--ink-dim);margin:0;font-size:12.5px}.key-control{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;margin:16px 20px 4px;padding:10px 14px;display:flex}.key-control .label{color:var(--ink-dim);font-size:11.5px}.key-stepper{align-items:center;gap:12px;display:flex}.step-btn{border:1px solid var(--line);background:var(--surface-2);width:29px;height:29px;color:var(--green);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.key-value{font-family:var(--font-mono);color:var(--green);text-align:center;cursor:pointer;border:none;border-bottom:1px dashed var(--green-dim);background:0 0;min-width:42px;padding-bottom:1px;font-size:16px;font-weight:600}.transposed-note{color:var(--ink-dim);min-height:14px;margin:6px 20px 0;font-size:11px}.chords-row-wrap{margin:18px 0 4px}.chords-row-label{color:var(--ink-dim);padding:0 20px 8px;font-size:12px}.chords-row{gap:8px;padding:0 20px 4px;display:flex;overflow-x:auto}.chord-diagram-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;min-width:58px;padding:9px 7px 8px;display:flex}.cd-svg{width:38px;height:46px;color:var(--ink)}.chord-diagram-card .cn{font-family:var(--font-mono);color:var(--ink);font-size:11.5px;font-weight:600}.toolbar-row{justify-content:flex-end;align-items:center;gap:8px;margin:16px 20px 6px;display:flex}.edit-toggle{color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.edit-toggle.on{color:var(--amber);border-color:var(--amber);background:#d9a4411a}.cifra-wrap{padding:2px 20px 24px}.cp-line{font-family:var(--font-mono);min-height:34px;font-size:13.5px;line-height:2.5}.cp-seg{vertical-align:bottom;flex-direction:column;align-items:flex-start;margin-right:2px;display:inline-flex}.cp-chord{color:var(--green);background:0 0;border:none;height:14px;padding:0;font-family:inherit;font-size:12px;font-weight:600;line-height:1}.cp-chord:empty{visibility:hidden}.cp-word{color:var(--ink);white-space:pre}.cp-section{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 2px;font-size:11.5px;font-weight:600}.editing .cp-chord:not(:empty){cursor:pointer;border-bottom:1px dashed var(--green);padding-bottom:1px}.edit-hint{color:var(--ink-dim);align-items:center;gap:7px;margin:16px 0 4px;font-size:11.5px;display:flex}.edit-hint svg{color:var(--green);flex-shrink:0}.chord-popover{left:max(20px, calc(50vw - var(--shell-max) / 2 + 20px));right:max(20px, calc(50vw - var(--shell-max) / 2 + 20px));bottom:calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom,0px));background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);z-index:15;padding:14px;position:fixed;box-shadow:0 16px 40px -14px #00000080}.chord-popover .cp-title{color:var(--ink-dim);margin-bottom:10px;font-size:11.5px}.cp-options{flex-wrap:wrap;gap:7px;display:flex}.cp-opt{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-3);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600}.cp-opt:hover,.cp-opt.current{border-color:var(--green)}.cp-free{gap:7px;margin-top:10px;display:flex}.cp-free input{background:var(--surface-3);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:12.5px}.modal-overlay{z-index:25;background:#030408b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}:root[data-theme=light] .modal-overlay{background:#1e1a0f73}.modal-sheet{width:100%;max-width:var(--shell-max);background:var(--surface);border:1px solid var(--line);padding:18px 20px calc(26px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0}.modal-sheet .mh{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-sheet .mh h3{margin:0;font-size:15px;font-weight:600}.key-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.key-cell{font-family:var(--font-mono);text-align:center;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:9px;padding:14px 0;font-size:14px;font-weight:600}.key-cell.current{border-color:var(--green);color:var(--green);background:#22b5731a}.pane{padding:14px 20px 24px}.tuner-wrap{flex-direction:column;flex:1;align-items:center;padding:8px 20px 24px;display:flex}.gauge-box{width:260px;max-width:100%;margin:4px 0}.gauge-svg{width:100%;overflow:visible}.tuner-readout{text-align:center;margin:4px 0 22px}.tuner-note{font-size:56px;font-weight:700;line-height:1;font-family:var(--font-mono)}.tuner-cents{color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);margin-top:6px}.tuner-status{letter-spacing:.01em;margin-top:10px;font-size:12px;font-weight:600}.string-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;display:flex}.string-btn{border:1px solid var(--line);background:var(--surface-2);width:38px;height:38px;color:var(--ink-dim);font-family:var(--font-mono);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;display:flex}.string-btn.on{border-color:var(--green);color:var(--green);background:#22b5731a}.string-btn.auto{width:auto;padding:0 12px}.tuner-hint{color:var(--ink-dim);text-align:center;margin-top:14px;font-size:11.5px;line-height:1.5}.tom-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 34px;display:flex}.record-btn{background:var(--green);width:92px;height:92px;color:var(--green-ink);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.record-btn.recording{background:var(--rust)}.tom-wrap h3{margin:22px 0 6px;font-size:16px;font-weight:600}.tom-wrap p{color:var(--ink-dim);margin:0;font-size:12.5px;line-height:1.5}.pulse-rings{justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative}.pulse-ring{border:1.5px solid var(--green);border-radius:50%;animation:1.6s ease-out infinite ring;position:absolute;inset:0}.pulse-ring.r2{animation-delay:.5s}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.tom-result{text-align:center;padding:8px 26px 40px}.tom-result .big-key{font-family:var(--font-mono);color:var(--green);font-size:64px;font-weight:700;line-height:1}.tom-result .rel{color:var(--ink-dim);margin:8px 0 30px;font-size:12.5px}.conf-list{text-align:left;margin-bottom:26px}.bar-row{align-items:center;gap:10px;margin-bottom:11px;font-size:12px;display:flex}.bar-row .bn{width:52px;font-family:var(--font-mono);color:var(--ink);flex-shrink:0;font-weight:600}.bar-track{background:var(--surface-2);border-radius:5px;flex:1;height:7px;overflow:hidden}.bar-fill{background:var(--green);border-radius:5px;height:100%}.bar-row .bv{text-align:right;width:38px;font-family:var(--font-mono);color:var(--ink-dim);flex-shrink:0;font-size:11px}.btn-primary{background:var(--green);width:100%;color:var(--green-ink);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:13px;font-size:13.5px;font-weight:600;display:flex}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{width:100%;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:12px;font-size:13px;font-weight:600;display:flex}.tab-render{font-family:var(--font-mono);color:var(--ink);white-space:pre;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:15px 13px;font-size:12px;line-height:1.85;overflow-x:auto}.string-picker{margin:18px 0 6px}.string-picker .label{color:var(--ink-dim);margin-bottom:10px;font-size:11.5px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);width:33px;height:33px;color:var(--ink-dim);font-family:var(--font-mono);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:11.5px;display:flex}.chip.on{border-color:var(--green);color:var(--green);background:#22b5731f}.remap-note{color:var(--green);align-items:center;gap:6px;margin-top:12px;font-size:11.5px;line-height:1.5;display:flex}.remap-note.warn{color:var(--amber)}.remap-note svg{flex-shrink:0}.error-banner{border:1px solid var(--rust);border-radius:var(--radius);color:var(--ink);background:#c4684a1f;margin:14px 20px;padding:12px 14px;font-size:12.5px;line-height:1.5}.field{margin:10px 20px}.field label{color:var(--ink-dim);margin-bottom:6px;font-size:11.5px;display:block}.field input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);outline:none;padding:11px 13px;font-size:13.5px}.field input:focus{border-color:var(--green)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:0;height:0}