@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9710cef2a2a6ac70-s.1glkedkmkj4ol.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:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a978fc28c69736ab-s.0jk2f-2yu65-t.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:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/303804218d80822e-s.p.0j4ssjn_k8z58.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:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e37557cf0085218d-s.323_pd8dkinxn.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:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/146a3e5eadafdf83-s.3o5kmmd3ujeri.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:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d9b5d46d9a89ffe6-s.p.0rkprfbp4mv-a.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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5a938ab334846ae8-s.2yl4_bdoj5bxl.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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3dae58b0b46c3f93-s.0dfcd0ghwuuui.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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../media/89232e6535d3b87e-s.p.350ebk_prankn.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:Barlow Condensed Fallback;src:local(Arial);ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.0%;size-adjust:76.49%}.barlow_condensed_3db3be37-module__RrCjcq__className{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:normal}.barlow_condensed_3db3be37-module__RrCjcq__variable{--font-display:"Barlow Condensed", "Barlow Condensed Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.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:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_4a6dce9a-module__f4V5Ga__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_4a6dce9a-module__f4V5Ga__variable{--font-body:"Manrope", "Manrope Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1b1a;--muted:#69625d;--paper:#f7f0e4;--surface:#fffaf1;--coral:#e85348;--coral-dark:#b93335;--amber:#f6b83f;--amber-soft:#fff0bd;--line:#d8cbbb;--good:#157f67;--shadow:0 18px 50px #2d21191f;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;margin:0;line-height:1.55}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline-offset:3px;outline:3px solid #147ea1}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f0e4f0;border-bottom:1px solid #52403024;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;text-decoration:none;display:flex}.brand>span{line-height:1;display:grid}.brand strong{font:800 1.75rem/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.brand em{color:var(--coral);font-style:normal}.brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:5px;font-size:.67rem}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.site-nav a{border-radius:99px;padding:8px 10px;font-size:.78rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--coral-dark);background:#fff}.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:9px 13px;font-weight:700;display:none}.page{width:min(1180px,100% - 36px);margin:0 auto;padding:54px 0 80px}.hero{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:flex-end;gap:42px;padding:clamp(30px,6vw,76px);display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:52px solid var(--amber);opacity:.16;border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-100px}.eyebrow,.label{color:var(--coral-dark);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;font-size:.73rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);width:24px;height:3px}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:.98}h1{letter-spacing:-.03em;text-transform:uppercase;max-width:780px;margin-top:14px;font-size:clamp(3.3rem,8vw,7.4rem)}h2{text-transform:uppercase;font-size:clamp(2.2rem,4.6vw,4rem)}h3{font-size:1.65rem}.hero h1 span,.accent{color:var(--coral)}.hero p{max-width:650px;color:var(--muted);font-size:1.05rem}.hero-action{z-index:1;background:var(--ink);color:#fff;border-radius:20px;gap:8px;padding:24px;text-decoration:none;display:grid;position:relative}.hero-action strong{font:700 2rem var(--font-display);text-transform:uppercase}.hero-action span:last-child{color:#d7cec3;font-size:.88rem}.button,.button-secondary{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:var(--coral);border-color:var(--coral)}.button-secondary{color:var(--ink);background:0 0}.button-secondary:hover{background:#fff}.button:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:58px 0 20px;display:flex}.section-heading p{max-width:560px;color:var(--muted);margin:0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf1bd;align-content:flex-start;gap:14px;min-width:0;padding:24px;display:grid;box-shadow:0 6px 18px #2d21190a}.card p{color:var(--muted);margin:0}.card .number{font:800 3.4rem/1 var(--font-display);color:#e853483d}.card-link{text-decoration:none;transition:transform .2s,box-shadow .2s}.card-link:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--amber-soft);border-radius:99px;padding:5px 9px;font-size:.72rem;font-weight:750}.level-Beginner{--level:#157f67}.level-Intermediate{--level:#d87816}.level-Advanced{--level:#ad3c60}.level-mark{color:var(--level);text-transform:uppercase;font-size:.72rem;font-weight:800}.progress-track{background:#e7ddcf;border-radius:99px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;display:block}.page-heading{gap:13px;max-width:820px;margin-bottom:38px;display:grid}.page-heading h1{font-size:clamp(3rem,7vw,6rem)}.page-heading p{max-width:700px;color:var(--muted);margin:0;font-size:1.05rem}.filters{flex-wrap:wrap;gap:8px;margin:18px 0 26px;display:flex}.filters button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:9px 14px;font-weight:700}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.lesson-list{gap:14px;display:grid}.lesson{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.lesson-order{background:var(--ink);color:#fff;width:54px;height:54px;font:700 1.4rem var(--font-display);border-radius:50%;place-items:center;display:grid}.lesson-copy{gap:6px;display:grid}.lesson-copy p{color:var(--muted);margin:0}.lesson-actions{align-items:center;gap:10px;display:flex}.done-mark{color:var(--good);font-weight:800}.goals{flex-wrap:wrap;gap:7px;display:flex}.goals span{color:var(--muted);font-size:.72rem}.site-footer{background:var(--ink);color:#fff;justify-content:space-between;gap:30px;padding:30px clamp(18px,4vw,64px);display:flex}.site-footer div{display:grid}.site-footer span,.site-footer p{color:#cfc4b8;font-size:.8rem}.site-footer p{text-align:right;max-width:500px;margin:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{background:var(--ink);color:#fff;border-radius:18px;gap:4px;padding:20px;display:grid}.stat strong{font:800 2.7rem var(--font-display);color:var(--amber)}.stat span{color:#d4cbc2;text-transform:uppercase;font-size:.76rem}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:40px}.sticking{background:var(--ink);color:var(--amber);font:800 1.35rem/1.4 var(--font-display);letter-spacing:.18em;text-align:center;border-radius:12px;padding:14px}.practice-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:flex-start;gap:18px;display:grid}.practice-console,.score-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.practice-console{overflow:hidden}.practice-controls{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr auto;align-items:flex-end;gap:14px;padding:18px;display:grid}.practice-controls label{text-transform:uppercase;gap:6px;font-size:.76rem;font-weight:800;display:grid}.practice-controls select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:43px;padding:8px}.practice-controls label>span{color:var(--coral-dark)}.practice-controls input{accent-color:var(--coral)}.sound-toggle{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:43px;padding:8px 13px;font-weight:750}.practice-stage{color:#fff;background:linear-gradient(145deg,#282421,#171615);min-height:340px;padding:28px;position:relative}.stage-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.practice-stage h2{color:#fff;margin-top:7px}.practice-stage>p{color:#cfc5bb;max-width:700px}.mode-pill{color:#fff;text-transform:uppercase;background:#4b4540;border-radius:99px;padding:6px 10px;font-size:.7rem;font-weight:800}.mode-playing{background:var(--good)}.mode-count-in{background:#b56a00}.mode-paused{background:#765ba7}.mode-results{background:var(--coral)}.timeline{gap:5px;margin:28px 0 24px;padding-bottom:8px;display:grid;overflow-x:auto}.timeline-step{color:#a99e95;background:#393431;border-radius:9px;align-content:flex-end;justify-items:center;gap:4px;min-height:102px;padding:7px 3px;transition:transform .12s,background .12s;display:grid}.timeline-step.active{background:var(--coral);color:#fff;transform:translateY(-7px);box-shadow:0 8px 20px #e8534859}.timeline-step span{font-size:.68rem}.timeline-step i{background:var(--amber);width:22px;height:22px;color:var(--ink);font:normal 800 .63rem var(--font-body);border-radius:50%;place-items:center;display:grid}.timeline-step .voice-kick{background:#7ad4c2}.timeline-step .voice-snare{background:#ff8b7e}.timeline-step .voice-hihat{background:#f6ce66}.timeline-step .voice-tom{background:#a8a6ed}.timeline-step .voice-crash{background:#fff0bd}.transport{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.practice-stage .button-secondary{color:#fff;border-color:#77706b}.audio-status{color:#bdb2a9;font-size:.74rem}.count-in{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171615db;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.count-in span{letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:800}.count-in strong{font:800 8rem/1 var(--font-display);color:var(--amber)}.drum-pads{grid-template-columns:repeat(5,1fr);gap:9px;padding:18px;display:grid}.drum-pad{min-height:94px;color:var(--ink);text-transform:capitalize;touch-action:manipulation;background:#ebe1d4;border:2px solid #0000;border-radius:16px;place-items:center;gap:8px;font-weight:800;display:grid}.drum-pad:not(:disabled):active{border-color:var(--coral);transform:translateY(3px)}.drum-pad:disabled{opacity:.52;cursor:not-allowed}.drum-pad kbd{background:#fff;border:1px solid #b7aa9d;border-bottom-width:3px;border-radius:6px;padding:3px 7px;font-size:.7rem}.pad-kick{background:#d4eee7}.pad-snare{background:#ffd8d1}.pad-hihat{background:#fff0bd}.pad-tom{background:#deddf8}.pad-crash{background:#ffe8a1}.score-panel{text-align:center;justify-items:center;gap:8px;padding:24px;display:grid;position:sticky;top:100px}.live-score{font:800 5.5rem/1 var(--font-display);color:var(--coral)}.score-panel>span:not(.label){color:var(--muted);text-transform:uppercase;font-size:.7rem}.score-grid{grid-template-columns:repeat(2,1fr);gap:7px;width:100%;margin:12px 0;display:grid}.score-grid div{background:#eee5d8;border-radius:10px;padding:10px;display:grid}.score-grid b{font-size:1.15rem}.score-grid span{text-transform:uppercase;font-size:.65rem}.last-hit{border:1px solid var(--line);border-radius:11px;place-content:center;width:100%;min-height:56px;padding:10px;display:grid}.last-hit strong{text-transform:uppercase}.last-hit span{color:var(--muted);font-size:.72rem}.rating-great{color:var(--good)}.rating-good{color:#be7100}.rating-miss,.rating-extra{color:var(--coral-dark)}.result-summary{background:var(--amber-soft);border-radius:12px;width:100%;padding:13px}.result-summary p{margin:5px 0 0;font-size:.75rem}.scoring-note{color:var(--muted);font-size:.68rem}@media (max-width:900px){.site-header{flex-wrap:wrap;align-items:flex-start}.menu-button{display:block}.site-nav{justify-content:flex-start;width:100%;padding-top:8px;display:none}.site-nav.open{display:flex}.hero{grid-template-columns:1fr}.card-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.practice-layout{grid-template-columns:1fr}.score-panel{text-align:left;grid-template-columns:repeat(2,1fr);justify-items:stretch;position:static}.score-panel .live-score{font-size:4rem}.score-grid,.scoring-note{grid-column:1/-1}}@media (max-width:620px){.page{width:min(100% - 24px,1180px);padding-top:30px}.hero{border-radius:24px;padding:28px 22px}.hero h1{font-size:3.35rem}.card-grid,.stat-grid{grid-template-columns:1fr}.section-heading{display:grid}.lesson{grid-template-columns:44px 1fr}.lesson-order{width:42px;height:42px}.lesson-actions{grid-column:1/-1;justify-content:flex-end}.site-footer{display:grid}.site-footer p{text-align:left}.brand strong{font-size:1.5rem}.practice-controls{grid-template-columns:1fr}.practice-stage{padding:22px 16px}.drum-pads{grid-template-columns:repeat(2,1fr)}.drum-pad:first-child{grid-column:1/-1}.score-panel{grid-template-columns:1fr}.score-grid,.scoring-note{grid-column:auto}.timeline{grid-template-columns:repeat(8,minmax(34px,1fr))!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.skip-link:not(:focus){opacity:0}.drum-kit-canvas{background:#211b19;border-radius:18px;width:100%;height:360px;min-height:260px;position:relative;overflow:hidden}.drum-kit-canvas canvas{touch-action:manipulation;width:100%;height:100%;display:block}.drum-kit-canvas-compact{border:1px solid #4d4540;border-radius:14px;height:230px;margin:0 18px 18px}.drum-kit-fallback{color:#fff;text-align:center;background:linear-gradient(135deg,#2d2723,#171615);place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.drum-kit-fallback-title{font:800 1.45rem/1 var(--font-display);text-transform:uppercase;color:var(--amber)}.drum-kit-fallback-copy{color:#cfc5bb;max-width:340px;font-size:.82rem}.drum-kit-instructions{z-index:2;color:#d8cec4;text-align:center;pointer-events:none;background:#171615c7;border-radius:7px;padding:5px 8px;font-size:.68rem;position:absolute;bottom:10px;left:12px;right:12px}.kit-viewer{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:center;gap:22px;margin:0 0 42px;padding:22px;display:grid}.kit-viewer h2{margin-top:10px;font-size:clamp(2rem,4vw,3.5rem)}.kit-viewer p{color:var(--muted)}@media (max-width:700px){.kit-viewer{grid-template-columns:1fr}.drum-kit-canvas{height:300px}}.drum-kit-canvas-compact-sized{height:340px}@media (max-width:700px){.drum-kit-canvas-compact-sized{height:330px}}.trainer-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.trainer-setup,.trainer-device,.trainer-history{gap:16px}.trainer-setup h2,.trainer-device h2,.trainer-history h2{font-size:2.4rem}.trainer-setup label,.trainer-device label{gap:6px;font-size:.82rem;font-weight:800;display:grid}.trainer-setup fieldset label{align-items:center;font-weight:600;display:flex}.trainer-setup label:has(input[type=checkbox]){align-items:center;font-weight:600;display:flex}.trainer-setup select,.trainer-device select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:44px;padding:8px}.trainer-setup input[type=range],.trainer-device input[type=range]{width:100%;accent-color:var(--coral)}.trainer-setup fieldset{border:1px solid var(--line);border-radius:10px;gap:8px;margin:0;padding:12px;display:grid}.trainer-setup fieldset legend{font-size:.8rem;font-weight:800}.trainer-note{background:var(--amber-soft);border-radius:10px;padding:12px;font-size:.8rem}.trainer-main{gap:18px;min-width:0;display:grid}.trainer-stage{background:var(--ink);color:#fff;border-radius:24px;gap:16px;padding:26px;display:grid;position:relative}.trainer-stage-top{justify-content:space-between;gap:12px;display:flex}.trainer-stage h2{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem)}.trainer-stage>p{color:#d8cbc0;margin:0}.trainer-count{border-top:1px solid #5c5149;border-bottom:1px solid #5c5149;align-items:baseline;gap:12px;padding:14px 0;display:flex}.trainer-count strong{font:800 3rem/1 var(--font-display);color:var(--amber)}.trainer-count small{font-size:1rem}.trainer-count span{text-transform:uppercase;color:#cfbfaf;margin-right:auto;font-size:.72rem}.trainer-grid{grid-template-columns:repeat(8,minmax(72px,1fr));gap:5px;display:grid;overflow-x:auto}.trainer-grid div{text-align:center;background:#393431;border-radius:8px;align-content:center;gap:4px;min-height:72px;padding:6px;display:grid}.trainer-grid div.active{background:var(--coral)}.trainer-grid span{font-size:.7rem}.trainer-grid strong{text-transform:capitalize;font-size:.66rem}.trainer-cue{font:700 1.7rem var(--font-display);text-transform:uppercase}.trainer-ratings,.trainer-pads{flex-wrap:wrap;gap:8px;display:flex}.trainer-pads .drum-pad{flex:1;min-width:100px;min-height:70px}.trainer-last-hit{font-weight:800;color:var(--amber)!important}.trainer-countin{z-index:2;text-transform:uppercase;background:#191614eb;border-radius:24px;place-content:center;justify-items:center;font-weight:800;display:grid;position:absolute;inset:0}.trainer-countin strong{font:800 8rem/1 var(--font-display);color:var(--amber)}.trainer-result{background:#393431;border-radius:12px;padding:15px}.trainer-result h3{font-size:1.5rem}.trainer-result p{color:#fff;margin:6px 0 0}.trainer-device{grid-column:auto}.trainer-device meter{width:100%}.trainer-mapping{gap:9px;display:grid}.trainer-history{grid-column:1/-1}.trainer-history ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;list-style:none;display:grid}.trainer-history li{background:#eee5d8;border-radius:10px;gap:3px;padding:12px;display:grid}.trainer-history li span{color:var(--muted);font-size:.78rem}.trainer-main>.drum-kit-canvas{width:100%;margin:0}@media (max-width:900px){.trainer-layout{grid-template-columns:1fr}.trainer-history{grid-column:1}}@media (max-width:620px){.trainer-stage{padding:20px 14px}.trainer-grid{grid-template-columns:repeat(4,minmax(64px,1fr))}.trainer-history ol{grid-template-columns:1fr}.trainer-count{flex-wrap:wrap}}.song-library-layout{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.7fr) minmax(220px,.8fr);align-items:start;gap:1rem;display:grid}.song-library-panel{background:var(--surface,#fff);border:1px solid var(--line,#d8dedb);border-radius:18px;gap:.8rem;min-width:0;padding:1.2rem;display:grid}.song-library-panel h2,.song-library-panel h3{margin:.2rem 0}.song-library-panel label{gap:.3rem;font-weight:650;display:grid}.song-library-panel input,.song-library-panel select,.song-library-panel textarea{color:#14251d;background:#fff;border:1px solid #a9b9b0;border-radius:8px;width:100%;max-width:100%;padding:.65rem}.song-library-panel textarea{min-height:5rem}.song-library-panel button{cursor:pointer}.song-list{max-height:28rem;margin:0;padding:0;list-style:none;overflow:auto}.song-list li+li{margin-top:.35rem}.song-list button{text-align:left;background:#f5f8f5;border:1px solid #ced9d2;border-radius:9px;width:100%;padding:.7rem;font-weight:700}.song-list button[aria-current=true]{background:#e7f4ed;border-color:#1d7861}.song-list small{font-weight:400;display:block}.song-heading,.song-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.song-actions{justify-content:flex-start}.song-actions button,.song-library-panel>button,.song-library-panel details button{background:#f5f8f5;border:1px solid #889f92;border-radius:8px;padding:.55rem .8rem}.song-library-panel details{border-top:1px solid #d8dedb;padding-top:.7rem}.song-library-panel details[open]{gap:.7rem;display:grid}.drum-grid{max-width:100%;overflow:auto}.drum-grid-row{align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.drum-grid-row strong{text-transform:capitalize;flex:none;width:4.5rem}.drum-grid-row>div{gap:2px;display:flex}.drum-grid-row button{background:#f1f5f0;border:1px solid #9bb0a1;border-radius:4px;min-width:2rem;height:2rem}.drum-grid-row button[aria-pressed=true]{color:#fff;background:#145e4b}@media (max-width:1050px){.song-library-layout{grid-template-columns:1fr 2fr}.song-library-layout>.song-library-panel:last-child{grid-column:1/-1}}@media (max-width:700px){.song-library-layout{grid-template-columns:1fr}.song-library-layout>.song-library-panel:last-child{grid-column:auto}}.song-planning{grid-column:1/-1}.planning-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.planning-columns article{border:1px solid #ced9d2;border-radius:10px;gap:.5rem;margin:.5rem 0;padding:1rem;display:grid}.planning-columns article button{margin-right:.4rem}.planning-columns ol{padding-left:1.5rem}@media (max-width:700px){.planning-columns{grid-template-columns:1fr}}.song-library-panel label:has(input[type=checkbox]){align-items:center;gap:.5rem;display:flex}.song-library-panel input[type=checkbox]{width:auto}.song-order-item{border:1px solid #ced9d2;border-radius:8px;align-items:center;gap:.1rem;padding:.15rem;display:inline-flex}.song-order-item button{background:0 0!important;border:0!important;padding:.35rem!important}.song-order-item button:disabled{opacity:.35}.song-grid button[aria-pressed=true]{font-weight:800}.planning-columns li{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.planning-columns li span{flex:1;min-width:8rem}.schedule-manager{border-top:1px solid #d8dedb;gap:.7rem;padding-top:1rem;display:grid}.schedule-manager article{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.schedule-manager article label{flex:1}.plan-section{align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex!important}.plan-section select{min-width:8rem}.queue-practice-link{white-space:nowrap}.groove-library-tools{justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.5rem 0 1rem;display:flex}.groove-library-filters{align-items:flex-end;gap:.75rem;display:flex}.groove-library-filters label{gap:.3rem;font-size:.78rem;font-weight:750;display:grid}.groove-library-filters input,.groove-library-filters select{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:42px;padding:.55rem .7rem}.groove-library-filters input{min-width:220px}.groove-key{background:var(--amber-soft);border-radius:10px;margin:0 0 1rem;padding:.8rem 1rem;font-size:.8rem}.groove-step-preview{gap:3px;padding:.35rem 0;display:grid;overflow-x:auto}.groove-step-preview span{text-align:center;background:#eee5d8;border-radius:6px;gap:2px;min-width:26px;padding:4px 2px;display:grid}.groove-step-preview span.accented{background:var(--ink);color:var(--amber)}.groove-step-preview small{color:var(--muted);font-size:.57rem}.groove-step-preview b{white-space:nowrap;font-size:.64rem}.trainer-round-options{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.trainer-tempo-build{line-height:1.3}.trainer-setlist,.trainer-recommendation,.trainer-calibration{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;gap:.65rem;padding:.9rem;display:grid}.trainer-setlist p,.trainer-recommendation p,.trainer-calibration p{font-size:.8rem}.trainer-recommendation strong{font-size:1.1rem}.trainer-insights .card{min-height:190px}.trainer-insights .card h3{overflow-wrap:anywhere}@media (max-width:700px){.groove-library-tools,.groove-library-filters{flex-direction:column;align-items:stretch}.groove-library-filters input{min-width:0}.trainer-round-options{grid-template-columns:1fr}}.trainer-countin{pointer-events:none}.trainer-practice-plan,.trainer-audio-diagnostic,.trainer-pattern-history,.trainer-dynamics-feedback{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;gap:.55rem;padding:.9rem;display:grid}.trainer-practice-plan label,.trainer-audio-diagnostic small,.trainer-pattern-history span,.trainer-dynamics-feedback p{font-size:.8rem}.trainer-practice-plan button,.trainer-audio-diagnostic button{justify-self:start}.trainer-audio-diagnostic p{margin:0;font-size:.82rem}.trainer-pattern-history strong{font-size:1rem}.trainer-voice-feedback,.trainer-dynamics-feedback{border-top:1px solid #645951;margin-top:1rem;padding-top:.8rem}.trainer-voice-feedback h4,.trainer-dynamics-feedback h4{color:var(--amber);margin:0 0 .65rem;font-size:1rem}.trainer-voice-row{grid-template-columns:52px minmax(70px,1fr) minmax(160px,auto);align-items:center;gap:.6rem;margin:.45rem 0;font-size:.75rem;display:grid}.trainer-voice-row>strong{text-transform:capitalize}.timing-offset-track{background:linear-gradient(90deg,#514b47 0% 49.5%,#aaa 49.5% 50.5%,#514b47 50.5% 100%);border-radius:99px;height:10px;position:relative}.timing-offset-track i{background:var(--amber);border-radius:3px;width:4px;height:14px;position:absolute;top:-2px;transform:translate(-50%)}.trainer-dynamics-feedback p{color:#fff;margin:.3rem 0}.custom-groove-builder{gap:1rem;margin:1rem 0 1.5rem;display:grid;overflow:hidden}.custom-groove-builder h2{margin:.2rem 0;font-size:2rem}.custom-groove-builder>div:first-child p,.custom-groove-guidance{color:var(--muted);font-size:.85rem}.custom-groove-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.custom-groove-fields label{gap:.35rem;font-size:.78rem;font-weight:750;display:grid}.custom-groove-fields input,.custom-groove-fields select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;min-height:42px;padding:.55rem .7rem}.custom-groove-grid{gap:4px;padding-bottom:.35rem;display:grid;overflow-x:auto}.custom-groove-row{align-items:center;gap:3px;min-width:max-content;display:grid}.custom-groove-row>strong,.custom-groove-row>span{text-transform:capitalize;font-size:.72rem}.custom-groove-count small{text-align:center;color:var(--muted);font-size:.6rem}.custom-groove-cell{border:1px solid var(--line);min-width:28px;height:32px;color:var(--ink);background:#eee5d8;border-radius:5px;padding:0;font-size:.65rem;font-weight:800}.custom-groove-cell.hit{border-color:var(--coral);background:#f8ddd4}.custom-groove-cell.accent{background:var(--ink);border-color:var(--ink);color:var(--amber)}@media (max-width:700px){.custom-groove-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-voice-row{grid-template-columns:45px minmax(70px,1fr)}.trainer-voice-row>span{grid-column:2}.trainer-practice-plan button,.trainer-audio-diagnostic button{width:100%}}