@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_ce929fb-module__qqrwVG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_ce929fb-module__qqrwVG__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.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:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_e6c9b578-module__xktYVG__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_e6c9b578-module__xktYVG__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_3342dced-module__ksAy2q__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_3342dced-module__ksAy2q__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#0b0b0c;--bg-2:#0f0f10;--card:#131314;--card-2:#18181a;--card-3:#1f1f22;--line:#ffffff12;--line-2:#ffffff21;--line-3:#ffffff38;--fg:#f4f1ec;--fg-2:#c9c5bf;--fg-3:#8d8983;--fg-4:#5f5c58;--accent:#ff5b24;--accent-2:#ff7a45;--accent-deep:#c23a10;--accent-rgb:255, 91, 36;--accent-2-rgb:255, 122, 69;--accent-deep-rgb:160, 42, 12;--accent-hi-rgb:255, 215, 195;--accent-soft:rgba(var(--accent-rgb), .14);--accent-line:rgba(var(--accent-2-rgb), .55);--warn:#ff4d6d;--glass:linear-gradient(165deg, rgba(var(--accent-2-rgb), .96) 0%, rgba(var(--accent-rgb), .94) 42%, rgba(var(--accent-deep-rgb), .92) 100%);--glass-glow:0 0 0 1px rgba(var(--accent-hi-rgb), .35) inset, 0 1px 0 rgba(var(--accent-hi-rgb), .55) inset, 0 18px 60px rgba(var(--accent-rgb), .28);--r-xs:7px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:20px;--ease:cubic-bezier(.2, .7, .2, 1);--t:.18s;--font:var(--font-inter), "Helvetica Neue", Arial, sans-serif;--serif:var(--font-serif), "Times New Roman", serif;--mono:var(--font-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--wrap:1320px;--gutter:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app[data-inst=piano]{--accent:#3b55d4;--accent-2:#5a73ea;--accent-deep:#1f2c8c;--accent-rgb:59, 85, 212;--accent-2-rgb:96, 120, 240;--accent-deep-rgb:26, 36, 120;--accent-hi-rgb:200, 210, 255;--accent-soft:rgba(var(--accent-rgb), .16);--accent-line:rgba(var(--accent-2-rgb), .55);--glass:linear-gradient(165deg, rgba(var(--accent-2-rgb), .96) 0%, rgba(var(--accent-rgb), .94) 42%, rgba(var(--accent-deep-rgb), .92) 100%);--glass-glow:0 0 0 1px rgba(var(--accent-hi-rgb), .35) inset, 0 1px 0 rgba(var(--accent-hi-rgb), .55) inset, 0 18px 60px rgba(var(--accent-rgb), .3)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum" 1, "cv11" 1;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:default}select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:8px}h1,h2,h3{font:inherit}[hidden]{display:none!important}.mono{font-family:var(--mono);letter-spacing:-.02em}.serif{font-family:var(--serif);font-weight:400}.app{isolation:isolate;min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:relative}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.backdrop{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 38% at 50% -6%, rgba(var(--accent-rgb), .12), transparent 70%), radial-gradient(ellipse 34% 40% at 0% 62%, rgba(var(--accent-rgb), .07), transparent 70%), radial-gradient(ellipse 34% 40% at 100% 62%, rgba(var(--accent-rgb), .07), transparent 70%);position:fixed;inset:0}.backdrop:before,.backdrop:after{content:"";background:linear-gradient(#0000,#ffffff0f 12% 88%,#0000);width:1px;position:absolute;top:0;bottom:0}.backdrop:before{left:max(8px, calc(50% - var(--wrap) / 2))}.backdrop:after{right:max(8px, calc(50% - var(--wrap) / 2))}.nav{z-index:40;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#0b0b0ceb,#0b0b0cb8);position:sticky;top:0}.nav-in{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;display:grid}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.brand-mark{background:var(--glass);width:28px;height:28px;box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 4px 18px rgba(var(--accent-rgb), .35);border-radius:8px;place-items:center;display:grid}.links{align-items:center;gap:2px;font-size:13px;display:flex}.links-sep{background:var(--line-2);width:1px;height:16px;margin:0 10px}.link{border-radius:var(--r-sm);height:34px;color:var(--fg-3);transition:color var(--t) var(--ease), background var(--t) var(--ease);padding:0 12px;position:relative}.link:hover,.link-on{color:var(--fg)}.link-on:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-left:-2px;position:absolute;bottom:1px;left:50%}.nav-end{justify-self:end;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r-sm);white-space:nowrap;height:34px;transition:transform var(--t) var(--ease), background var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(180deg, var(--accent-2), var(--accent));box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 6px 20px rgba(var(--accent-rgb), .28)}.btn-primary:hover{box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 8px 28px rgba(var(--accent-rgb), .42)}.btn-ghost{color:var(--fg);background:var(--card-2);border:1px solid var(--line-2)}.btn-ghost:hover{border-color:var(--line-3)}.btn-lg{height:40px;padding:0 18px;font-size:13.5px}.btn-on{color:var(--fg);background:var(--card-3);border:1px solid var(--line-3);box-shadow:none}.icon-btn{width:30px;height:30px;color:var(--fg-2);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--card-3);color:var(--fg)}.eyebrow{border:1px solid var(--line-2);height:26px;color:var(--fg-2);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:0 11px 0 9px;font-size:11.5px;display:inline-flex}.eyebrow i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.eyebrow b{color:var(--fg);font-weight:500}.lede{color:var(--fg-3);max-width:62ch;font-size:13.5px}.warn{color:var(--warn);font-weight:500}.card{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg, var(--card), var(--bg-2));min-width:0}.glass{color:#fff;background:var(--glass);box-shadow:var(--glass-glow);border:0}.group{flex-direction:column;gap:10px;min-width:0;display:flex}.chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.chips-scroll{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll>*{flex:none}.chip{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card-2);height:32px;color:var(--fg-2);white-space:nowrap;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), box-shadow var(--t) var(--ease);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.chip:hover{color:var(--fg);border-color:var(--line-2)}.chip small{color:var(--fg-4);font-weight:400}.chip-fixed{padding:0 4px}.chip-on,.chip-on:hover{color:#fff;background:linear-gradient(180deg, var(--accent-2), var(--accent));box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 4px 16px rgba(var(--accent-rgb), .3);border-color:#0000}.chip-on small{color:#ffffffc7}.chip-strong{font-weight:600}.chip-dot{border-radius:50%;flex:none;width:7px;height:7px}.segmented{border:1px solid var(--line);background:var(--card);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.segment{height:28px;color:var(--fg-3);white-space:nowrap;transition:color var(--t) var(--ease), background var(--t) var(--ease);border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;display:inline-flex}.segment:hover{color:var(--fg)}.segment-on,.segment-on:hover{color:var(--fg);background:var(--card-3);box-shadow:0 0 0 1px var(--line-2) inset}.switch{border:1px solid var(--line);background:var(--card);height:36px;color:var(--fg-3);white-space:nowrap;border-radius:11px;align-items:center;gap:9px;padding:0 4px 0 12px;font-size:12.5px;display:inline-flex}.switch-track{background:var(--card-3);width:34px;height:22px;transition:background var(--t) var(--ease);border-radius:999px;margin-right:3px;position:relative}.switch-thumb{background:var(--fg-3);width:16px;height:16px;transition:transform var(--t) var(--ease), background var(--t) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch-on{color:var(--fg)}.switch-on .switch-track{background:var(--accent)}.switch-on .switch-thumb{background:#fff;transform:translate(12px)}.icon-tile{width:34px;height:34px;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(var(--accent-2-rgb), .22);border-radius:9px;flex:none;place-items:center;display:grid}.pips{flex-wrap:wrap;gap:6px;display:flex}.pip{border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff05;gap:2px;min-width:52px;padding:7px 10px;display:grid}.pip-top{color:var(--fg-4);font-size:10.5px}.pip-main{align-items:center;gap:6px;font-size:14px;display:flex}.pip-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.viewport{flex-direction:column;gap:10px;min-width:0;padding:14px 14px 10px;display:flex}.viewport-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.legend{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.legend-item{border:1px solid var(--line);height:26px;color:var(--fg-2);white-space:nowrap;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;display:inline-flex}.legend-item i{border-radius:50%;flex:none;width:9px;height:9px}.legend-item .lg-ghost{border:1px solid var(--fg-3);opacity:.6}.legend-item .lg-ring{border:2px solid #fff;width:11px;height:11px}.legend-item .lg-win{border:1.5px dashed var(--accent-2);border-radius:3px}.legend-item .lg-outline{border:1.6px solid var(--fg);width:11px;height:11px}.legend-chord{font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.neck{min-width:0;height:300px;position:relative}.neck-lg{height:clamp(300px,40vh,420px)}.fb-scroll{overscroll-behavior-x:contain;scrollbar-width:none;height:100%;overflow:auto hidden}.fb-scroll::-webkit-scrollbar{display:none}.fb-board{min-width:600px;height:100%;position:relative}.fb-svg{display:block;overflow:visible}.fb-string-label,.fb-fret-number{fill:var(--fg-4);font-family:var(--font);dominant-baseline:central;font-size:12px}.fb-fret-number{text-anchor:middle;font-size:11px}.fb-fret-number-on{fill:var(--accent-2)}.fb-band{transition:x .26s var(--ease), width .26s var(--ease)}.fb-win-label{fill:var(--accent-2);font-family:var(--font);text-anchor:middle;dominant-baseline:central;font-size:11px;font-weight:600}.fb-note-text{font-family:var(--font);text-anchor:middle;dominant-baseline:central;letter-spacing:-.02em;pointer-events:none;font-weight:600}.fb-badge-text{font-family:var(--font);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:9.5px;font-weight:500}.fb-note{cursor:default}.fb-note-pop{transform-box:fill-box;transform-origin:50%;animation:fb-pop .26s var(--ease) both}.fb-note-ghost{animation:fb-fade .26s var(--ease) both}.fb-ring{filter:drop-shadow(0 0 4px #fff9)}.fb-now{pointer-events:none;filter:drop-shadow(0 0 8px rgba(var(--accent-2-rgb), .9))}@keyframes fb-pop{0%{opacity:0;transform:scale(.4)}}@keyframes fb-fade{0%{opacity:0}}.fb-mute{fill:var(--fg-3);text-anchor:middle;dominant-baseline:central;font-size:20px}.fb-tip{z-index:3;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px);pointer-events:none;white-space:nowrap;background:#141415b8;border-radius:12px;flex-direction:column;gap:2px;padding:9px 13px 10px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 30px #0006}.fb-tip-label{color:var(--fg-3);font-size:11.5px}.fb-tip-value{font-family:var(--serif);align-items:baseline;gap:8px;font-size:28px;line-height:1.05;display:flex}.fb-tip-value small{font-family:var(--font);font-size:13px}.stack{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:28px;display:grid}.stack>*{min-width:0}.tree{padding:6px 14px;display:grid}.trow{grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 0;display:grid}.trow>*{min-width:0}.trow+.trow{border-top:1px solid var(--line)}.tlbl{color:var(--fg-2);align-items:center;gap:9px;font-size:12.5px;display:flex}.tlbl i{width:20px;height:20px;font-style:normal;font-family:var(--mono);color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(var(--accent-2-rgb), .3);border-radius:6px;flex:none;place-items:center;font-size:10.5px;display:grid}.select{color:var(--fg-3);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.select select{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card-2);height:32px;color:var(--fg);padding:0 10px;font-size:12.5px;font-weight:500}.practice{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.practice>*{min-width:0}.player{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.bpm{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card-2);align-items:center;gap:4px;height:34px;padding:0 3px;display:inline-flex}.bpm output{text-align:center;min-width:28px;font-family:var(--mono);font-size:13.5px}.bpm small{color:var(--fg-3);margin-right:4px;font-size:10.5px}.toggle{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card-2);height:34px;color:var(--fg-3);align-items:center;gap:7px;padding:0 12px;font-size:12.5px;display:inline-flex}.toggle:before{content:"";background:var(--fg-4);border-radius:50%;width:7px;height:7px}.toggle-on{color:var(--fg);border-color:var(--accent-line)}.toggle-on:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.tabwrap{border-radius:var(--r-md);border:1px solid var(--line);scrollbar-width:thin;background:#0d0d0e;gap:10px;min-width:0;padding:10px 10px 8px;display:grid;overflow-x:auto}.tab{width:max-content;font-family:var(--mono);display:flex}.tab-lbl{grid-template-rows:20px repeat(6,18px) 15px;width:16px;display:grid}.tab-lbl div{color:var(--fg-4);place-items:center;font-size:10px;display:grid}.bar{border-left:1px solid var(--line-3);grid-template-rows:20px auto 15px;display:grid}.bar:last-child{border-right:1px solid var(--line-3)}.bar-head{font-family:var(--font);white-space:nowrap;align-items:center;gap:6px;padding:0 7px;font-size:11.5px;font-weight:500;display:flex;overflow:hidden}.bar-head .dot{border-radius:50%;flex:none;width:7px;height:7px}.bar-head small{color:var(--fg-3);font-weight:400}.bar-grid{grid-template-columns:repeat(var(--cols), var(--cw));grid-template-rows:repeat(6,18px);display:grid}.cell{place-items:center;display:grid;position:relative}.cell:before{content:"";background:#ffffff21;height:1px;position:absolute;top:50%;left:0;right:0}.fn{z-index:1;color:var(--c,var(--fg));background:#0d0d0e;border-radius:5px;padding:0 3px;font-size:12px;font-weight:700;line-height:16px;transition:background 90ms linear,color 90ms linear,box-shadow 90ms linear;position:relative}.fn-slur{z-index:2;border:1.3px solid var(--fg-3);pointer-events:none;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:7px;position:absolute;bottom:62%;left:-50%}.fn-slur b{color:var(--fg-2);font-size:8.5px;font-weight:700;line-height:1;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.fn-tech{color:var(--fg-3);margin-right:1px;font-size:9.5px;font-style:normal;font-weight:600}.fn-now .fn-tech{color:inherit}.fn-pass{color:var(--fg-3);font-weight:500}.fn-target{background:rgba(var(--accent-rgb), .14);box-shadow:0 0 0 1px var(--accent-line)}.fn-now{background:var(--fg)!important;color:var(--bg)!important;box-shadow:0 0 0 2px var(--accent), 0 0 14px rgba(var(--accent-rgb), .85)!important}.beats{grid-template-columns:repeat(var(--cols), var(--cw));color:var(--fg-4);text-align:center;align-items:center;font-size:9.5px;display:grid}.beats .b1{color:var(--fg-2)}.dchips{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dchip{border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(180deg, var(--card), var(--bg-2));text-align:left;min-width:0;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);align-items:center;gap:11px;padding:11px 12px 11px 11px;display:flex}.dchip:hover{border-color:var(--line-2)}.dchip b{font-size:13.5px;font-weight:500;line-height:1.2;display:block}.dchip small{color:var(--fg-3);font-size:11.5px}.dchip .n{font-family:var(--serif);color:var(--fg-4);margin-left:auto;font-size:18px;font-style:italic}.dchip-on,.dchip-on:hover{background:var(--glass);box-shadow:var(--glass-glow);border-color:#0000}.dchip-on small,.dchip-on .n{color:#ffffffd1}.dchip-on .icon-tile{color:#fff;background:#0000002e;border-color:#ffffff40}.blocks{padding:4px 16px}.blk{grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid}.blk+.blk{border-top:1px solid var(--line)}.blk .num{width:30px;height:30px;font-family:var(--serif);color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(var(--accent-2-rgb), .3);border-radius:9px;place-items:center;font-size:16px;font-style:italic;display:grid}.blk b{font-size:14px;font-weight:500}.blk p{color:var(--fg-3);margin:2px 0 6px;font-size:12.5px}.blk .when{font-family:var(--mono);color:var(--fg-2);white-space:nowrap;font-size:11.5px}.lnk{color:var(--accent-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}.lnk:hover{text-underline-offset:3px;text-decoration:underline}.pad{gap:12px;padding:16px;display:grid}.pad h3{font-family:var(--serif);font-size:22px;line-height:1.1}.pad h3 em{font-style:italic}.week{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.wk{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card-2);text-align:center;transition:border-color var(--t) var(--ease);gap:2px;padding:11px 8px;display:grid}button.wk:hover{border-color:var(--line-2)}.wk b{font-size:13px;font-weight:500}.wk small{color:var(--fg-3);font-size:11px}.wk-on,button.wk-on:hover{background:var(--glass);box-shadow:var(--glass-glow);border-color:#0000}.wk-on small{color:#ffffffd9}.rule{border-radius:var(--r-md);border:1px solid rgba(var(--accent-2-rgb), .3);background:var(--accent-soft);color:var(--fg-2);padding:12px 14px;font-size:13px}.rule b{color:var(--fg);font-weight:600}.evo{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.evo button{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card-2);text-align:left;transition:border-color var(--t) var(--ease), transform var(--t) var(--ease);align-content:start;gap:6px;padding:16px;display:grid}.evo button:hover{border-color:var(--line-2);transform:translateY(-1px)}.evo b{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.05}.evo span{color:var(--fg-3);font-size:12.5px}.evo .evo-go{color:var(--accent-2);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:inline-flex}.evo .glass span,.evo .glass .evo-go{color:#ffffffe0}.dlg{color:var(--fg);background:0 0;border:0;width:min(580px,100vw - 24px);max-height:calc(100dvh - 40px);margin:auto;padding:0}.dlg::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050506bd}.dlg-in{border-radius:var(--r-xl);border:1px solid var(--line-2);background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(var(--accent-rgb), .16), transparent 70%), linear-gradient(180deg, var(--card-2), var(--bg-2));color:var(--fg-2);gap:12px;padding:20px 22px 22px;font-size:13.5px;display:grid;position:relative;box-shadow:0 30px 80px #0009}.dlg-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.dlg-h h3{font-family:var(--serif);color:var(--fg);font-size:28px;line-height:1.05}.dlg p{line-height:1.55}.dlg b{color:var(--fg);font-weight:600}.dlg ol{counter-reset:step;border-radius:var(--r-md);border:1px solid var(--line);gap:0;list-style:none;display:grid;overflow:hidden}.dlg li{counter-increment:step;grid-template-columns:26px 1fr;gap:8px;padding:10px 12px;line-height:1.45;display:grid}.dlg li+li{border-top:1px solid var(--line)}.dlg li:before{content:counter(step);font-family:var(--serif);color:var(--accent-2);font-size:16px;font-style:italic}.src{color:var(--fg-4);font-size:11.5px}.src a{color:var(--fg-3)}.screen{flex-direction:column;gap:10px;min-width:0;padding-top:12px;padding-bottom:14px;display:flex}.screen>*{min-width:0}.screen-head{flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:40px;display:flex}.screen-title{font-family:var(--serif);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:clamp(26px,2.6vw,34px);font-weight:400;line-height:1;display:flex}.screen-title em{font-style:italic}.screen-title .dim{color:var(--fg-3)}.screen-title small{color:var(--fg-2);font-size:.6em;font-style:italic}.screen-title small.mono{font-family:var(--mono);color:var(--fg-3);font-size:.48em;font-style:normal}.screen-title.idle{color:var(--fg-4)}.screen-head .pips .pip{align-items:baseline;gap:5px;min-width:0;padding:4px 9px;display:flex}.screen-head .pip-main{font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 12px;display:flex}.scale-bar{scrollbar-width:none;flex-basis:100%;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.scale-bar>.cgroup-label{margin-right:2px}.scale-btn,.scale-rel{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card-2);width:148px;color:var(--fg-2);white-space:nowrap;flex:none;justify-items:center;gap:1px;padding:5px 12px;font-size:12.5px;font-weight:500;line-height:1.2;display:grid;overflow:hidden}.scale-btn:hover,.scale-rel:hover{color:var(--fg);border-color:var(--line-2)}.scale-btn small,.scale-rel small{text-overflow:ellipsis;max-width:100%;min-height:12px;color:var(--fg-4);font-family:var(--mono);font-size:10px;font-weight:400;overflow:hidden}.scale-btn-on,.scale-btn-on:hover{color:#fff;background:linear-gradient(180deg, var(--accent-2), var(--accent));box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 4px 16px rgba(var(--accent-rgb), .3);border-color:#0000}.scale-btn-on small{color:#ffffffc7}.scale-rel{background:0 0;border-style:dashed;margin-left:auto}.scale-rel small{font-family:var(--font)}.cgroup{align-items:center;gap:8px;min-width:0;display:flex}.cgroup-label{color:var(--fg-2);white-space:nowrap;font-size:12px;line-height:1.15;display:grid}.cgroup-label small{font-variant-numeric:tabular-nums;min-width:11ch;color:var(--fg-4);font-size:10.5px}.controls .chip-fixed{min-width:34px;padding:0 7px}.screen-fill{flex-direction:column;min-height:0;display:flex}.screen-fill>.viewport{flex:1}@media (min-width:700px) and (min-height:560px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app{height:auto;min-height:0;position:fixed;inset:0;overflow:hidden}.screen{flex:1;min-height:0}.screen>*{flex:none}.screen>.screen-fill{flex:none;margin-top:auto}.screen-fill .viewport,.practice.screen-fill>.viewport{flex:none}.screen-fill .neck{flex:none;height:max(200px,min(29vw,36vh,340px))}.screen>.practice.screen-fill{padding-bottom:10px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-btn-line{border:1px solid var(--line-2);background:var(--card-2);width:32px;height:32px}.screen .tree{padding:2px 12px}.screen .trow{grid-template-columns:76px minmax(0,1fr) auto;padding:6px 0}.tsub{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:699px){.screen .trow{grid-template-columns:68px minmax(0,1fr)}.screen .trow>.tsub,.screen .trow>.icon-btn{grid-column:2}.screen .trow>.icon-btn{justify-self:start}}.cpills{flex-wrap:wrap;gap:6px;display:flex}.cpill{border:1px solid var(--line);background:var(--card-2);white-space:nowrap;border-radius:999px;align-items:baseline;gap:7px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.cpill i{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%;align-self:center}.cpill b{font-weight:600}.cpill small{color:var(--fg-3);font-size:11.5px}.cpill .cpill-out{color:var(--warn)}.cpill-on,.cpill-on:hover{background:var(--glass);box-shadow:var(--glass-glow);border-color:#0000}.cpill-on small{color:#fffc}.practice.screen-fill{gap:10px;padding:12px;display:flex}.practice.screen-fill>*{flex:none}.practice.screen-fill>.viewport{flex:1;padding:4px 2px 0}.tabwrap{position:relative}.tabwrap-strip{scrollbar-width:none;display:flex;overflow-x:auto}.tabwrap-strip::-webkit-scrollbar{display:none}.practice.screen-fill>.tabwrap:not(.tabwrap-strip):last-child{flex:0 auto;align-content:start;min-height:0;overflow-y:auto}.dlg-notes{border-top:1px solid var(--line);color:var(--fg-2);gap:6px;margin-top:14px;padding-top:12px;font-size:13px;list-style:none;display:grid}.dlg-notes li{align-items:flex-start;gap:8px;display:flex}.dlg-notes svg{color:var(--accent-2);flex:none;margin-top:2px}.screen .dchips{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.screen .dchip{gap:8px;padding:7px 9px 7px 7px}.screen .dchip .icon-tile{width:28px;height:28px}.screen .dchip b{font-size:12.5px}.screen .dchip small{font-size:11px}@media (max-width:1099px){.screen .dchips{scrollbar-width:none;display:flex;overflow-x:auto}.screen .dchips::-webkit-scrollbar{display:none}.screen .dchip{flex:none;width:180px}}.plan .blocks{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;display:grid}.plan .blk{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}.plan .blk+.blk{border-top:0;border-left:1px solid var(--line)}.plan .blk .when{grid-row:2}.plan .blk p{margin:4px 0 8px}.plan .pad{gap:10px;padding:14px}.plan .pad h3{font-size:19px}.plan .wk{padding:8px}.plan .evo button{padding:12px 14px}.plan .evo b{font-size:19px}.tabbar{display:none}@media (min-width:1500px){:root{--wrap:1440px}}@media (max-width:1099px){.nav-end .eyebrow{display:none}.links .link{padding:0 9px}.links-sep{margin:0 4px}}@media (max-width:820px){.nav-in{grid-template-columns:1fr auto}.links{display:none}.nav-end .eyebrow{display:inline-flex}}@media (max-width:699px){.fb-board{min-width:1200px}}@media (max-width:900px){.evo{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){:root{--gutter:16px}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.nav-end .btn{display:none}.tabbar{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(16px);background:#101011e6;border-radius:16px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:5px;display:grid;position:fixed;box-shadow:0 14px 40px #0009}.tab-btn{height:50px;color:var(--fg-3);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.tab-btn-on{color:#fff;background:var(--glass);box-shadow:var(--glass-glow)}.trow{grid-template-columns:84px minmax(0,1fr)}.trow>.select{grid-column:2}.tree{padding:4px 10px}.practice{padding:10px}.dchips{scrollbar-width:none;display:flex;overflow-x:auto}.dchips::-webkit-scrollbar{display:none}.dchip{flex:none;width:190px}.week{grid-template-columns:repeat(3,minmax(0,1fr))}.neck{height:260px}}@media (max-width:640px){.neck-lg{height:280px}}@media (max-width:520px){.blk{grid-template-columns:30px minmax(0,1fr)}.blk .when{grid-column:2}.week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.legend-item{height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-sm{height:30px;padding:0 11px;font-size:12px}.quiz .btn-on{color:var(--accent-2);border-color:var(--accent-line);background:var(--accent-soft)}.quiz-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:180px;padding:4px 0 0;display:flex;position:relative}.quiz-over{font-family:var(--serif);color:var(--fg-2);font-size:clamp(18px,2vw,24px);font-style:italic}.quiz-big{font-family:var(--serif);letter-spacing:-.03em;color:var(--accent-2);text-shadow:0 0 60px rgba(var(--accent-rgb), .45);animation:quiz-pop .28s var(--ease) both;transition:color var(--t) var(--ease), text-shadow var(--t) var(--ease);font-size:clamp(76px,14vh,150px);line-height:.95}.quiz-big-plain,.quiz-big-info{color:var(--fg);text-shadow:none}.quiz-big-good{color:#6edbc5;text-shadow:0 0 60px #6edbc573}.quiz-under{color:var(--fg-3);font-size:13.5px}.quiz-msg-slot{justify-content:center;align-items:center;min-height:40px;display:flex}.quiz-clock{border:1px solid var(--line-2);height:34px;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:16px;font-weight:600;display:inline-flex;position:absolute;top:6px;right:0}.quiz-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.quiz-sum{color:var(--fg-4);font-size:11px;font-weight:400}.quiz-pop-anchor{position:relative}.quiz-pop{z-index:40;width:min(640px, calc(100vw - 2 * var(--gutter)));animation:quiz-in .18s var(--ease) both;background:#151516;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #000000a6}.quiz-pop .cgroup{align-items:flex-start}.quiz-pop .cgroup-label{width:52px;padding-top:9px}.quiz-pop .chip-fixed{min-width:38px;height:36px;padding:0 7px}.quiz-shortcuts{padding-left:60px}.quiz-pop-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}@keyframes quiz-pop{0%{opacity:0;transform:scale(.85)}}.quiz-msg{border:1px solid var(--line-2);height:26px;animation:quiz-in .22s var(--ease) both;border-radius:999px;align-items:center;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.quiz-msg-good{color:#6edbc5;background:#6edbc51a;border-color:#6edbc566}.quiz-msg-bad{color:var(--warn);animation:quiz-shake .3s var(--ease) both;background:#ff4d6d1a;border-color:#ff4d6d66}.quiz-msg-info{color:var(--fg-2);background:#ffffff0a}.quiz-stats{flex-wrap:wrap;gap:6px;display:flex}.quiz-stat{border-radius:var(--r-sm);border:1px solid var(--line);height:30px;color:var(--fg-3);white-space:nowrap;background:#ffffff05;align-items:baseline;gap:5px;padding:0 10px;font-size:12px;line-height:28px;display:inline-flex}.quiz-stat svg{align-self:center}.quiz-stat b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.quiz-stat small{color:var(--fg-4);font-size:11px}.quiz-hot{color:var(--accent-2);border-color:var(--accent-line);background:var(--accent-soft)}.quiz-clock-end{color:var(--warn);border-color:#ff4d6d73}.quiz-to{color:var(--fg-3);font-size:12px}.quiz-live .fb-board{cursor:pointer}.quiz-pad{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.quiz-key{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card-2);height:48px;color:var(--fg);transition:background var(--t) var(--ease), border-color var(--t) var(--ease), opacity var(--t) var(--ease);font-size:15px;font-weight:600}.quiz-key:hover:not(:disabled){border-color:var(--accent-line)}.quiz-key:active:not(:disabled){transform:translateY(1px)}.quiz-key-acc{color:var(--fg-2);background:#101011;font-size:13px}.quiz-key:disabled{cursor:default}.quiz-key-wrong{opacity:.35;color:var(--warn);border-color:#ff4d6d80;text-decoration:line-through}.quiz-key-right{color:#0b0b0c;background:#6edbc5;border-color:#0000;box-shadow:0 4px 18px #6edbc559}@keyframes quiz-in{0%{opacity:0;transform:translateY(4px)}}@keyframes quiz-shake{20%{transform:translate(-4px)}50%{transform:translate(4px)}80%{transform:translate(-2px)}}@media (max-width:1099px){.quiz-pad{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:700px) and (min-height:560px){.screen>.quiz-stage{flex:auto;min-height:140px}}@media (max-width:699px){.quiz-menu{justify-content:flex-start}.quiz-sum{display:none}.quiz-pop{left:0;right:auto}.quiz-key{height:44px}}@media (prefers-reduced-motion:reduce){.quiz-msg{animation:none!important}}.stage{min-width:0;padding:12px 14px}.stage-in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 22px;height:100%;min-height:0;display:grid}.stage-wheel{aspect-ratio:1;width:auto;height:100%;max-height:300px;display:block;overflow:visible}.stage-wheel-center{fill:var(--fg);font-family:var(--serif);text-anchor:middle;dominant-baseline:central;font-size:22px}.stage-wheel-sub{fill:var(--fg-3);text-anchor:middle;dominant-baseline:central;font-size:7.5px}.stage-wheel-turn,.stage-wheel-upright{transition:transform .52s var(--ease)}.stage-wheel-slice path{transition:fill .26s var(--ease), stroke .26s var(--ease)}.stage-dot{transform-box:fill-box;transform-origin:50%;animation:fb-pop .26s var(--ease) both}.stage-wheel-name{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:7.5px;font-weight:700}.stage-wheel-name-in{font-size:6.5px}.stage-wheel-degree{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:5.5px;font-weight:700}.stage-press{cursor:pointer}.stage-press:hover>path{stroke:var(--accent-2);stroke-width:1px}.stage-side{flex-direction:column;justify-content:center;gap:12px;min-width:0;height:100%;min-height:0;display:flex}.stage-boxes{grid-auto-columns:minmax(0,150px);grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;min-height:0;display:grid}.stage-boxes:has(.stage-pair){grid-auto-columns:minmax(0,1fr);width:100%}.stage-boxes .stage-pair{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 6px 6px;display:flex}.stage-pair-head{white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;line-height:1;display:flex}.stage-pair-head small{color:var(--fg-4);font-size:10.5px}.stage-box-on .stage-pair-head b{color:var(--accent-2)}.stage-boxes .stage-pair svg{width:auto;max-width:100%}.stage-box{border-radius:var(--r-md);border:1px solid var(--line);min-width:0;color:var(--fg-2);transition:border-color var(--t) var(--ease), background var(--t) var(--ease);background:#ffffff04;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;display:flex}button.stage-box:hover{border-color:var(--line-2)}.stage-box-on,button.stage-box-on:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg)}.stage-box svg{width:100%;height:auto;max-height:170px;display:block}.stage-box-title{text-align:center;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.2;display:grid}.stage-box-title small{color:var(--fg-4);font-size:10px;font-weight:400}.stage-box-fret{fill:var(--fg-3);text-anchor:middle;dominant-baseline:central;font-size:9px}.stage-box-mute{fill:var(--fg-3);text-anchor:middle;dominant-baseline:central;font-size:11px}.stage-box-name{text-anchor:middle;dominant-baseline:central;font-size:6.5px;font-weight:700}.stage-box-deg{letter-spacing:-.04em;font-size:9px;font-weight:800}.stage-label{color:var(--fg-3);white-space:nowrap;font-size:11px}.stage-field{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.stage-chord{border:1px solid var(--line);background:var(--card-2);height:30px;color:var(--fg);border-radius:999px;align-items:baseline;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.stage-chord small{font-family:var(--serif);color:var(--fg-3);font-style:italic;font-weight:400}.stage-chord:hover{border-color:var(--accent-line)}.stage-empty{color:var(--fg-3);text-align:center;font-size:13px}.stage-table-wrap{scrollbar-width:thin;min-height:0;max-height:100%;overflow:auto}.stage-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stage-table th,.stage-table td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:5px 8px;font-size:13px}.stage-table thead th{color:var(--fg-2);background:#141415;font-size:12px;font-weight:600;position:sticky;top:0}.stage-table thead th small{color:var(--fg-4);margin-left:4px;font-weight:400}.stage-table tbody th{text-align:left;align-items:center;gap:7px;font-weight:600;display:flex}.stage-table tbody th i{border-radius:50%;flex:none;width:8px;height:8px}.stage-table td{color:var(--fg-2);font-family:var(--mono);font-size:12px}@media (min-width:700px) and (min-height:560px){.screen>.stage{flex:1 1 0;min-height:0;container:stage/size}.stage .stage-box svg{max-height:calc(100cqh - 74px)}.stage:has(.stage-field) .stage-box svg{max-height:calc(100cqh - 116px)}.stage .stage-pair svg{height:calc(58cqh - 20.88px);max-height:240px}.stage .stage-pair svg+svg{height:calc(42cqh - 15.12px);max-height:175px}.stage:has(.stage-field) .stage-pair svg{height:calc(50cqh - 44px);max-height:170px}@container stage (max-height:170px){.stage-wheel,.stage-field{display:none}.stage-in{grid-template-columns:minmax(0,1fr)}.stage-boxes{grid-auto-columns:minmax(0,190px)}.stage-box{flex-direction:row;gap:8px;padding:6px 10px}.stage .stage-box svg{width:auto;max-width:60%;height:calc(100cqh - 40px);max-height:none}.stage .stage-pair svg{max-width:none;height:calc(58cqh - 23.2px)}.stage .stage-pair svg+svg{height:calc(42cqh - 16.8px)}.stage .stage-pair{flex-direction:column;padding:3px 6px}.stage-box-title{text-align:left}}@container stage (max-height:90px){.stage-in{display:none}}@container stage (max-aspect-ratio:2.2) and (min-height:300px){.stage-in{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center}.stage-wheel{max-height:360px}.stage-side{width:100%;height:auto}:is(.stage .stage-box svg,.stage:has(.stage-field) .stage-box svg){max-height:190px}:is(.stage .stage-pair svg,.stage:has(.stage-field) .stage-pair svg){height:auto;max-height:170px}.stage .stage-pair svg+svg{max-height:125px}}}@media (max-width:699px),(max-height:559px){.stage-in{grid-template-columns:minmax(0,1fr);justify-items:center}.stage-wheel{height:230px}.stage-side{width:100%}.stage-boxes{grid-auto-columns:minmax(0,1fr);gap:5px}.stage-box{padding:6px 3px 5px}.stage-boxes .stage-pair svg{width:100%;max-width:none}.stage-boxes .stage-pair svg+svg{width:74%}.stage-box-title small{display:none}.stage-table-wrap{max-height:320px}}.tab-cta,.tab-sep{display:none}@media (orientation:landscape) and (max-height:559px),(orientation:portrait) and (max-width:559px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);min-height:0;padding:0;display:grid;position:fixed;inset:0}.nav,.stage,.consult-head,.viewport-bar .legend{display:none}.tabbar{width:calc(54px + env(safe-area-inset-left));padding:calc(6px + env(safe-area-inset-top)) 6px calc(6px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left));border:0;border-right:1px solid var(--line);box-shadow:none;background:#0d0d0eeb;border-radius:0;flex-direction:column;grid-area:1/1;gap:2px;display:flex;position:static}.tab-btn{height:auto;min-height:0;max-height:50px;color:var(--fg-3);letter-spacing:-.01em;border-radius:11px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;font-size:9.5px;line-height:1;display:flex}.tab-btn svg{flex:none}.tab-btn-on{color:#fff;background:var(--glass);box-shadow:var(--glass-glow)}.tab-sep{background:var(--line-2);flex:none;height:1px;margin:2px 8px;display:block}.tab-cta{color:#fff;background:linear-gradient(180deg, var(--accent-2), var(--accent));min-height:0;max-height:48px;box-shadow:0 1px 0 rgba(var(--accent-hi-rgb), .5) inset, 0 4px 16px rgba(var(--accent-rgb), .3);border-radius:11px;flex:1 1 0;place-items:center;margin-top:auto;display:grid}.screen{max-width:none;min-height:0;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) 8px;grid-area:1/2;gap:6px;overflow-y:auto}.screen>*{flex:none}.screen>.screen-fill{flex-direction:column;flex:auto;min-height:150px;display:flex}.screen-fill>.viewport,.practice.screen-fill>.viewport{flex:auto;gap:2px;min-height:0;padding:4px 6px 0}.screen-fill .neck,.screen-fill .neck-lg{flex:auto;height:auto;min-height:150px}.viewport-bar{justify-content:flex-end}.viewport-bar:not(:has(.toolbar>*)){display:none}.chip{height:30px;padding:0 10px}.controls .chip-fixed{min-width:30px;padding:0 5px}.segment{height:24px}.switch{height:30px}.btn-lg{height:34px;padding:0 14px}.controls{gap:6px 14px;padding:6px 10px}.cgroup-label small{display:none}.screen .tree{padding:0 10px}.screen .trow{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 0}.screen .trow>.tlbl{display:none}.screen .trow>.tsub,.screen .trow>.icon-btn{grid-column:auto}.practice.screen-fill{gap:6px;padding:6px}.player{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.player>*{flex:none}.player .btn-ghost{gap:0;font-size:0}.bpm,.toggle{height:32px}.cpills{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.cpill{flex:none;height:28px}.screen .dchips{scrollbar-width:none;display:flex;overflow-x:auto}.screen .dchip{flex:none;width:auto;padding:4px 10px 4px 4px}.screen .dchip .icon-tile{width:24px;height:24px}.screen .tree{gap:12px;display:flex}.screen .tree>.trow{flex:1 1 0}.screen .tree>.trow+.trow{border-top:0;border-left:1px solid var(--line);flex-grow:1.4;padding-left:12px}.practice .viewport-bar{display:none}.practice>.chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.practice>.chips>*{flex:none}.tabwrap{padding:4px 8px}.tab-lbl{grid-template-rows:16px repeat(6,13px) 12px}.bar{grid-template-rows:16px auto 12px}.bar-grid{grid-template-rows:repeat(6,13px)}.fn{font-size:11px;line-height:13px}.screen>.quiz-stage{flex-direction:row;align-items:baseline;gap:12px;min-height:0;padding:0}.quiz-big{font-size:54px}.quiz-msg-slot{align-self:center;min-height:0}.quiz-clock{top:50%;transform:translateY(-50%)}.quiz-bar,.quiz-menu{flex-wrap:nowrap}.quiz-sum{display:none}.quiz-menu .btn-sm{gap:0;font-size:0}.quiz-pop{max-height:calc(100dvh - 110px);left:auto;right:0;overflow-y:auto}.quiz-pad{grid-template-columns:repeat(12,minmax(0,1fr))}.quiz-key{height:34px}}@media (orientation:portrait) and (max-width:559px){.app{width:var(--win-h,100dvh);height:var(--win-w,100dvw);transform-origin:0 0;transform:translateX(var(--win-w,100dvw)) rotate(90deg);inset:0 auto auto 0}.fb-board{min-width:600px}.tabbar{padding:6px 6px 6px calc(6px + env(safe-area-inset-top))}.screen{padding:6px calc(8px + env(safe-area-inset-bottom)) 6px 8px}.quiz-pop{width:min(640px, calc(var(--win-h,100dvh) - 120px));max-height:calc(var(--win-w,100dvw) - 110px)}.dlg{width:min(580px, calc(var(--win-h,100dvh) - 24px));max-width:none;max-height:calc(var(--win-w,100dvw) - 40px);margin:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}.brand-row{align-items:center;gap:12px;min-width:0;display:flex}.inst{border:1px solid var(--line-2);background:var(--card);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.inst-btn{height:26px;color:var(--fg-3);transition:color var(--t) var(--ease), background var(--t) var(--ease);border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.inst-btn:hover{color:var(--fg)}.inst-on{color:#fff;background:var(--glass);box-shadow:var(--glass-glow)}.tab-inst{display:none}.brand{white-space:nowrap}@media (max-width:1299px){.inst-btn{padding:0 8px}.inst-btn span{display:none}}.piano-viewport{gap:12px}.piano-hint{color:var(--fg-4);font-size:12px}.kb-wrap{flex:1;align-items:flex-end;min-height:150px;display:flex}.kb{-webkit-user-select:none;user-select:none;touch-action:none;flex:1;height:100%;min-height:150px;max-height:300px;position:relative}.kb-key{transition:background 90ms var(--ease), box-shadow 90ms var(--ease), transform 90ms var(--ease);flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:absolute;top:0}.kb-white{--key:#efebe4;z-index:1;background:linear-gradient(180deg, #d9d4cc 0%, var(--key) 7%, var(--key) 88%, #d6d1c9 100%);color:#1b1a19;border:1px solid #0000008c;border-top:0;border-radius:0 0 7px 7px;bottom:0}.kb-black{--key:#1b1b1e;z-index:2;background:linear-gradient(180deg, #0c0c0d 0%, var(--key) 70%, #2b2b2f 94%, #121214 100%);color:#f4f1ec;border:1px solid #000;border-top:0;border-radius:0 0 5px 5px;height:62%;box-shadow:0 4px 8px #0000008c}.kb-white.kb-marked{background:linear-gradient(180deg, #d9d4cc 0%, var(--key) 7%, var(--key) 45%, color-mix(in srgb, var(--mk) 45%, var(--key)) 100%)}.kb-black.kb-marked{background:linear-gradient(180deg, #0c0c0d 0%, var(--key) 40%, color-mix(in srgb, var(--mk) 55%, var(--key)) 100%)}.kb-ghost{box-shadow:inset 0 0 0 2px var(--mk)}.kb-mark{pointer-events:none;flex-direction:column;align-items:center;gap:2px;margin-bottom:9px;line-height:1;display:flex}.kb-mark b{font-size:12px;font-weight:600}.kb-mark small{font-family:var(--serif);opacity:.75;font-size:13px;font-style:italic}.kb-mark i{background:var(--mk);width:10px;height:10px;box-shadow:0 0 0 1.5px #00000059, 0 0 10px var(--mk);border-radius:50%;margin-top:3px}.kb-ghost .kb-mark i{box-shadow:inset 0 0 0 2px var(--mk);background:0 0}.kb-black .kb-mark b{font-size:10px}.kb-black .kb-mark small{font-size:11px}.kb-black .kb-mark{margin-bottom:7px}.kb-oct{color:#8d8983;pointer-events:none;margin-bottom:8px;font-size:10px}.kb-on{transform:translateY(1px)}.kb-white.kb-on{--key:color-mix(in srgb, var(--accent-2) 50%, #efebe4)}.kb-black.kb-on{--key:var(--accent)}.kb-white.kb-hit{--key:#9fe9d9}.kb-black.kb-hit{--key:#3fae98}.kb-white.kb-miss{--key:#ff8da0}.kb-black.kb-miss{--key:#d93453}.piano-boxes{grid-auto-columns:minmax(0,190px)}.piano-field{grid-auto-columns:minmax(0,130px)}.piano-boxes .stage-box svg{height:58px;max-height:58px}.piano-field-label{text-align:center}@media (min-width:700px) and (min-height:560px){.piano .kb-wrap{flex:none}.piano .kb{flex:1;height:max(170px,min(24vw,32vh,300px))}.piano.quiz .kb{height:clamp(140px,100dvh - 600px,300px)}}.pg-slash{color:var(--fg-3);font-size:.55em}.pg-big-bad{color:#ff4d6d;text-shadow:0 0 60px #ff4d6d66}.pg-held .pip{border-color:var(--accent-line);background:var(--accent-soft)}.pg-tries{gap:6px;display:inline-flex}.pg-tries i{background:var(--line-3);border-radius:50%;width:8px;height:8px}.pg-tries .pg-spent{background:#ff4d6d;box-shadow:0 0 8px #ff4d6d99}.pg-worst{gap:8px}.pg-worst b{align-items:baseline;gap:3px;display:inline-flex}@media (max-width:1099px){.piano-hint{display:none}}@media (orientation:landscape) and (max-height:559px),(orientation:portrait) and (max-width:559px){.tab-inst{height:36px;color:var(--fg-2);border:1px solid var(--line-2);background:var(--card-2);border-radius:11px;flex:none;place-items:center;margin-bottom:4px;display:grid}.piano .consult-head{display:flex}.kb,.kb-wrap{min-height:120px}}.controls-break{flex-basis:100%;height:0}.stage-field [role=radio].stage-chord{align-items:center}.stage-chord-on,.stage-chord-on:hover{color:#fff;background:var(--glass);box-shadow:var(--glass-glow);border-color:#0000}.pg-mid{grid-template-columns:minmax(0,1fr);align-items:center;gap:14px 24px;display:grid}.pg-mid .quiz-stage{min-width:0}@media (min-width:900px){.pg-mid{grid-template-columns:minmax(270px,1fr) minmax(0,auto) minmax(270px,1fr)}.pg-mid .pg-panel{justify-self:start;width:min(100%,370px)}}.pg-panel{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pg-selects{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pg-panel-head{justify-content:space-between;align-items:center;display:flex}.pg-panel-head h2{font-family:var(--serif);font-size:20px;line-height:1}.pg-fgroup{gap:6px;display:grid}.pg-flabel{color:var(--fg-3);font-size:11px}.pg-fgroup .chip-fixed{min-width:0;padding:0 8px}.pg-fgroup .chips{flex-wrap:nowrap;gap:4px}.pg-fgroup .select,.pg-fgroup .select select{width:100%}.pg-switches{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.pg-switches .switch{height:32px;padding-left:10px;font-size:12px}.kb-label{font-size:9px}.kb-black .kb-label{color:#8d8983;margin-bottom:6px}@media (max-width:899px){.pg-mid .quiz-stage{order:-1}}@media (max-width:1100px),(pointer:coarse){.stage-pair svg+svg{display:none}.stage .stage-pair svg{height:calc(100cqh - 40px);max-height:240px}}@media (max-width:699px),(max-height:559px){.stage .stage-pair svg{height:auto}}.chip-rel{opacity:.75;margin-left:3px;font-size:10.5px}.stage{position:relative}.stage-zoom{z-index:2;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card-2);width:28px;height:28px;color:var(--fg-3);transition:color var(--t) var(--ease), border-color var(--t) var(--ease);place-items:center;display:grid;position:absolute;top:8px;right:8px}.stage-zoom:hover{color:var(--fg);border-color:var(--line-2)}.stage-zoom[aria-pressed=true]{color:var(--accent-2);border-color:var(--accent-line)}@media (min-width:700px) and (min-height:560px){.screen.screen-zoom>.screen-fill{display:none}.screen.screen-zoom .stage-in{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);justify-items:stretch}.screen.screen-zoom .stage-wheel{align-self:center;height:min(100cqh - 24px,17cqw,230px);max-height:none}.screen.screen-zoom .stage-side{height:100%}.screen.screen-zoom .stage .stage-box svg,.screen.screen-zoom .stage .stage-pair svg,.screen.screen-zoom .stage .stage-pair svg+svg{max-height:none}}.screen .stage-in.stage-focus-in{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;place-items:center stretch;gap:12px 22px;height:100%;display:grid}.stage-focus{flex-direction:column;align-items:center;gap:8px;min-width:0;height:100%;min-height:0;display:flex}.stage-focus-head{font-size:16px}.stage-focus-head small{font-size:12px}.stage-focus-panels{flex:1;justify-content:center;align-items:flex-start;gap:4%;width:100%;min-height:0;display:flex}.stage-focus-panels figure{flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;display:flex}.stage-focus-panels svg{width:auto;max-width:100%;height:calc(100cqh - 78px);display:block}.stage-focus-panels figcaption{color:var(--fg-3);text-align:center;font-size:11.5px}.stage-strip{flex-direction:column;justify-content:center;gap:6px;height:100%;min-height:0;display:flex}.stage-thumb{border-radius:var(--r-sm);border:1px solid var(--line);color:var(--fg-2);text-align:left;background:#ffffff04;align-items:center;gap:8px;padding:3px 10px 3px 4px;display:flex}.stage-thumb:hover{border-color:var(--line-2)}.stage-thumb-on,.stage-thumb-on:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg)}.stage-thumb-on .stage-pair-head b{color:var(--accent-2)}.stage-thumb svg{width:auto;height:calc(20cqh - 17.6px);display:block}.stage-thumb .stage-pair-head{flex-direction:column;align-items:flex-start;gap:2px}.screen.screen-zoom .stage-focus-in .stage-wheel{height:min(100cqh - 24px,17cqw,230px)}.stage-zoom-lbl,.stage-swap{display:none}.screen-fill{position:relative}@media (orientation:landscape) and (max-height:559px),(orientation:portrait) and (max-width:559px){.tabbar{width:calc(62px + env(safe-area-inset-left));scrollbar-width:none;overflow-y:auto}.tabbar::-webkit-scrollbar{display:none}.tab-inst{flex:none}.tab-btn{white-space:nowrap;text-overflow:ellipsis;flex:none;height:44px;max-height:none;padding:0 2px;font-size:9px;overflow:hidden}.tab-btn span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.tab-cta{flex:none;height:40px;max-height:none;margin-top:8px;position:sticky;bottom:0}.stage-swap{z-index:3;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card-2);height:28px;color:var(--fg-2);align-items:center;gap:5px;padding:0 10px;font-size:12px;display:flex;position:absolute;top:6px;left:8px}.stage-zoom-lbl{font-size:12px;display:inline}.stage-zoom{align-items:center;gap:5px;width:auto;padding:0 9px;display:flex}.screen.screen-zoom>.screen-fill{display:none}.screen.screen-zoom>.stage{flex:auto;min-height:0;padding:8px 10px;display:block;container:stage/size}.screen.screen-zoom .stage-in{height:100%}.screen.screen-zoom .stage-focus-in .stage-wheel{height:min(100cqh - 8px,21cqw)}.screen.screen-zoom .stage-focus-panels svg{height:calc(100cqh - 56px)}.screen.screen-zoom .stage-thumb svg{display:none}.screen.screen-zoom .stage-strip{gap:4px;padding-top:34px}.screen.screen-zoom .stage-thumb{padding:2px 10px}.screen.screen-zoom .stage-in:not(.stage-focus-in){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 16px;display:grid}.screen.screen-zoom .stage-in:not(.stage-focus-in) .stage-wheel{height:min(100cqh - 8px,34cqw)}.screen.screen-zoom .stage .stage-box svg{width:auto;max-width:100%;height:calc(100cqh - 50px)}}.screen.v3{overflow-y:auto}.v3-part{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);flex-grow:0;flex-basis:100%;font-size:10.5px;font-weight:600}.screen>.v3-part{flex-basis:auto}.v3-grid{grid-template-columns:150px repeat(var(--v3-blocks), minmax(0, 1fr) minmax(0, 2fr));flex:none;align-items:center;gap:4px 10px;padding:12px 14px;display:grid}.v3-colhead{border-bottom:1px solid var(--line);text-align:center;align-self:end;gap:1px;padding-bottom:6px;display:grid}.v3-colhead b{font-size:13px}.v3-colhead small{color:var(--fg-4);font-size:10.5px}.v3-corner{align-self:end}.v3-legend{color:var(--fg-3);gap:3px;font-size:10.5px;list-style:none;display:grid}.v3-legend i{vertical-align:-2px;border-radius:50%;width:11px;height:11px;margin-right:5px;display:inline-block}.v3-lg-ring{border:1.5px solid var(--accent-2)}.v3-lg-was{border:1.2px dashed var(--fg-3)}.v3-lg-under{background:#1d1c1e;border:1px solid #ece7e033}.v3-rowhead{border-top:1px solid var(--line);align-content:center;align-self:stretch;gap:2px;padding:8px 0;display:grid}.v3-rowhead b{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.1}.v3-sym{color:var(--accent-2);font-size:14px;font-weight:700}.v3-sym small{color:var(--fg-3);font-weight:500}.v3-rowhead>small{color:var(--fg-3);font-size:11px;line-height:1.35}.v3-cell{border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:2px;margin:0;padding:8px 0 4px;display:flex}.v3-cell-pair{flex-direction:row;justify-content:center;align-items:flex-start;gap:6px}.v3-cell-pair figure{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.v3-diagram{width:100%;max-width:230px;height:auto;display:block}.v3-cell-pair figure{flex:0 50%;min-width:0;max-width:50%}.v3-blockhead{text-align:center;grid-column:span 2;gap:1px;display:grid}.v3-sep{border-left:1px solid var(--line-2);padding-left:10px}.v3-corner{gap:2px;display:grid}.v3-block{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.1}.v3-corner>small{color:var(--accent-2);margin-bottom:8px;font-size:11.5px}.v3-cell figcaption{color:var(--fg-2);justify-items:center;font-size:11px;line-height:1.25;display:grid}.v3-cell figcaption small{color:var(--fg-4);font-size:10px}.v3-was{animation:fb-fade .3s var(--ease) both}@media (max-width:1100px){.v3-grid{grid-template-columns:110px repeat(var(--v3-blocks), minmax(0, 1fr) minmax(0, 2fr))}}@media (max-width:699px),(max-height:559px){.v3-grid{grid-template-columns:96px repeat(var(--v3-blocks), minmax(130px, 1fr) minmax(260px, 2fr));overflow-x:auto}.v3-rowhead{z-index:1;background:var(--card);position:sticky;left:0}.v3-diagram{width:130px}}
.sl{gap:14px}.screen.sl{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth;overflow-y:auto}@media (min-width:700px) and (min-height:560px),(orientation:landscape) and (max-height:559px),(orientation:portrait) and (max-width:559px){.screen.sl{max-width:none;min-height:0;padding-left:max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter)));padding-right:max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter)));flex:auto}.screen.sl .sl-top{top:-12px}}@media (prefers-reduced-motion:reduce){.screen.sl{scroll-behavior:auto}}.sl-title{font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(30px,3.4vw,46px);font-weight:400;line-height:1.02}.sl-title em,.sl-h2 em{color:var(--accent-2);font-style:italic}.sl-h2{font-family:var(--serif);letter-spacing:-.02em;margin-top:18px;scroll-margin-top:120px;font-size:clamp(22px,2.2vw,28px)}.sl-h3{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sl-lede{margin:-6px 0 4px}.sl-reveal{opacity:0;transition:opacity .56s var(--ease), transform .56s var(--ease);transform:translateY(14px)}.sl-reveal.sl-in{opacity:1;transform:none}.sl-home-hero{justify-items:start;gap:12px;padding:18px 0 6px;display:grid}.sl-home-hero .lede{max-width:68ch;font-size:14.5px}.sl-home-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.sl-trail{gap:8px;padding-left:4px;list-style:none;display:grid;position:relative}.sl-trail:before{content:"";background:linear-gradient(180deg, var(--accent-line), var(--line-2) 30%, var(--line) 100%);width:2px;position:absolute;top:18px;bottom:18px;left:21px}.sl-mod{animation:sl-rise .6s var(--ease) both;animation-delay:calc(var(--i) * 45ms);grid-template-columns:36px 1fr;gap:14px;padding:12px 0;display:grid;position:relative}.sl-mod-node{z-index:1;width:36px;height:36px;font-family:var(--mono);color:var(--fg-3);background:var(--card-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;font-size:13px;display:grid;position:relative}.sl-mod-on .sl-mod-node{color:#fff;background:var(--glass);box-shadow:var(--glass-glow);border:0}.sl-mod-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.sl-mod-head h2{font-family:var(--serif);letter-spacing:-.015em;font-size:21px}.sl-mod-head small{color:var(--fg-3);font-size:12px}.sl-mod-body>p{color:var(--fg-3);max-width:80ch;margin:3px 0 9px;font-size:13px}.sl-mod-lessons{flex-wrap:wrap;gap:6px;display:flex}.sl-pill{height:30px;color:var(--fg-4);border:1px dashed var(--line-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;display:inline-flex}.sl-pill-on{color:var(--fg);border:1px solid var(--accent-line);background:var(--accent-soft);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease)}.sl-pill-on:hover{box-shadow:0 6px 22px rgba(var(--accent-rgb), .25);transform:translateY(-1px)}.sl-filter{margin-top:4px}.sl-cat{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.sl-card{text-align:left;opacity:.55;transition:transform var(--t) var(--ease), border-color var(--t) var(--ease), opacity var(--t) var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 15px;display:flex}.sl-card:disabled{cursor:default}.sl-card-on{opacity:1;border-color:var(--accent-line)}.sl-card-on:hover{transform:translateY(-2px)}.sl-card-mod{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.sl-card b{font-family:var(--serif);font-size:18px;font-weight:400;line-height:1.15}.sl-card-desc{color:var(--fg-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.sl-card-foot{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-size:11.5px;display:flex}.sl-card-go{color:var(--accent-2);font-weight:500}.sl-card-soon{color:var(--fg-4)}.sl-tag{border:1px solid var(--line-2);height:20px;color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.sl-tag-iniciante{color:#7ee2b8;border-color:#7ee2b859}.sl-tag-intermediario{color:var(--accent-2);border-color:var(--accent-line)}.sl-tag-avancado{color:#c9a7ff;border-color:#c9a7ff66}.sl-top{z-index:20;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0b0b0cfa 70%,#0b0b0ce6);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex;position:sticky;top:60px}.sl-progress{color:var(--fg-3);align-items:center;gap:10px;font-size:12px;display:flex}.sl-progress-bar{background:var(--card-3);border-radius:999px;width:120px;height:6px;overflow:hidden}.sl-progress-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;box-shadow:0 0 12px var(--accent);transition:width .6s var(--ease);display:block}.sl-hero{background:radial-gradient(ellipse 70% 90% at 100% 0%, rgba(var(--accent-rgb), .1), transparent 60%), linear-gradient(180deg, var(--card), var(--bg-2));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;padding:26px 26px 22px;display:grid;position:relative;overflow:hidden}.sl-hero-text{animation:sl-rise .7s var(--ease) both;gap:12px;display:grid}.sl-hook{font-family:var(--serif);color:var(--fg);font-size:clamp(17px,1.6vw,21px);font-style:italic;line-height:1.3}.sl-anchors{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.sl-anchors a{border:1px solid var(--line-2);height:28px;color:var(--fg-2);transition:border-color var(--t) var(--ease), color var(--t) var(--ease);border-radius:999px;align-items:center;padding:0 11px;font-size:12px;text-decoration:none;display:inline-flex}.sl-anchors a:hover{color:var(--fg);border-color:var(--accent-line)}.sl-hero-art{min-width:0}.sl-labels{color:var(--fg-3);align-items:center;gap:10px;font-size:12px;display:flex}.sl-concept{gap:12px;padding:18px 20px;display:grid}.sl-concept-head{align-items:center;gap:12px;display:flex}.sl-concept-head h3{font-family:var(--serif);letter-spacing:-.01em;font-size:20px}.sl-num{width:26px;height:26px;font-family:var(--mono);color:var(--accent-2);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.sl-text{color:var(--fg-2);white-space:pre-line;max-width:78ch;font-size:14.5px;line-height:1.6}.sl-quote{border-left:2px solid var(--accent);background:linear-gradient(90deg, var(--accent-soft), transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--serif);color:var(--fg);align-items:flex-start;gap:10px;padding:10px 14px;font-size:16.5px;font-style:italic;display:flex}.sl-quote svg{color:var(--accent-2);flex:none;margin-top:4px}.sl-vis{border-radius:var(--r-md);border:1px solid var(--line);min-width:0;transition:border-color .3s var(--ease), box-shadow .3s var(--ease);background:#00000040;gap:8px;padding:10px;display:grid}.sl-vis-on{border-color:var(--accent-line);box-shadow:0 0 0 1px rgba(var(--accent-2-rgb), .15), 0 10px 40px rgba(var(--accent-rgb), .12)}.sl-vis-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sl-vis-cap{color:var(--fg-2);font-size:12.5px}.sl-vis-hint{color:var(--fg-4);margin-left:auto;font-size:11.5px}.sl-neck{height:220px}.sl-chords{flex-wrap:wrap;gap:10px;display:flex}.sl-chord{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--card-2);width:112px;transition:transform var(--t) var(--ease), border-color var(--t) var(--ease);justify-items:center;gap:2px;padding:8px 4px 4px;display:grid}.sl-chord:hover{border-color:var(--accent-line);transform:translateY(-2px)}.sl-chord:active{transform:scale(.97)}.sl-chord-name{font-family:var(--serif);font-size:17px}.sl-chord svg{width:100%}.sl-chord-fret,.sl-chord-x{fill:var(--fg-3);font-size:10px;font-family:var(--mono)}.sl-chord-deg{fill:#111;font-size:7.5px;font-weight:700;font-family:var(--mono)}.sl-srcs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.sl-src{text-align:left;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:inherit;transition:border-color var(--t) var(--ease), transform var(--t) var(--ease);grid-template-columns:136px 1fr;align-items:start;gap:12px;padding:10px;text-decoration:none;display:grid}.sl-src:hover{border-color:var(--accent-line);transform:translateY(-2px)}.sl-src-thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;background-color:var(--card-3);border-radius:8px;position:relative}.sl-src-play{height:22px;font-family:var(--mono);color:#fff;background:var(--glass);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex;position:absolute;bottom:6px;left:6px;box-shadow:0 4px 14px #00000080}.sl-src-doc-ico{aspect-ratio:16/9;background:var(--card-3);color:var(--fg-3);border-radius:8px;place-items:center;display:grid}.sl-src-body{gap:3px;min-width:0;display:grid}.sl-src-body b{font-size:13px;font-weight:500}.sl-src-body small{color:var(--fg-4);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sl-src-why{color:var(--fg-2);font-size:12.5px;line-height:1.4}.sl-video{width:min(900px,100vw - 24px)}.sl-video-in{border-radius:var(--r-xl);border:1px solid var(--line-2);background:var(--card);gap:10px;padding:16px;display:grid}.sl-video-in h3 small{color:var(--fg-3);font-weight:400}.sl-video-frame{aspect-ratio:16/9;border-radius:var(--r-md);background:#000;position:relative;overflow:hidden}.sl-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.sl-video-out{color:var(--fg-3);justify-self:end;align-items:center;gap:6px;font-size:12px;display:inline-flex}.sl-exs{gap:8px;display:grid}.sl-ex{transition:border-color .3s var(--ease);overflow:hidden}.sl-ex-open{border-color:var(--line-3)}.sl-ex-done{border-color:#7ee2b84d}.sl-ex-head{text-align:left;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:14px 16px;display:grid}.sl-ex-num{width:32px;height:32px;font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg-2);border-radius:50%;place-items:center;font-size:13px;display:grid}.sl-ex-open .sl-ex-num{color:#fff;background:var(--glass);box-shadow:var(--glass-glow);border:0}.sl-ex-done .sl-ex-num{color:#0b0b0c;background:#7ee2b8;border:0}.sl-ex-title{gap:2px;min-width:0;display:grid}.sl-ex-title b{font-size:15px;font-weight:500}.sl-ex-title small{color:var(--fg-3);font-size:12.5px}.sl-ex-min{color:var(--fg-3);align-items:center;gap:5px;font-size:12px;display:inline-flex}.sl-ex-body{min-width:0;animation:sl-rise .4s var(--ease) both;gap:12px;padding:0 16px 16px 60px;display:grid}.sl-steps{color:var(--fg-2);gap:7px;padding-left:18px;font-size:14px;line-height:1.5;display:grid}.sl-steps li::marker{color:var(--accent-2);font-family:var(--mono)}.sl-careful{border-radius:var(--r-sm);color:var(--fg-2);background:#ff4d6d14;border:1px solid #ff4d6d40;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.sl-careful svg{color:var(--warn);flex:none;margin-top:2px}.sl-vars{color:var(--fg-2);gap:6px;font-size:13px;display:grid}.sl-vars b{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-size:11.5px;font-weight:600}.sl-vars ul,.sl-sum ul,.sl-errs ul{gap:6px;padding-left:18px;display:grid}.sl-ex-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.sl-insp{color:var(--fg-4);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.sl-insp-chip{border:1px solid var(--line-2);height:24px;color:var(--fg-2);transition:border-color var(--t) var(--ease);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;text-decoration:none;display:inline-flex}.sl-insp-chip:hover{border-color:var(--accent-line)}.sl-insp-chip em{font-style:normal;font-family:var(--mono);color:var(--accent-2)}.sl-end{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;scroll-margin-top:120px;display:grid}.sl-sum,.sl-errs{color:var(--fg-2);align-content:start;gap:10px;padding:16px 18px;font-size:13.5px;line-height:1.5;display:grid}.sl-sum li::marker{color:var(--accent-2)}.sl-errs li::marker{color:var(--warn)}.sl-next{border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex}.sl-next>div{flex:320px;gap:4px;display:grid}.sl-next small{text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:11px}.sl-next p{font-size:14px;line-height:1.5}.sl-next-btn{color:var(--fg)}.ill{width:100%;height:auto;overflow:visible}.ill-staff{stroke:#ffffff1a;stroke-width:1px}.ill-cap{fill:var(--fg-3);font-family:var(--serif);font-size:15px;font-style:italic}.ill-line{fill:none;stroke:#ffffff59;stroke-width:2px;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400px;animation:ill-draw 5s var(--ease) infinite}.ill-line-b{animation-delay:2.4s}.ill-note{opacity:0;transform-box:fill-box;transform-origin:50%;animation:ill-pop 5s var(--ease) infinite;filter:drop-shadow(0 0 6px #ffffff59)}.ill-breath{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite ill-breathe}.ill-well{animation:2.4s ease-in-out infinite ill-glow}.ill-drop{filter:drop-shadow(0 0 6px #ffffff80);animation:4.5s cubic-bezier(.5,0,.7,1) infinite ill-fall}.ill-bubble{animation:ill-talk 3.2s var(--ease) infinite}.ill-zone{animation:3.3s ease-in-out infinite ill-glow}.ill-wave{stroke:var(--accent-2);stroke-dasharray:900;animation:ill-draw 4s var(--ease) infinite}.ill-wave-2{stroke:#ffffff40;animation-delay:.6s}.ill-step{transform-box:fill-box;transform-origin:bottom;animation:ill-grow 3s var(--ease) infinite}@keyframes sl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ill-draw{0%{stroke-dashoffset:400px}35%,80%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes ill-pop{0%{opacity:0;transform:scale(.3)}8%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes ill-breathe{0%,40%{opacity:.2;transform:scale(.75)}55%{opacity:1;transform:scale(1.08)}75%,to{opacity:.25;transform:scale(.85)}}@keyframes ill-glow{0%,to{opacity:.1}50%{opacity:.28}}@keyframes ill-fall{0%{transform:translate(var(--x0), 0);opacity:0}10%{opacity:1}70%{transform:translate(var(--x1), 116px);opacity:1}85%,to{transform:translate(var(--x1), 120px);opacity:0}}@keyframes ill-talk{0%,to{opacity:.25;transform:translateY(4px)}20%,50%{opacity:1;transform:none}}@keyframes ill-grow{0%{opacity:0;transform:scaleY(.2)}30%,to{opacity:1;transform:scaleY(1)}}@media (max-width:860px){.sl-hero,.sl-end{grid-template-columns:1fr}.sl-ex-body{padding-left:16px}.sl-ex-head{grid-template-columns:32px minmax(0,1fr) auto}.sl-ex-min{display:none}}@media (prefers-reduced-motion:reduce){.sl-reveal{opacity:1;transition:none;transform:none}.sl-mod,.sl-hero-text,.sl-ex-body,.ill-line,.ill-note,.ill-breath,.ill-well,.ill-drop,.ill-bubble,.ill-zone,.ill-wave,.ill-step{opacity:1;stroke-dashoffset:0;animation:none}.ill-drop{transform:translate(var(--x1), 116px)}}