.brand{gap:.66rem}.brand__emblem{color:var(--text);width:2.5rem;height:2.5rem;flex-shrink:0;display:block;transition:transform .5s var(--ease-out)}.brand__emblem svg{width:100%;height:100%;overflow:visible;display:block}.brand:hover .brand__emblem{transform:rotate(-14deg)}.brand__text{display:flex;flex-direction:column;justify-content:center}.brand__top{font-family:"Archivo Black",var(--font-display);font-weight:400;font-size:1.32rem;line-height:.94;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}.brand__bottom{align-self:stretch;font-family:var(--font-mono);font-weight:700;font-size:.52rem;line-height:1;letter-spacing:.27em;text-indent:.27em;text-transform:uppercase;text-align:center;color:var(--cyan);margin-top:.26rem;padding:.2rem .1rem;border:1.5px solid color-mix(in srgb,var(--cyan) 55%,transparent);border-radius:4px;transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}.brand:hover .brand__bottom{background:var(--cyan);border-color:var(--cyan);color:var(--on-accent)}.brand__beat-dot{transform-box:fill-box;transform-origin:center;animation:brand-beat 1.6s var(--ease-in-out) infinite}@keyframes brand-beat{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.site-header{position:sticky;top:0;z-index:100;transition:background .3s var(--ease-out),border-color .3s var(--ease-out),backdrop-filter .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:72px}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.brand__accent{color:var(--cyan)}.logo-mark{overflow:visible;transition:transform .4s var(--ease-out)}.brand:hover .logo-mark{transform:rotate(-8deg) scale(1.05)}.logo-beat{transform-origin:center;animation:logo-pulse 1.6s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:.5;r:2}50%{opacity:1;r:3}}.site-nav{display:flex;align-items:center;gap:.4rem;margin-left:auto}.site-nav__link{position:relative;padding:.5rem .9rem;border-radius:var(--r-full);color:var(--text-dim);font-weight:500;font-size:.95rem;transition:color .2s,background .2s}.site-nav__link:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}.site-nav__link.is-active{color:var(--cyan)}.site-nav__link.is-active:after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:var(--glow-cyan);transform:translate(-50%)}.site-header__actions{display:flex;align-items:center;gap:.9rem}.lang-switch{display:inline-flex;align-items:center;gap:.15rem;padding:.25rem;border:1px solid var(--line-strong);border-radius:var(--r-full);background:#ffffff05;font-family:var(--font-mono)}.lang-switch__btn{padding:.3rem .6rem;border-radius:var(--r-full);font-size:.78rem;font-weight:600;letter-spacing:.05em;color:var(--text-faint);transition:color .2s,background .2s,box-shadow .2s}.lang-switch__btn.is-active{color:var(--on-accent);background:var(--cyan);box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 42%,transparent)}.lang-switch__sep{width:1px;height:14px;background:var(--line-strong)}.lang-switch--big{transform:scale(1.25)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:0 9px}.hamburger span{height:2px;width:100%;background:var(--text);border-radius:2px;transition:transform .3s var(--ease-out),opacity .2s}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:72px;right:0;bottom:0;left:0;z-index:99;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem var(--gutter);display:flex;flex-direction:column;gap:2rem;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto}.mobile-menu__nav{display:flex;flex-direction:column;gap:.5rem}.mobile-menu__link{font-family:var(--font-display);font-size:1.8rem;font-weight:700;padding:.6rem 0;border-bottom:1px solid var(--line);color:var(--text)}.mobile-menu__link.is-active{color:var(--cyan)}.cursor-glow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 62%);pointer-events:none;z-index:-1;will-change:transform}@media (max-width: 860px){.site-nav{display:none}.hamburger{display:flex}}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));padding-top:clamp(2.5rem,6vw,4rem)}.site-footer__inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem}.site-footer__tag{color:var(--text-dim);margin-top:1rem;max-width:30ch;font-size:.95rem}.site-footer__title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.site-footer__col{display:flex;flex-direction:column;gap:.6rem}.site-footer__link{color:var(--text-dim);font-size:.95rem;width:fit-content;transition:color .2s,transform .2s}.site-footer__link:hover{color:var(--cyan);transform:translate(3px)}.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding-block:1.5rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}@media (max-width: 720px){.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1}}.drum-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;width:100%}.pad{--pc: var(--cyan);position:relative;aspect-ratio:1 / 1;border-radius:var(--r-md);border:1px solid var(--card-line-strong);background:radial-gradient(120% 120% at 50% 0%,rgba(247,236,214,.05),transparent 60%),#0c07038c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;overflow:hidden;box-shadow:inset 0 1px #f7ecd60d,inset 0 -3px 8px #0006;transition:transform .12s var(--ease-out),border-color .15s,box-shadow .18s,background .18s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pad--core{--pc: var(--cyan)}.pad--tom{--pc: var(--violet)}.pad--cymb{--pc: var(--magenta)}.pad:hover{border-color:color-mix(in srgb,var(--pc) 70%,transparent);transform:translateY(-2px);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--pc) 60%,transparent),inset 0 1px #f7ecd60f}.pad__key{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:1.1rem;color:var(--pc);filter:brightness(1.3);display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:7px;border:1px solid color-mix(in srgb,var(--pc) 60%,transparent);background:color-mix(in srgb,var(--pc) 20%,transparent)}.pad__label{font-size:.68rem;line-height:1.15;text-align:center;color:var(--on-card-dim);padding-inline:.25rem;max-width:100%}.pad__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--pc);opacity:0;pointer-events:none}.pad.is-hit{transform:scale(.95);border-color:var(--pc);background:radial-gradient(120% 120% at 50% 30%,color-mix(in srgb,var(--pc) 55%,transparent),transparent 70%),#0c07038c;box-shadow:0 0 .9rem color-mix(in srgb,var(--pc) 75%,transparent),0 0 2.8rem color-mix(in srgb,var(--pc) 45%,transparent)}.pad.is-hit .pad__ring{animation:pad-ring .4s var(--ease-out)}@keyframes pad-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}@media (max-width: 520px){.pad__label{font-size:.6rem}.pad__key{width:1.6rem;height:1.6rem;font-size:.95rem}}.legends{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;align-items:start}.legend{--ac: var(--cyan);position:relative;border-radius:var(--r-lg);border:1px solid var(--card-line);background:linear-gradient(168deg,var(--card-2),var(--card));box-shadow:0 16px 34px -22px #2c1c0dbf;overflow:hidden;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.legend--cyan{--ac: var(--cyan)}.legend--violet{--ac: var(--violet)}.legend--magenta{--ac: var(--magenta)}.legend--amber{--ac: var(--amber)}.legend:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 26px 50px -22px color-mix(in srgb,var(--ac) 45%,transparent)}.legend__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.legend__img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.04);transition:transform .5s var(--ease-out),filter .4s}.legend:hover .legend__img{transform:scale(1.04);filter:none}.legend__media:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ac);z-index:2}.legend__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,7,3,.92) 0%,rgba(12,7,3,.45) 26%,transparent 55%);pointer-events:none}.legend__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.1rem}.legend__band{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);filter:brightness(1.35)}.legend__name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.04;color:#fdf6e9;text-shadow:0 2px 12px rgba(0,0,0,.55)}.legend__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.legend__tagline{font-family:var(--font-display);font-weight:600;font-style:italic;font-size:1.05rem;line-height:1.4;color:var(--ac);filter:brightness(1.15)}.legend__block-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-card-faint);margin-bottom:.25rem}.legend__block-text{color:var(--on-card-dim);font-size:.95rem;line-height:1.6}.legend__fact{border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--ac) 35%,transparent);background:color-mix(in srgb,var(--ac) 12%,rgba(12,7,3,.4));padding:.9rem 1rem}.legend__fact-label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);filter:brightness(1.3);margin-bottom:.3rem}.legend__fact p{color:var(--on-card);font-size:.95rem;line-height:1.55}@media (max-width: 760px){.legends{grid-template-columns:1fr}}.level-card{--ac: var(--cyan);position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.7rem;border-radius:var(--r-lg);border:1px solid var(--card-line);background:linear-gradient(168deg,var(--card-2),var(--card));box-shadow:0 14px 30px -22px #2c1c0db3;overflow:hidden;transition:transform .35s var(--ease-out),border-color .35s,box-shadow .35s;isolation:isolate}.level-card--cyan{--ac: var(--cyan)}.level-card--violet{--ac: var(--violet)}.level-card--magenta{--ac: var(--magenta)}.level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(130% 90% at 100% 0%,color-mix(in srgb,var(--ac) 30%,transparent),transparent 58%);opacity:.45;transition:opacity .35s}.level-card:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ac);opacity:.85}.level-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--ac) 65%,transparent);box-shadow:0 26px 54px -22px color-mix(in srgb,var(--ac) 55%,transparent)}.level-card:hover:before{opacity:.85}.level-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.level-card__glyph{font-family:var(--font-display);font-weight:900;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--ac);text-stroke:1.5px var(--ac);opacity:.95}.level-card__lessons{font-size:.72rem;color:var(--on-card-dim);border:1px solid var(--card-line-strong);border-radius:99px;padding:.25rem .7rem}.level-card__title{font-size:1.7rem;color:var(--on-card)}.level-card__sub{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);filter:brightness(1.18)}.level-card__summary{color:var(--on-card-dim);font-size:.96rem;line-height:1.6;margin-top:.4rem}.level-card__outcomes{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0}.level-card__outcomes li{position:relative;padding-left:1.4rem;font-size:.88rem;color:var(--on-card-dim)}.level-card__outcomes li:before{content:"▹";position:absolute;left:0;color:var(--ac);filter:brightness(1.18)}.level-card__foot{margin-top:auto;padding-top:.6rem}.level-card__cta{font-family:var(--font-mono);font-weight:600;color:var(--ac);filter:brightness(1.2);font-size:.9rem}.level-card__soon{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-card-faint);border:1px dashed var(--card-line-strong);border-radius:99px;padding:.3rem .8rem}.level-card__progress{display:flex;align-items:center;gap:.7rem}.level-card__bar{flex:1;height:6px;border-radius:99px;background:var(--card-line);overflow:hidden}.level-card__bar span{display:block;height:100%;border-radius:99px;background:var(--ac);box-shadow:0 0 10px var(--ac)}.level-card__progress .mono{font-size:.78rem;color:var(--on-card-dim)}.section--alt{background:linear-gradient(180deg,color-mix(in srgb,var(--violet) 6%,transparent),transparent 30%),#ffffff03;border-block:1px solid var(--line)}.section-head{max-width:640px;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-title{font-size:var(--fs-h2);margin:.8rem 0 .6rem}.section-lead{color:var(--text-dim);font-size:1.08rem}.hero{position:relative;padding-top:clamp(2.5rem,7vw,5rem);padding-bottom:clamp(3rem,8vw,6rem);overflow:hidden}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero__title{font-size:var(--fs-hero);font-weight:900;line-height:.98;margin:1.2rem 0}.hero__accent{display:inline-block}.hero__lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--text-dim);max-width:52ch;line-height:1.7}.hero__cta{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hero__stats{display:flex;gap:clamp(1.5rem,4vw,3rem);margin-top:2.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.2rem}.stat__n{font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--cyan);line-height:1}.stat__label{font-size:.82rem;color:var(--text-faint);max-width:16ch}.eq{position:absolute;inset:auto 0 0 0;height:180px;display:flex;align-items:flex-end;gap:6px;padding:0 var(--gutter);opacity:.12;pointer-events:none;z-index:0}.eq span{flex:1;height:var(--h, 40%);background:linear-gradient(var(--cyan),transparent);border-radius:4px 4px 0 0;animation:eq-bounce 1.1s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes eq-bounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.hero__pads{position:relative;z-index:1}.hero__pads-panel{position:relative;background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 60%),linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-xl);padding:1.2rem;box-shadow:0 26px 54px -24px #2c1c0dd9,inset 0 1px #f7ecd60f;overflow:hidden}.hero__pads-panel:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9}.hero__pads-head{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--card-line)}.hero__pads-dot{width:10px;height:10px;border-radius:50%;background:var(--card-line-strong)}.hero__pads-dot:nth-child(1){background:var(--magenta);filter:brightness(1.25)}.hero__pads-dot:nth-child(2){background:var(--amber)}.hero__pads-dot:nth-child(3){background:var(--cyan);filter:brightness(1.25)}.hero__pads-title{margin-left:auto;font-size:.74rem;color:var(--on-card-faint)}.hero__pads-hint{text-align:center;font-size:.76rem;color:var(--on-card-dim);margin-top:1rem}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.levels-grid>*{display:flex}.levels-grid>*>.level-card{width:100%}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.tool-card{--ac: var(--cyan);position:relative;padding:1.8rem;border-radius:var(--r-lg);border:1px solid var(--card-line);background:linear-gradient(168deg,var(--card-2),var(--card));box-shadow:0 14px 30px -22px #2c1c0db3;overflow:hidden;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.tool-card--cyan{--ac: var(--cyan)}.tool-card--magenta{--ac: var(--magenta)}.tool-card--violet{--ac: var(--violet)}.tool-card:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ac);opacity:.85}.tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ac) 65%,transparent);box-shadow:0 24px 46px -22px color-mix(in srgb,var(--ac) 55%,transparent)}.tool-card__icon{display:grid;place-content:center;width:3rem;height:3rem;border-radius:var(--r-md);background:color-mix(in srgb,var(--ac) 26%,transparent);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);color:var(--ac);filter:brightness(1.2);font-size:1.5rem;margin-bottom:1rem}.tool-card__title{font-size:1.3rem;color:var(--on-card);margin-bottom:.5rem}.tool-card__desc{color:var(--on-card-dim);font-size:.95rem;line-height:1.6}.tool-card__arrow{position:absolute;top:1.8rem;right:1.8rem;color:var(--ac);filter:brightness(1.2);font-size:1.2rem;transition:transform .3s var(--ease-out)}.tool-card:hover .tool-card__arrow{transform:translate(4px,-4px)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.why-card{position:relative;padding:1.8rem;border-radius:var(--r-lg);border:1px solid var(--card-line);background:linear-gradient(168deg,var(--card-2),var(--card));box-shadow:0 14px 30px -22px #2c1c0db3;overflow:hidden;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.why-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 55%,transparent);box-shadow:0 22px 44px -22px color-mix(in srgb,var(--cyan) 45%,transparent)}.why-card__n{font-family:var(--font-mono);font-size:.9rem;color:var(--cyan);filter:brightness(1.2);font-weight:700}.why-card__title{font-size:1.3rem;color:var(--on-card);margin:.8rem 0 .5rem}.why-card__desc{color:var(--on-card-dim);line-height:1.65}.cta-banner{position:relative;text-align:center;padding:clamp(2.5rem,7vw,5rem) 1.5rem;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--cyan) 14%,transparent),transparent 60%),radial-gradient(80% 120% at 50% 100%,color-mix(in srgb,var(--magenta) 14%,transparent),transparent 60%),var(--bg-elev);overflow:hidden}.cta-banner__title{font-size:var(--fs-h1);margin-bottom:.8rem}.cta-banner__lead{color:var(--text-dim);max-width:48ch;margin:0 auto 2rem;font-size:1.1rem}@media (max-width: 920px){.hero__inner{grid-template-columns:1fr}.hero__pads{max-width:460px}.levels-grid,.tools-grid,.why-grid{grid-template-columns:1fr}}@media (min-width: 560px) and (max-width: 920px){.levels-grid,.tools-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}.page-hero{padding-top:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}.page-hero__title{font-size:var(--fs-h1);margin:.8rem 0 .7rem}.page-hero__lead{color:var(--text-dim);font-size:1.1rem;max-width:60ch}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint);margin-bottom:.5rem;flex-wrap:wrap}.breadcrumb a{color:var(--text-dim);transition:color .2s}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb__sep{opacity:.5}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);transition:color .2s,gap .2s}.back-link:hover{color:var(--cyan);gap:.8rem}.learn-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;padding-bottom:clamp(3rem,7vw,6rem)}.learn-levels>*{display:flex}.learn-levels>*>.level-card{width:100%}@media (max-width: 920px){.learn-levels{grid-template-columns:1fr}}@media (min-width: 560px) and (max-width: 920px){.learn-levels{grid-template-columns:repeat(2,1fr)}}.tool-page{padding-bottom:clamp(3rem,7vw,6rem)}.tool-page__grid{display:grid;gap:2rem}.notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding-block:4rem}.notfound__code{font-family:var(--font-display);font-weight:900;font-size:clamp(5rem,20vw,12rem);line-height:1;color:transparent;-webkit-text-stroke:2px var(--magenta);text-shadow:0 0 60px color-mix(in srgb,var(--magenta) 42%,transparent)}.notfound__title{font-size:var(--fs-h2)}.notfound__text{color:var(--text-dim);max-width:40ch}.level-page{--ac: var(--cyan);padding-bottom:clamp(3rem,7vw,6rem)}.level-page--cyan{--ac: var(--cyan)}.level-page--violet{--ac: var(--violet)}.level-page--magenta{--ac: var(--magenta)}.level-page__head{display:flex;align-items:center;gap:1.2rem;margin-top:.5rem}.level-page__glyph{font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,9vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:2px var(--ac);flex-shrink:0}.level-page__head .page-hero__title{margin:0}.level-page__sub{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}.level-page__outcomes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.level-page__chip{font-size:.85rem;color:var(--text-dim);padding:.4rem .9rem;border-radius:99px;border:1px solid var(--line-strong);background:#ffffff05}.level-lessons{margin-top:clamp(2rem,5vw,3.5rem)}.level-lessons__title{font-size:var(--fs-h3);font-family:var(--font-mono);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.2rem}.lesson-list-nav{list-style:none;display:flex;flex-direction:column;gap:.7rem}.lesson-list-nav li{display:flex}.lesson-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.2rem;width:100%;padding:1.1rem 1.4rem;border-radius:var(--r-md);border:1px solid var(--card-line);background:linear-gradient(168deg,var(--card-2),var(--card));box-shadow:0 10px 22px -18px #2c1c0db3;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.lesson-row:hover{transform:translate(5px);border-color:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 14px 28px -18px color-mix(in srgb,var(--ac) 50%,transparent)}.lesson-row__num{font-size:1.1rem;font-weight:700;color:var(--ac);filter:brightness(1.2)}.lesson-row__main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.lesson-row__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--on-card)}.lesson-row__summary{font-size:.88rem;color:var(--on-card-dim)}.lesson-row__meta{font-size:.76rem;color:var(--on-card-faint);white-space:nowrap}.lesson-row__icon{width:2rem;height:2rem;display:grid;place-content:center;border-radius:50%;border:1px solid var(--card-line-strong);color:var(--on-card-dim);transition:border-color .2s,color .2s,background .2s}.lesson-row:hover .lesson-row__icon{border-color:var(--ac);color:var(--ac);filter:brightness(1.2)}.lesson-row.is-done .lesson-row__icon{background:var(--ac);border-color:var(--ac);color:var(--on-accent);filter:none}.lesson-row.is-soon{opacity:.62}.lesson-row.is-soon:hover{transform:none}@media (max-width: 620px){.lesson-row{grid-template-columns:auto 1fr auto;gap:.8rem;padding:.9rem 1rem}.lesson-row__meta{display:none}}.drumkit{position:relative;background:linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-lg);padding:.7rem;box-shadow:0 22px 48px -24px #2c1c0dcc;overflow:hidden}.drumkit:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9;z-index:3}.drumkit__stage{position:relative;width:100%;aspect-ratio:1536 / 1024;border-radius:calc(var(--r-lg) - 6px);overflow:hidden}.drumkit__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.kit-hotspot{--hc: var(--cyan);position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:16%;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s var(--ease-out)}.kit-hotspot.is-ellipse{border-radius:50%}.kit-hotspot--cyan{--hc: var(--cyan)}.kit-hotspot--violet{--hc: var(--violet)}.kit-hotspot--amber{--hc: var(--amber)}.kit-hotspot:hover,.kit-hotspot:focus-visible{outline:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--hc) 32%,transparent),transparent 75%)}.kit-hotspot:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--hc) 70%,transparent)}.kit-hotspot:active{transform:translate(-50%,-50%) scale(.97)}.kit-hotspot__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--hc);opacity:0;pointer-events:none}.kit-hotspot.is-active{background:radial-gradient(closest-side,color-mix(in srgb,var(--hc) 45%,transparent),transparent 72%)}.kit-hotspot.is-active .kit-hotspot__ring{animation:kit-hit .45s var(--ease-out)}@keyframes kit-hit{0%{opacity:.95;transform:scale(.78);box-shadow:0 0 18px var(--hc)}to{opacity:0;transform:scale(1.12)}}.drumkit__caption{text-align:center;margin-top:.7rem;min-height:1.6rem}.drumkit__name{font-family:var(--font-mono);font-weight:600;color:var(--cyan);filter:brightness(1.2);letter-spacing:.04em}.drumkit__hint{font-family:var(--font-mono);font-size:.85rem;color:var(--on-card-faint)}@media (prefers-reduced-motion: reduce){.kit-hotspot.is-active .kit-hotspot__ring{animation:none}}.notevalues{display:flex;flex-direction:column;gap:1.2rem}.nv-tempo{display:flex;align-items:center;gap:.8rem}.nv-tempo__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-card-faint)}.nv-tempo input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;border-radius:99px;background:#0c070380;outline:none}.nv-tempo input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer}.nv-tempo input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--cyan)}.nv-tempo__val{font-size:.85rem;color:var(--cyan);filter:brightness(1.2);white-space:nowrap}.nv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.nv-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.3rem 1rem 1rem;border-radius:var(--r-md);border:1px solid var(--card-line-strong);background:#0c070366;color:var(--cyan);filter:brightness(1.12);text-align:center;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.nv-card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 14px 28px -16px color-mix(in srgb,var(--cyan) 55%,transparent)}.nv-card.is-playing{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 22%,var(--card));box-shadow:var(--glow-cyan)}.nv-card.is-playing:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--cyan);transform-origin:left;animation:nv-sweep var(--dur, 2s) linear}.note-glyph{width:42px;height:50px}.nv-card__name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--on-card)}.nv-card__count{font-size:.72rem;color:var(--on-card-dim);letter-spacing:.02em}.nv-card__hits{font-size:.72rem;color:var(--on-card-faint);border:1px solid var(--card-line-strong);border-radius:99px;padding:.1rem .5rem}.nv-card__play{position:absolute;top:.6rem;right:.7rem;font-size:.7rem;color:var(--on-card-faint);transition:color .2s}.nv-card:hover .nv-card__play{color:var(--cyan)}@keyframes nv-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rud{position:relative;background:linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-lg);padding:clamp(1.1rem,3vw,1.6rem);display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 22px 48px -24px #2c1c0dcc;overflow:hidden}.rud:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9}.rud-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.rud-tab{padding:.5rem 1rem;border-radius:var(--r-full);border:1px solid var(--card-line-strong);font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--on-card-dim);transition:border-color .2s,color .2s,background .2s}.rud-tab:hover{color:var(--on-card)}.rud-tab.is-active{background:var(--cyan);color:var(--on-accent);border-color:var(--cyan)}.rud-strokes{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.rud-stroke{--c: var(--cyan);aspect-ratio:1;display:grid;place-content:center;border-radius:var(--r-md);font-family:var(--font-mono);font-weight:700;font-size:clamp(1rem,4vw,1.6rem);border:1px solid var(--card-line);background:#0c070373;color:var(--c);filter:brightness(1.15);transition:transform .1s,box-shadow .12s,background .12s,border-color .12s,filter .12s}.rud-stroke--r{--c: var(--cyan)}.rud-stroke--l{--c: var(--magenta)}.rud-stroke.is-beat{border-color:var(--card-line-strong)}.rud-stroke.is-on{background:color-mix(in srgb,var(--c) 22%,transparent);border-color:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent);transform:translateY(-3px) scale(1.04)}.rud-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rud-play{width:50px;height:50px;border-radius:50%;background:var(--cyan);color:var(--on-accent);font-size:1rem;transition:box-shadow .2s,background .2s}.rud-play:hover{box-shadow:var(--glow-cyan)}.rud-play.is-playing{background:var(--magenta);color:var(--on-accent-2)}.rud-tempo{display:flex;align-items:center;gap:.6rem;flex:1;min-width:150px}.rud-tempo input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;border-radius:99px;background:#0c070380;outline:none}.rud-tempo input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer}.rud-tempo input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--cyan)}.rud-tempo span{font-size:.82rem;color:var(--on-card-dim);white-space:nowrap}.rud-legend{font-family:var(--font-mono);font-size:.85rem;color:var(--on-card-faint)}.rud-legend__r{color:var(--cyan);filter:brightness(1.2);font-weight:700}.rud-legend__l{color:var(--magenta);filter:brightness(1.2);font-weight:700}.metronome{position:relative;background:radial-gradient(110% 80% at 50% -10%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 60%),linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-lg);padding:clamp(1.4rem,4vw,2.4rem);display:flex;flex-direction:column;gap:1.5rem;max-width:540px;margin-inline:auto;box-shadow:0 22px 48px -24px #2c1c0dcc;overflow:hidden}.metronome:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9}.metro-stage{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.metro-pulse{position:relative;width:clamp(140px,40vw,200px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid var(--card-line-strong);background:radial-gradient(circle at 50% 40%,#f7ecd60f,#0c07038c);transition:transform .08s var(--ease-out),border-color .1s,box-shadow .1s}.metro-pulse.is-on{border-color:color-mix(in srgb,var(--cyan) 40%,transparent)}.metro-pulse.is-accent{transform:scale(1.06);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.metro-bpm{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,9vw,3.6rem);line-height:1;color:var(--on-card)}.metro-bpm__unit{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.25em;color:var(--on-card-faint);margin-top:.3rem}.metro-beats{display:flex;gap:.7rem}.metro-dot{width:14px;height:14px;border-radius:50%;background:var(--card-line-strong);border:1px solid var(--card-line-strong);transition:transform .1s,background .1s,box-shadow .1s}.metro-dot.is-on{background:var(--cyan);box-shadow:var(--glow-cyan);transform:scale(1.25)}.metro-dot.is-first.is-on{background:var(--magenta);box-shadow:var(--glow-magenta)}.metro-transport{display:flex;align-items:center;justify-content:center;gap:.8rem}.metro-step{width:46px;height:46px;border-radius:50%;border:1px solid var(--card-line-strong);font-size:1.4rem;color:var(--on-card);transition:border-color .2s,color .2s,transform .1s}.metro-step:hover{border-color:var(--cyan);color:var(--cyan);filter:brightness(1.2)}.metro-step:active{transform:scale(.92)}.metro-play{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;padding:.85rem 2rem;border-radius:var(--r-full);background:var(--cyan);color:var(--on-accent);transition:box-shadow .2s,transform .1s,background .2s}.metro-play:hover{box-shadow:var(--glow-cyan)}.metro-play.is-playing{background:var(--magenta);color:var(--on-accent-2)}.metro-play.is-playing:hover{box-shadow:var(--glow-magenta)}.metro-play__icon{font-size:.85rem}.metro-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));outline:none}.metro-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--cyan);box-shadow:var(--glow-cyan);cursor:pointer}.metro-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--cyan);cursor:pointer}.metro-controls{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}.metro-controls--row{align-items:center}.metro-field{display:flex;flex-direction:column;gap:.5rem}.metro-field>label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--on-card-faint)}.seg{display:inline-flex;border:1px solid var(--card-line-strong);border-radius:var(--r-full);overflow:hidden}.seg button{padding:.5rem .8rem;font-family:var(--font-mono);font-weight:600;font-size:.9rem;color:var(--on-card-dim);transition:background .18s,color .18s}.seg button:hover{color:var(--on-card)}.seg button.is-active{background:var(--cyan);color:var(--on-accent)}.metro-tap{padding:.7rem 1.3rem;border-radius:var(--r-full);border:1px dashed var(--card-line-strong);font-family:var(--font-mono);font-weight:600;color:var(--on-card-dim);transition:border-color .2s,color .2s}.metro-tap:hover{border-color:var(--cyan);color:var(--cyan);filter:brightness(1.2)}.metro-tap:active{background:color-mix(in srgb,var(--cyan) 9%,transparent)}.metro-toggle{display:inline-flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--on-card-dim);cursor:pointer}.metro-toggle input{display:none}.metro-toggle__track{width:42px;height:24px;border-radius:99px;background:#0c070380;border:1px solid var(--card-line-strong);position:relative;transition:background .2s}.metro-toggle__dot{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--on-card-faint);transition:transform .2s var(--ease-out),background .2s}.metro-toggle.is-on .metro-toggle__track{background:color-mix(in srgb,var(--cyan) 22%,transparent)}.metro-toggle.is-on .metro-toggle__dot{transform:translate(18px);background:var(--cyan)}.metro-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.4rem;border-top:1px solid var(--card-line)}.metro-presets__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--on-card-faint);margin-right:auto}.metro-presets button{padding:.45rem .9rem;border-radius:var(--r-full);border:1px solid var(--card-line-strong);font-family:var(--font-mono);font-size:.82rem;color:var(--on-card-dim);transition:border-color .2s,color .2s}.metro-presets button:hover{border-color:var(--cyan);color:var(--cyan);filter:brightness(1.2)}.metronome--compact{padding:1.2rem;gap:1.1rem}.metronome--compact .metro-pulse{width:clamp(120px,30vw,150px)}.rt{position:relative;background:linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-lg);padding:clamp(1.1rem,3vw,1.8rem);display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 22px 48px -24px #2c1c0dcc;overflow:hidden}.rt:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9}.rt-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rt-play{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-weight:700;padding:.7rem 1.4rem;border-radius:var(--r-full);background:var(--cyan);color:var(--on-accent);transition:box-shadow .2s,background .2s}.rt-play:hover{box-shadow:var(--glow-cyan)}.rt-play.is-playing{background:var(--magenta);color:var(--on-accent-2)}.rt-play.is-playing:hover{box-shadow:var(--glow-magenta)}.rt-play__icon{font-size:.8rem}.rt-tempo{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:160px}.rt-tempo__val{font-size:.85rem;color:var(--on-card-dim)}.rt-tempo__val i{color:var(--on-card-faint);font-style:normal;font-size:.7rem}.rt-tempo input{width:100%}.rt-clear{padding:.6rem 1.1rem;border-radius:var(--r-full);border:1px solid var(--card-line-strong);font-family:var(--font-mono);font-size:.82rem;color:var(--on-card-dim);transition:border-color .2s,color .2s}.rt-clear:hover{border-color:var(--magenta);color:var(--magenta)}.rt input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:99px;background:#0c070380;outline:none}.rt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer}.rt input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--cyan);cursor:pointer}.rt-grid-wrap{display:flex;flex-direction:column;gap:.45rem;overflow-x:auto}.rt-beatrow{display:flex;align-items:center;gap:.6rem}.rt-lane-spacer,.rt-lane-label{width:86px;flex-shrink:0}.rt-beats,.rt-cells{display:grid;grid-template-columns:repeat(16,1fr);gap:.3rem;flex:1;min-width:360px}.rt-beats{grid-template-columns:repeat(4,1fr)}.rt-beatnum{font-family:var(--font-mono);font-size:.78rem;color:var(--on-card-faint);text-align:left;padding-left:.2rem;transition:color .1s}.rt-beatnum.is-on{color:var(--cyan);filter:brightness(1.25)}.rt-lane{--lc: var(--cyan);display:flex;align-items:center;gap:.6rem}.rt-lane--amber{--lc: var(--amber)}.rt-lane--cyan{--lc: var(--cyan)}.rt-lane--violet{--lc: var(--violet)}.rt-lane-label{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.74rem;color:var(--on-card-dim);text-align:left;transition:color .2s,opacity .2s}.rt-lane-dot{width:9px;height:9px;border-radius:50%;background:var(--lc);box-shadow:0 0 8px var(--lc);flex-shrink:0}.rt-lane.is-muted{opacity:.4}.rt-lane.is-muted .rt-lane-dot{background:var(--on-card-faint);box-shadow:none}.rt-cell{aspect-ratio:1;min-height:26px;border-radius:6px;background:#0c070380;border:1px solid var(--card-line);transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}.rt-cell.is-beat{border-color:var(--card-line-strong)}.rt-cell:hover{border-color:var(--lc)}.rt-cell.is-on{background:var(--lc);border-color:var(--lc);box-shadow:0 0 8px color-mix(in srgb,var(--lc) 60%,transparent)}.rt-cell.is-cursor{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}.rt-cell.is-on.is-cursor{transform:scale(1.12)}.rt-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.4rem;border-top:1px solid var(--card-line)}.rt-swing{display:flex;align-items:center;gap:.6rem}.rt-swing label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-card-faint)}.rt-swing input{width:120px}.rt-presets{display:flex;gap:.5rem;flex-wrap:wrap}.rt-presets button{padding:.45rem .85rem;border-radius:var(--r-full);border:1px solid var(--card-line-strong);font-family:var(--font-mono);font-size:.78rem;color:var(--on-card-dim);transition:border-color .2s,color .2s}.rt-presets button:hover{border-color:var(--cyan);color:var(--cyan);filter:brightness(1.2)}.rt-hint{font-size:.8rem;color:var(--on-card-faint);font-family:var(--font-mono)}@media (max-width: 560px){.rt-lane-spacer,.rt-lane-label{width:60px}.rt-lane-label{font-size:.66rem}}.quiz{position:relative;background:radial-gradient(100% 80% at 100% -10%,color-mix(in srgb,var(--magenta) 24%,transparent),transparent 58%),linear-gradient(168deg,var(--card-2),var(--card));border:1px solid var(--card-line-strong);border-radius:var(--r-lg);padding:clamp(1.3rem,3.5vw,2rem);display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 22px 48px -24px #2c1c0dcc;overflow:hidden}.quiz:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--amber),var(--cyan));opacity:.9}.quiz__head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--on-card-faint);letter-spacing:.06em}.quiz__score{color:var(--cyan);filter:brightness(1.2)}.quiz__prompt{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--on-card)}.quiz__prompt--text{font-size:clamp(1.1rem,2.2vw,1.4rem)}.quiz__audio{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.quiz__replay{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.8rem;border-radius:var(--r-full);border:1px solid var(--cyan);color:var(--cyan);filter:brightness(1.15);font-family:var(--font-mono);font-weight:600;background:color-mix(in srgb,var(--cyan) 16%,transparent);transition:box-shadow .2s,transform .1s}.quiz__replay:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.quiz__replay:active{transform:scale(.97)}.quiz__replay-icon{font-size:1.2rem}.quiz__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.quiz__opt{padding:.9rem 1rem;border-radius:var(--r-md);border:1px solid var(--card-line-strong);background:#0c070366;color:var(--on-card);font-weight:600;font-size:.98rem;transition:border-color .2s,background .2s,transform .1s,box-shadow .2s}.quiz__opt:not(:disabled):hover{border-color:var(--cyan);transform:translateY(-2px)}.quiz__opt.is-correct{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 28%,var(--card));box-shadow:var(--glow-cyan);color:var(--on-card)}.quiz__opt.is-wrong{border-color:var(--magenta);background:color-mix(in srgb,var(--magenta) 24%,var(--card));color:var(--on-card)}.quiz__opt.is-dim{opacity:.4}.quiz__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2.4rem}.quiz__fb{font-family:var(--font-display);font-weight:700;filter:brightness(1.2)}.quiz__fb.is-ok{color:var(--cyan)}.quiz__fb.is-no{color:var(--magenta)}.quiz__hint{font-size:.78rem;color:var(--on-card-faint)}.quiz--done{align-items:center;text-align:center;gap:.8rem}.quiz__badge{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;color:var(--cyan);filter:brightness(1.2)}.quiz__scorebig{font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,12vw,5rem);line-height:1;color:var(--on-card)}.quiz__scorebig span{color:var(--on-card-faint);font-size:.4em}.quiz__msg{color:var(--on-card-dim);max-width:36ch}.lesson-body{display:flex;flex-direction:column;gap:1.5rem}.lesson-p{font-size:clamp(1.02rem,1.3vw,1.16rem);line-height:1.75;color:var(--text-dim);max-width:68ch}.lesson-p .rt-b{color:var(--text);font-weight:700}.rt-code{font-family:var(--font-mono);font-size:.9em;background:color-mix(in srgb,var(--cyan) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);border-radius:5px;padding:.05em .4em;color:var(--cyan-deep)}.lesson-h{font-size:clamp(1.3rem,2.6vw,1.8rem);margin-top:1rem;color:var(--text);display:flex;align-items:center;gap:.7rem}.lesson-h:before{content:"";width:.7rem;height:1.4rem;border-radius:3px;background:linear-gradient(var(--cyan),var(--violet));box-shadow:var(--glow-cyan)}.lesson-list{display:flex;flex-direction:column;gap:.7rem;list-style:none;max-width:70ch;counter-reset:li}.lesson-list li{position:relative;padding-left:2rem;color:var(--text-dim);line-height:1.65}.lesson-list li .rt-b{color:var(--text)}.lesson-list li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:var(--glow-cyan)}.lesson-list.is-ordered li{counter-increment:li;padding-left:2.4rem}.lesson-list.is-ordered li:before{content:counter(li);top:0;width:1.6rem;height:1.6rem;border-radius:50%;background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid var(--cyan);box-shadow:none;color:var(--cyan);font-family:var(--font-mono);font-size:.82rem;font-weight:700;display:grid;place-content:center}.callout{--cc: var(--cyan);display:flex;gap:1rem;padding:1.1rem 1.3rem;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--cc) 30%,transparent);background:color-mix(in srgb,var(--cc) 7%,var(--bg-elev));max-width:70ch}.callout--tip{--cc: var(--cyan)}.callout--warn{--cc: var(--amber)}.callout--note{--cc: var(--violet)}.callout--goal{--cc: var(--magenta)}.callout__icon{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;display:grid;place-content:center;background:color-mix(in srgb,var(--cc) 18%,transparent);color:var(--cc);font-weight:700}.callout__label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cc);margin-bottom:.2rem}.callout__text{color:var(--text-dim);line-height:1.6}.callout__text .rt-b{color:var(--text)}.lesson-interactive{margin:.6rem 0;position:relative}.lesson-interactive__tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--magenta);margin-bottom:.6rem}.lesson-interactive__tag:before{content:"●";font-size:.6rem;animation:blink 1.4s ease-in-out infinite}.lesson-page{--ac: var(--cyan);max-width:880px;padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(3rem,7vw,6rem)}.lesson-page--cyan{--ac: var(--cyan)}.lesson-page--violet{--ac: var(--violet)}.lesson-page--magenta{--ac: var(--magenta)}.lesson-page__head{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}.lesson-page__counter{display:inline-block;font-size:.78rem;letter-spacing:.08em;color:var(--ac);margin:.4rem 0 .8rem}.lesson-page__title{font-size:clamp(2rem,5vw,3.2rem);line-height:1.02;margin-bottom:.8rem}.lesson-page__summary{font-size:1.2rem;color:var(--text-dim);max-width:60ch}.lesson-page__time{display:inline-block;margin-top:1rem;font-size:.82rem;color:var(--text-faint)}.takeaways{margin-top:2.5rem;padding:1.6rem 1.8rem;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);background:color-mix(in srgb,var(--ac) 6%,var(--bg-elev))}.takeaways__title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin-bottom:1rem}.takeaways ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}.takeaways li{position:relative;padding-left:1.8rem;color:var(--text);line-height:1.6}.takeaways li:before{content:"✓";position:absolute;left:0;color:var(--ac);font-weight:700}.lesson-done{margin-top:2.5rem;display:flex;justify-content:center}.lesson-soon{text-align:center;padding:clamp(2.5rem,8vw,5rem) 1.5rem;border-radius:var(--r-xl);border:1px dashed var(--line-strong);background:var(--bg-elev);display:flex;flex-direction:column;align-items:center;gap:1rem}.lesson-soon__icon{font-size:3rem;color:var(--violet);animation:spin-slow 8s linear infinite}.lesson-soon__title{font-size:var(--fs-h2)}.lesson-soon__text{color:var(--text-dim);max-width:46ch}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.lesson-nav__link{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.4rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);transition:transform .2s var(--ease-out),border-color .2s,background .2s}.lesson-nav__link--next{text-align:right;align-items:flex-end}.lesson-nav__link:hover{border-color:var(--ac);background:var(--surface-2)}.lesson-nav__link--prev:hover{transform:translate(-4px)}.lesson-nav__link--next:hover{transform:translate(4px)}.lesson-nav__dir{font-size:.78rem;color:var(--ac)}.lesson-nav__name{font-family:var(--font-display);font-weight:700;color:var(--text)}@media (max-width: 560px){.lesson-nav{grid-template-columns:1fr}}:root{color-scheme:light;--bg: #f0e4cf;--bg-deep: #e6d7bc;--bg-elev: #fbf4e7;--surface: #fffbf2;--surface-2: #f5e9d4;--surface-3: #e9d8bb;--line: rgba(74, 50, 26, .16);--line-strong: rgba(74, 50, 26, .3);--text: #241708;--text-dim: #5c4527;--text-faint: #7d6437;--cyan: #c75b12;--cyan-deep: #9e4410;--magenta: #a63a1d;--magenta-deep: #802a13;--violet: #cc8b1a;--amber: #e0a11a;--lime: #b07d1f;--accent: var(--cyan);--accent-2: var(--magenta);--level-beginner: var(--cyan);--level-intermediate: var(--violet);--level-advanced: var(--magenta);--on-accent: #fff6e9;--on-accent-2: #fff2e6;--card: #2c1c0d;--card-2: #3a2613;--on-card: #f7ecd6;--on-card-dim: #cdb693;--on-card-faint: #9d8765;--card-line: rgba(247, 236, 214, .14);--card-line-strong: rgba(247, 236, 214, .28);--glow-cyan: 0 10px 24px rgba(199, 91, 18, .28);--glow-magenta: 0 10px 24px rgba(166, 58, 29, .28);--glow-soft: 0 16px 40px rgba(74, 44, 18, .18);--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--fs-hero: clamp(2.8rem, 8vw, 7rem);--fs-h1: clamp(2.2rem, 5vw, 4rem);--fs-h2: clamp(1.6rem, 3.4vw, 2.6rem);--fs-h3: clamp(1.2rem, 2vw, 1.5rem);--fs-body: clamp(1rem, 1.1vw, 1.12rem);--fs-small: .85rem;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-full: 999px;--maxw: 1200px;--gutter: clamp(1.1rem, 4vw, 3rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--bg-layers: radial-gradient(55vw 55vw at 8% -12%, rgba(199, 91, 18, .13), transparent 60%), radial-gradient(50vw 50vw at 96% 2%, rgba(204, 139, 26, .12), transparent 58%), radial-gradient(60vw 60vw at 52% 118%, rgba(166, 58, 29, .1), transparent 62%), var(--bg);--grain-opacity: .05;--grain-blend: multiply;--paper-blend: multiply;--paper-wash: rgba(244, 233, 214, .78);--neon-text: none;--neon-text-2: none}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(0deg,var(--paper-wash),var(--paper-wash)),url(/background_texture.jpg) center / cover no-repeat,var(--bg-layers);background-blend-mode:normal,var(--paper-blend, multiply),normal;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:var(--grain-opacity, .05);mix-blend-mode:var(--grain-blend, overlay);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.02;letter-spacing:-.02em;font-weight:800}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style-position:inside}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}::selection{background:var(--magenta);color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--surface-3),var(--surface-2));border-radius:99px;border:3px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-deep)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(3.5rem,9vw,8rem)}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:1.8rem;height:2px;background:var(--cyan);box-shadow:var(--glow-cyan)}.neon{color:var(--cyan);text-shadow:var(--neon-text, none)}.neon-magenta{color:var(--magenta);text-shadow:var(--neon-text-2, none)}.gradient-text{background:linear-gradient(100deg,var(--cyan),var(--violet) 55%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{--b: var(--cyan);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-mono);font-weight:600;font-size:.95rem;letter-spacing:.02em;padding:.85rem 1.5rem;border-radius:var(--r-full);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out),color .25s var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{background:var(--b);color:var(--on-accent);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--b) 75%,transparent)}.btn--primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn--ghost{border:1.5px solid var(--line-strong);color:var(--text);background:color-mix(in srgb,var(--cyan) 6%,transparent)}.btn--ghost:hover{border-color:var(--cyan);color:var(--on-accent);background:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn--magenta{--b: var(--magenta);color:var(--on-accent-2)}.btn--magenta:hover{box-shadow:var(--glow-magenta);transform:translateY(-2px)}.btn--sm{padding:.55rem 1rem;font-size:.82rem}.btn--lg{padding:1.05rem 2rem;font-size:1.02rem}.card{position:relative;background:linear-gradient(180deg,var(--surface),var(--bg-elev));border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,3vw,2rem);transition:transform .3s var(--ease-out),border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.card--hover:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--glow-soft)}.pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.32rem .75rem;border-radius:var(--r-full);border:1px solid var(--line-strong);color:var(--text-dim);background:#ffffff05}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);border:0}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.7);opacity:0}to{opacity:0}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.spin-slow{animation:spin-slow 26s linear infinite}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.center{display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column}.grid{display:grid}.mono{font-family:var(--font-mono)}