/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--radius-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:light-dark(#f5f3fa,#0d0b14);--color-card:light-dark(#fff,#13111e);--color-surface:light-dark(#fff,#0f0d1c);--color-border:light-dark(#e2dff0,#2a2a3e);--color-text:light-dark(#0f0f1a,#f5f5f5);--color-muted:light-dark(#6b6b88,#9b9bb0);--color-card-hover:light-dark(#f8f5ff,#1c1c28);--color-primary:light-dark(#7b2fbe,#8b47c8);--color-primary-bright:#9b4fe0;--color-primary-gradient:#7b2fbe;--color-primary-dim:light-dark(#7b2fbe14,#8b47c826);--color-shadow-fab:#00000026;--color-lavender:#d1b3f2;--color-on-primary:#fff;--color-banner-from:#2d0f5a;--color-banner-to:#6b2fb5;--color-on-banner:#fff;--color-magenta:#d040fb;--color-hero-deep:#1a0a2e;--color-hero-mid:#140828;--color-hero-dark:#0d0b14;--color-hero-purple:#8b47c8;--color-accent:#8b47c8;--color-status-amber:#f59e0b;--color-gold:#b45309;--color-gold-bright:#fcd34d;--color-gold-cta:#d97706;--color-level-beginner:light-dark(#2e7d32,#4caf50);--color-success:#2ec28a;--color-warning:#e8a13c;--color-error:#e8473c;--color-info:light-dark(#2563eb,#5b8def);--fret-grid:light-dark(#d9d4ec,#2e2e44);--fret-root:#e5484d;--fret-arrow:light-dark(#2f9e44,#51cf66);--color-landing-hero-from:light-dark(#eee7fa,#0c0818);--color-landing-hero-mid:light-dark(#e5d9f5,#140e24);--color-landing-hero-to:light-dark(#f2ecff,#0a0a14);--color-landing-band-from:#1e0a3e;--color-landing-band-to:#2d1060;--color-landing-on-band:#fff;--color-landing-level-beg-bg:light-dark(#e6f5ee,#0f2a1a);--color-landing-level-beg-fg:light-dark(#1a7a42,#4ac485);--color-landing-level-int-bg:light-dark(#fef6e4,#2a220a);--color-landing-level-int-fg:light-dark(#8a6200,#c4a84a);--color-landing-level-adv-bg:light-dark(#fbeaea,#2a1010);--color-landing-level-adv-fg:light-dark(#a4262c,#e08a8a);--color-star:#ffc83d;--space-page:clamp(1rem, 5vw, 3rem);--layout-max:1440px;--color-lb-gold-from:#f5c842;--color-lb-gold-to:#e0a020;--color-lb-silver-from:#c0c8d0;--color-lb-silver-to:#9aa0a8;--color-lb-bronze-from:#d4924a;--color-lb-bronze-to:#a8682a;--color-ach-panel:#0e0c18;--color-ach-accent:#f4a14a;--color-ach-stripe-to:#9b5de5;--color-ach-ink:#f2f1f8;--color-welcome-band-from:#6e22b8;--color-welcome-band-to:#8b3fd6;--color-welcome-panel:light-dark(#16131f,#0b0b12);--color-welcome-section:light-dark(#f8f7fc,#0f0f16);--color-welcome-hero-accent:#c79bf0;--color-feed-bg:light-dark(#fbfaf7,#0a0910);--color-accent-warm:light-dark(#b5670c,#f4a14a);--color-accent-warm-dim:light-dark(#b5670c14,#f4a14a21);--color-accent-warm-dim-strong:light-dark(#b5670c24,#f4a14a38);--color-accent-warm-border:light-dark(#b5670c33,#f4a14a47);--color-accent-warm-border-strong:light-dark(#b5670c47,#f4a14a66);--color-accent-warm-cta-end:#c8731a;--color-accent-warm-stage:light-dark(#1a1a2e,#0a0910);--color-track-slot:#2a2a35;--color-discord:#5865f2;--color-discord-banner-bg:light-dark(#5865f20f,#5865f21c);--color-discord-banner-border:light-dark(#5865f226,#5865f233);--color-share-x:#000;--color-share-facebook:#1877f2;--color-share-reddit:#ff4500;--color-share-email:#6b6b88;--color-share-sms:#34c759;--color-share-copied:#2ecc71;--color-page-header-title:#1f2937;--color-page-header-intro:#6b7280;--color-page-header-intro-strong:#4b5563;--color-brand-vivid:#7d11ff;--color-brand-vivid-deep:#6b0ee0;--color-exp-admin-alt:#a855f7;--color-exp-admin-alt-hover:#9333ea;--color-exp-admin-link-hover:#c084fc;--color-exp-admin-header-scrolled:#171717;--color-exp-admin-toolbar-panel:#1a1a2eeb;--color-judgeme-dark-bg:#0a0a0a;--color-judgeme-dark-card:#141414;--color-judgeme-dark-border:#222}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-100{top:calc(var(--spacing) * 100)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color-scheme:light}.lesson-page{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.lesson-page__inner{max-width:var(--layout-max);padding:24px var(--space-page) 48px;margin:0 auto}.lesson-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lesson-topbar__back{min-width:0;color:var(--color-muted);align-items:center;gap:4px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.lesson-topbar__back:hover{color:var(--color-text)}.lesson-topbar__back-full{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-topbar__back-short{display:none}.lesson-topbar__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.lesson-share{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.lesson-share svg{color:var(--color-muted)}.lesson-share.is-copied{border-color:var(--color-primary);color:var(--color-primary)}.lesson-complete{cursor:pointer;color:var(--color-primary);background:0 0;border:1.5px solid light-dark(#7b2fbe80,#8b47c880);border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.lesson-complete{border:1.5px solid color-mix(in srgb,var(--color-primary) 50%,transparent)}}.lesson-complete{white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.lesson-complete__icon{display:inline-flex}.lesson-complete.is-complete{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-primary)}@media(max-width:640px){.lesson-topbar__back-full{display:none}.lesson-topbar__back-short{display:inline!important}.lesson-share__label{display:none}.lesson-share{padding:8px 10px}.lesson-complete{padding:8px 13px}}.lesson-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:36px;display:grid}.lesson-grid__main{flex-direction:column;grid-area:1/1;gap:32px;min-width:0;display:flex}.lesson-grid__side{flex-direction:column;grid-area:1/2;gap:16px;display:flex;position:sticky;top:88px}.lesson-grid__below{flex-direction:column;grid-area:2/1;gap:32px;min-width:0;display:flex}@media(max-width:900px){.lesson-grid{flex-direction:column;align-items:stretch;gap:28px;display:flex}.lesson-grid__main{order:1;gap:16px}.lesson-grid__side{order:2;position:static}.lesson-grid__below{order:3;gap:16px}}.lesson-head{flex-direction:column;gap:12px;display:flex}.lesson-head__badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-pill{color:var(--color-primary);background:var(--color-primary-dim);border:1px solid light-dark(#7b2fbe40,#8b47c840);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.lesson-pill{border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)}}.lesson-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:4px 10px}.lesson-pill--free{color:var(--color-success);background:#2ec28a24}@supports (color:color-mix(in lab,red,red)){.lesson-pill--free{background:color-mix(in srgb,var(--color-success) 14%,transparent)}}.lesson-pill--free{border-color:#2ec28a4d}@supports (color:color-mix(in lab,red,red)){.lesson-pill--free{border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}}.lesson-head__position{color:var(--color-muted);font-size:13px;font-weight:600}.lesson-head__title{letter-spacing:-.02em;margin:0;font-size:clamp(27px,4vw,34px);font-weight:800;line-height:1.1}.lesson-head__body{color:light-dark(#0f0f1a99,#f5f5f599);font-size:15px}@supports (color:color-mix(in lab,red,red)){.lesson-head__body{color:color-mix(in srgb,var(--color-text) 60%,transparent)}}.lesson-head__body{font-weight:400;line-height:1.65}.lesson-head__body p{margin:0 0 .75em}.lesson-author{color:inherit;align-items:center;gap:11px;width:fit-content;text-decoration:none;display:inline-flex}.lesson-author__avatar{flex-shrink:0;line-height:0;display:block}.lesson-author__text{flex-direction:column;line-height:1.25;display:flex}.lesson-author__name{color:var(--color-text);font-size:14.5px;font-weight:700}.lesson-author__handle{color:var(--color-muted);font-size:12.5px}.lesson-author:not(.lesson-author--plain):hover .lesson-author__name{color:var(--color-primary)}.lesson-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lesson-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.lesson-btn--primary:hover{background:var(--color-primary-bright)}.lesson-btn--ghost{background:var(--color-primary-dim);color:var(--color-primary);border-color:light-dark(#7b2fbe66,#8b47c866)}@supports (color:color-mix(in lab,red,red)){.lesson-btn--ghost{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}}.lesson-btn--block{width:100%}.lesson-avatar{width:var(--avatar-size,38px);height:var(--avatar-size,38px);object-fit:cover;border-radius:50%;flex-shrink:0}.lesson-avatar--fallback{background:var(--color-primary-dim);color:var(--color-primary);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.lesson-avatar--xs{--avatar-size:24px;font-size:10px}.lesson-share,.lesson-complete{box-sizing:border-box;height:36px;padding-top:0;padding-bottom:0}.lesson-complete[hidden]{display:none}.lesson-head__date{color:var(--color-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.lesson-head__date svg{color:light-dark(#6b6b88cc,#9b9bb0cc)}@supports (color:color-mix(in lab,red,red)){.lesson-head__date svg{color:color-mix(in srgb,var(--color-muted) 80%,transparent)}}.lesson-video{aspect-ratio:16/9;background:var(--color-hero-dark);border-radius:16px;width:100%;position:relative;overflow:hidden}.lesson-video__frame{border:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-video__poster{background-image:var(--lesson-poster);background-position:50%;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-video--locked .lesson-video__poster{filter:blur(3px)}.lesson-video--locked:after{content:"";background:#0000008c;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-video__lock{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-video__lock-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.lesson-video__lock-title{font-size:16px;font-weight:800}.lesson-video__lock-sub{color:#fffc;max-width:320px;font-size:13px}.lesson-gate{background:var(--color-card);border:1px solid light-dark(#7b2fbe66,#8b47c866)}@supports (color:color-mix(in lab,red,red)){.lesson-gate{border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent)}}.lesson-gate{text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:clamp(24px,4vw,36px);display:flex}.lesson-gate__icon{background:var(--color-primary-dim);width:54px;height:54px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.lesson-gate__title{letter-spacing:-.01em;margin:0 0 8px;font-size:21px;font-weight:800}.lesson-gate__text{color:light-dark(#0f0f1abf,#f5f5f5bf);font-size:14px}@supports (color:color-mix(in lab,red,red)){.lesson-gate__text{color:color-mix(in srgb,var(--color-text) 75%,transparent)}}.lesson-gate__text{max-width:460px;margin:0 0 22px;line-height:1.6}.lesson-gate__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lesson-section{flex-direction:column;gap:14px;display:flex}.lesson-section__head{justify-content:space-between;align-items:center;display:flex}.lesson-section__heading{letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:800;display:flex}.lesson-section__heading svg{color:var(--color-primary);flex-shrink:0}.lesson-section__count{color:var(--color-muted);font-size:13px;font-weight:600}.lesson-tracks{flex-direction:column;gap:10px;display:flex}.lesson-track{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.lesson-track.is-playing{background:var(--color-primary-dim);border-color:light-dark(#7b2fbe73,#8b47c873)}@supports (color:color-mix(in lab,red,red)){.lesson-track.is-playing{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}}.lesson-track__play{background:var(--color-primary);cursor:pointer;width:44px;height:44px;color:var(--color-on-primary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-track__body{flex:1;min-width:0}.lesson-track__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-track__name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.lesson-track__bar{background:var(--color-primary-dim);border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.lesson-track__bar span{background:var(--color-primary);border-radius:3px;width:0;height:100%;transition:width .25s;display:block}.lesson-track__dl{cursor:pointer;color:var(--color-muted);background:0 0;border:none;flex-shrink:0;padding:6px;display:flex}.lesson-track__dl:hover{color:var(--color-primary)}.lesson-songs{flex-direction:column;gap:8px;display:flex}.lesson-submissions{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.lesson-submission{background:var(--color-card);border:1px solid var(--color-border);width:220px;color:inherit;text-align:left;font:inherit;cursor:pointer;border-radius:14px;flex-shrink:0;margin:0;padding:0;transition:border-color .15s;overflow:hidden}.lesson-submission:hover{border-color:light-dark(#7b2fbe66,#8b47c866)}@supports (color:color-mix(in lab,red,red)){.lesson-submission:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}}.lesson-submission:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lesson-submission__thumb{aspect-ratio:16/10;background-color:var(--color-surface);background-position:50%;background-size:cover;display:block;position:relative}.lesson-submission__overlay{background:linear-gradient(#0000 40%,#0000008c);position:absolute;top:0;right:0;bottom:0;left:0}.lesson-submission__play{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:auto;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-submission__body{padding:12px;display:block}.lesson-submission__meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.lesson-submission__initials{width:24px;height:24px;color:var(--color-primary);background:light-dark(#7b2fbe1f,#8b47c81f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}@supports (color:color-mix(in lab,red,red)){.lesson-submission__initials{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}}.lesson-submission__when{color:var(--color-muted);font-size:11.5px}.lesson-submission__title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.4;display:block}.lesson-submission--more{cursor:default;border-style:dashed;justify-content:center;align-items:center;width:60px;display:flex}.lesson-submission__more-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px}.lesson-submission--more.is-loading .lesson-submission__more-spinner{animation:.7s linear infinite lesson-submission-spin}@keyframes lesson-submission-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lesson-submission--more.is-loading .lesson-submission__more-spinner{animation:none}}.lesson-composer-mount{flex-direction:column;gap:14px;margin:0;display:flex}.lesson-frets{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media(max-width:600px){.lesson-frets{grid-template-columns:repeat(2,1fr)}}.lesson-fret{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;outline-color:var(--fret-grid);min-width:0;caret-color:var(--fret-root);column-rule-color:var(--fret-arrow);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 14px;transition:border-color .15s,transform .15s;display:flex;position:relative}.lesson-fret svg{width:100%;max-width:170px;height:auto;display:block}.lesson-fret svg.fret-diagram__svg--horizontal{max-width:100%}.lesson-fret__name{color:var(--color-text);font-size:14px;font-weight:700}.lesson-fret__caption{color:var(--color-muted);text-align:center;font-size:11.5px}.lesson-fret:hover{border-color:var(--color-primary);transform:translateY(-1px)}.lesson-fret:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lesson-fret__zoom{background:light-dark(#eaeaee,#262432);border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.lesson-fret__zoom{background:color-mix(in srgb,var(--color-muted) 14%,var(--color-card))}}.lesson-fret__zoom{color:var(--color-muted);opacity:0;pointer-events:none;transition:opacity .15s}.lesson-fret:hover .lesson-fret__zoom,.lesson-fret:focus-visible .lesson-fret__zoom{opacity:1}.fret-lightbox{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out fret-lightbox-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fret-lightbox-in{0%{opacity:0}to{opacity:1}}.fret-lightbox__panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:92vw;max-height:90vh;padding:30px 30px 24px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #00000073}.fret-lightbox__panel svg{width:min(78vw,360px);height:auto;display:block}.fret-lightbox__panel svg.fret-diagram__svg--horizontal{width:min(90vw,560px)}.fret-lightbox__name{color:var(--color-text);font-size:22px;font-weight:800}.fret-lightbox__caption{color:var(--color-muted);text-align:center;font-size:13.5px}.fret-lightbox__close{background:light-dark(#e7e7ec,#292735);border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.fret-lightbox__close{background:color-mix(in srgb,var(--color-muted) 16%,var(--color-card))}}.fret-lightbox__close{color:var(--color-text);cursor:pointer;transition:background .15s}.fret-lightbox__close:hover{background:light-dark(#d6d6de,#393847)}@supports (color:color-mix(in lab,red,red)){.fret-lightbox__close:hover{background:color-mix(in srgb,var(--color-muted) 28%,var(--color-card))}}.lesson-side-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:20px}.lesson-side-card--join{border-color:light-dark(#7b2fbe66,#8b47c866)}@supports (color:color-mix(in lab,red,red)){.lesson-side-card--join{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}}.lesson-side-card__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:11px;font-weight:800}.lesson-side-card__label--gap{margin-top:18px}.lesson-side-card__eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-flex}.lesson-side-card__title{margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.25}.lesson-side-card__text{color:light-dark(#0f0f1abf,#f5f5f5bf);font-size:13.5px}@supports (color:color-mix(in lab,red,red)){.lesson-side-card__text{color:color-mix(in srgb,var(--color-text) 75%,transparent)}}.lesson-side-card__text{margin:0 0 16px;line-height:1.55}.lesson-side-card--join .lesson-btn{margin-bottom:10px}.lesson-progress__course{color:var(--color-primary);font-size:13.5px;font-weight:700;text-decoration:none}.lesson-progress__row{justify-content:space-between;align-items:center;margin:14px 0 10px;display:flex}.lesson-progress__row .lesson-side-card__label{margin-bottom:0}.lesson-progress__count{color:var(--color-primary);font-size:13px;font-weight:700}.lesson-progress__bar{background:var(--color-primary-dim);border-radius:4px;width:100%;height:8px;overflow:hidden}.lesson-progress__bar span{background:var(--color-primary);border-radius:4px;height:100%;display:block}.lesson-upnext{background:var(--color-primary-dim);border:1px solid light-dark(#7b2fbe4d,#8b47c84d);align-items:center;gap:12px;width:100%;display:flex}@supports (color:color-mix(in lab,red,red)){.lesson-upnext{border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}}.lesson-upnext{color:inherit;border-radius:12px;padding:12px;text-decoration:none}.lesson-upnext__play{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-upnext__thumb{background:var(--color-primary-dim);border-radius:9px;flex-shrink:0;width:56px;height:40px;position:relative;overflow:hidden}.lesson-upnext__thumb img{object-fit:cover;width:100%;height:100%;display:block}.lesson-upnext__thumb-play{color:var(--color-on-banner);background:#00000052;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.lesson-upnext__body{flex:1;min-width:0}.lesson-upnext__pos{color:var(--color-muted);font-size:11.5px;font-weight:600;display:block}.lesson-upnext__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.lesson-upnext svg:last-child{color:var(--color-primary);flex-shrink:0}.lesson-download{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;display:flex}.lesson-download--locked{opacity:.6;font:inherit;text-align:left;cursor:pointer}.lesson-download--locked:hover{opacity:.8}.lesson-download__icon{background:var(--color-primary-dim);width:34px;height:34px;color:var(--color-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-download__body{flex:1;min-width:0}.lesson-download__name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.lesson-download__meta{color:var(--color-muted);font-size:11.5px;display:block}.lesson-download>svg:last-child{color:var(--color-muted);flex-shrink:0}.lesson-includes{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lesson-includes__item{align-items:center;gap:11px;font-size:13.5px;display:flex}.lesson-includes__item svg{color:var(--color-primary);flex-shrink:0}.microlesson-summary .lesson-head__body{margin:0}.lesson-head__tags{flex-wrap:wrap;gap:8px;display:flex}.microlesson-submissions [data-lesson-submissions-slot],.microlesson-submissions [data-lesson-submissions-slot] .gg-skel-block{margin:0}@media(max-width:900px){.microlesson-submissions{gap:16px}}.microlesson-comments #comments-app-container{max-width:100%;margin-top:4px}.microlesson-comments .comments-app-container{overflow-wrap:anywhere}[data-lesson-progress-slot]:has(.lesson-side-card) .gg-skel-block,[data-lesson-submissions-slot]:has(.lesson-submission) .gg-skel-block,[data-lesson-submissions-slot]:has(.empty-state) .gg-skel-block,[data-rc-slot]:has(#comments-app-container>*) .gg-skel-block{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}