:root{--ink:#f5f1e8;--muted:#aaa6a0;--bg:#16151a;--panel:#211f25;--line:#39363f;--lime:#d6ff3f;--orange:#ff7548;--purple:#9d7cff;--max:1180px;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}button,input,select{font:inherit}button,a,select,input{min-height:44px}button{cursor:pointer}.skip-link{position:fixed;top:8px;left:8px;z-index:99;background:var(--lime);color:#111;padding:10px 14px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.site-header{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.65rem;font-weight:500;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--lime);color:#151515;border-radius:50% 50% 48% 48%;font-size:.8rem}.site-header nav{display:none;gap:24px}.site-header nav.open{display:grid;position:absolute;z-index:10;top:78px;left:20px;right:20px;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:14px}.site-header nav a{text-decoration:none;color:var(--muted);font-weight:700}.menu,.text-button{background:none;border:0;color:var(--ink)}main>section,footer{max-width:var(--max);margin:auto;padding:72px 20px}.hero{min-height:610px;display:grid;align-items:center;gap:40px;background:radial-gradient(circle at 80% 30%,#332b48 0,transparent 42%)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--lime);font-size:.72rem}.hero h1{font-size:clamp(3.4rem,13vw,7.8rem);line-height:.82;letter-spacing:-.075em;margin:22px 0}.hero h1 em{color:var(--orange);font-style:normal}.lede{font-size:1.1rem;max-width:570px;color:#d1ccc4}.now-playing{justify-self:stretch;background:#0e0d10;border:1px solid var(--line);padding:24px;border-radius:var(--radius);transform:rotate(1.5deg)}.now-playing span,.now-playing small{display:block;color:var(--muted);font-size:.72rem}.now-playing strong{font-size:1.4rem}.wave{color:var(--lime);font-size:2.6rem;letter-spacing:.1em;margin:15px 0}.actions h2,.section-head h2,.panel h2,.practice-section h2,#crowd h2,#gear h2,.newsletter h2{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.05em;line-height:1;margin:8px 0 25px}.action-grid{display:grid;gap:10px}.action-grid a,.action-grid button{background:var(--panel);border:1px solid var(--line);color:var(--ink);text-align:left;text-decoration:none;padding:21px;border-radius:14px;font-size:1.05rem;font-weight:850;display:grid;grid-template-columns:32px 1fr}.action-grid span{color:var(--lime);font-size:.7rem}.action-grid small{grid-column:2;color:var(--muted);font-weight:500}.action-grid a:hover,.action-grid button:hover{border-color:var(--lime);transform:translateY(-2px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;margin-top:40px!important}.split{display:grid;gap:28px}.stack,.pick-form{display:grid;gap:13px}.stack label,.pick-form label,.search,.newsletter label,#crowd-form label{display:grid;gap:6px;font-weight:750}.stack select,.pick-form select,.search input,.newsletter input,#crowd-form input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#151419;color:var(--ink)}.primary,.secondary{border:0;border-radius:10px;padding:12px 18px;font-weight:900}.primary{background:var(--lime);color:#111}.secondary{background:var(--ink);color:#151419}.result{grid-column:1/-1;background:#151419;border-left:5px solid var(--orange);padding:22px;border-radius:10px}.result h3{margin-top:0}.result strong{color:var(--lime)}.practice-section{display:grid;gap:28px}.time-picker{display:flex;gap:8px}.time-picker button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:8px 18px}.time-picker button.active{background:var(--orange);border-color:var(--orange);color:#151419}.practice-list{list-style:none;padding:0;margin:0;counter-reset:item}.practice-list li{counter-increment:item;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-top:1px solid var(--line);padding:17px 0}.practice-list li:before{content:counter(item,decimal-leading-zero);color:var(--lime);font-size:.75rem}.practice-list small{color:var(--muted)}.section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.section-head>p{max-width:400px;color:var(--muted)}.pick-form{margin-bottom:28px}.card-grid,.tool-grid,.beginner-grid,.resource-grid{display:grid;gap:14px}.activity-card,.tool,.beginner-grid article,.resource{background:#17161a;border:1px solid var(--line);border-radius:14px;padding:20px}.activity-card .tier,.tool-no{color:var(--orange);text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;font-weight:900}.activity-card h3,.tool h3,.resource h3{margin:8px 0}.activity-card button,.resource button{width:100%;margin-top:12px}.tool-grid{grid-template-columns:1fr}.bpm{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.bpm button{width:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink)}.bpm label{display:grid;text-align:center}.bpm input{font-size:2rem;width:90px;text-align:center;background:none;border:0;color:var(--ink);font-weight:900}.timer{font-size:3rem;font-weight:900;margin:14px 0}.beat{width:12px;height:12px;background:var(--lime);border-radius:50%;opacity:.15;margin:15px auto 0}.beat.on{opacity:1;transform:scale(1.8)}.tuner-note{display:grid;gap:5px;border:1px dashed var(--line);padding:16px;margin-top:14px;border-radius:12px;color:var(--muted)}.tuner-note strong{color:var(--ink)}.glossary-list{display:grid}.term{border-top:1px solid var(--line)}.term button{display:flex;width:100%;justify-content:space-between;text-align:left;border:0;background:none;color:var(--ink);font-weight:900;font-size:1.1rem;padding:18px 0}.term-content{padding:0 0 22px;color:#d0cbc3}.term-content strong{color:var(--lime)}#crowd{display:grid;gap:24px}.crowd-card{background:var(--purple);color:#151419;padding:28px;border-radius:22px}.crowd-card .eyebrow{color:#151419}.crowd-card strong{font-size:1.6rem}.crowd-card .secondary{margin-top:15px;background:#151419;color:var(--ink)}#crowd-form{display:grid;gap:14px;margin-top:20px;border-top:1px solid #151419;padding-top:20px}#crowd-form input{background:#efebff;color:#151419;border-color:#67559f}.fine{font-size:.75rem;margin:0}.rabbit-card{min-height:230px;background:var(--orange);color:#151419;padding:28px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end}.rabbit-card small{text-transform:uppercase;font-weight:900;letter-spacing:.12em}.rabbit-card h3{font-size:2rem;line-height:1;margin:10px 0}.rabbit-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.rabbit-nav button{white-space:nowrap;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:8px 14px}.beginner-grid article strong{color:var(--lime);font-size:2rem}.gear-answer{max-width:760px;border-left:6px solid var(--lime);padding-left:24px}.gear-answer>strong{font-size:clamp(2rem,8vw,4.5rem)}.song-list{display:grid}.song{display:grid;gap:8px;border-top:1px solid var(--line);padding:20px 0}.song h3{margin:0}.song-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:99px;padding:4px 9px;color:var(--muted);font-size:.75rem}.resource p{color:var(--muted)}.newsletter{display:grid;gap:24px;background:var(--lime);color:#151419;max-width:none!important;padding-left:max(20px,calc((100vw - var(--max))/2 + 20px))!important;padding-right:max(20px,calc((100vw - var(--max))/2 + 20px))!important}.newsletter .eyebrow{color:#151419}.newsletter input{background:#fff;color:#151419;border-color:#151419}.newsletter .primary{background:#151419;color:var(--ink);margin-top:8px}footer{display:grid;gap:18px;color:var(--muted);border-top:1px solid var(--line)}dialog{max-width:620px;width:calc(100% - 28px);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:26px}dialog::backdrop{background:#000b}.dialog-close{float:right;border:0;background:none;color:var(--ink);font-size:1.7rem}.steps li{margin:10px 0}.skill-row{display:flex;gap:7px;flex-wrap:wrap}.skill-row button{background:transparent;border:1px solid var(--line);border-radius:99px;color:var(--muted);padding:6px 10px;min-height:36px}.skill-row button.selected{background:var(--lime);color:#111}.print-sheet{display:none}
@media(min-width:720px){.menu{display:none}.site-header nav{display:flex}.hero{grid-template-columns:1.35fr .65fr}.action-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr 1fr}.practice-section{grid-template-columns:1fr 1fr}.practice-section .practice-list{grid-column:2;grid-row:1/3}.pick-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.card-grid{grid-template-columns:repeat(3,1fr)}.tool-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:row;align-items:end;justify-content:space-between}.search{width:320px}#crowd{grid-template-columns:1fr 1fr}.beginner-grid{grid-template-columns:repeat(3,1fr)}.song{grid-template-columns:1.5fr repeat(2,1fr)}.newsletter{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 2fr auto;align-items:center}}
@media(min-width:1020px){.action-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(4,1fr)}.resource-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff;color:#111}.site-header,main>section,footer,dialog{display:none!important}.print-sheet{display:block!important;color:#111;padding:30px;font-family:serif}.print-sheet h1{font-size:32pt}.print-sheet p{font-size:13pt}}