.responsive-hub-media{position:relative;display:grid;overflow:hidden;place-items:center;aspect-ratio:var(--hub-media-aspect, 4 / 3);min-width:0;border:1px solid var(--hub-border, var(--public-border-subtle));border-radius:var(--hub-radius-sm, 10px);background:linear-gradient(110deg,var(--hub-surface-2, #132037) 25%,var(--hub-surface-3, #1a2942) 45%,var(--hub-surface-2, #132037) 65%);background-size:220% 100%;animation:hub-media-skeleton 1.2s ease-in-out infinite}.responsive-hub-media img{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .18s ease}.responsive-hub-media.is-loaded{animation:none;background:var(--hub-surface-2, #132037)}.responsive-hub-media.is-loaded img{opacity:1}.responsive-hub-media.is-fallback{animation:none;color:var(--hub-muted, #98a6bb);background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--hub-accent, #ff6b00) 14%,transparent),transparent 65%),var(--hub-surface-2, #132037)}.responsive-hub-media.is-fallback>svg{width:38%;height:38%;stroke-width:1.45}@keyframes hub-media-skeleton{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){.responsive-hub-media{animation:none}.responsive-hub-media img{transition:none}}.contentActionBar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:18px 0;padding:4px 0}.contentActionBar--card{justify-content:flex-end;margin:0;padding:0}.contentActionBar__meta{display:grid;gap:2px;min-width:0}.contentActionBar__meta span{color:#667085;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.contentActionBar__meta strong{overflow:hidden;color:#1d2939;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.contentActionBar__actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.contentActionBar__button,.contentAssignmentDrawer__close,.contentAssignmentDrawer__submit{border:0;cursor:pointer;font:inherit}.contentActionBar__button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;border:1px solid rgba(32,45,64,.12);border-radius:8px;background:#ffffffdb;color:#263346;font-size:1.1rem;font-weight:800;line-height:1;white-space:nowrap}.contentActionBar__button:hover,.contentActionBar__button:focus-visible{border-color:#216e8b73;color:#0f5f78;outline:none}.contentActionBar__button.is-active{border-color:#cd485052;background:#fff2f2;color:#b4232e}.contentAssignmentDrawer{position:fixed;inset:0;z-index:80;display:grid;justify-items:end}.contentAssignmentDrawer__backdrop{position:fixed;inset:0;border:0;background:#12192661}.contentAssignmentDrawer__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(440px,calc(100vw - 28px));height:100%;overflow:auto;background:#fbfcfd;box-shadow:-28px 0 60px #1219263d}.contentAssignmentDrawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 22px 16px;border-bottom:1px solid rgba(32,45,64,.1)}.contentAssignmentDrawer__header span{color:#667085;font-size:.76rem;font-weight:900;text-transform:uppercase}.contentAssignmentDrawer__header h2{margin:3px 0 6px;color:#1d2939;font-size:1.35rem}.contentAssignmentDrawer__header p{margin:0;color:#475467}.contentAssignmentDrawer__close{display:inline-grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border:1px solid rgba(32,45,64,.14);border-radius:8px;background:#fff;color:#344054}.contentAssignmentDrawer__close:hover,.contentAssignmentDrawer__close:focus-visible{color:#0f5f78;outline:none}.contentAssignmentForm{display:grid;gap:14px;padding:20px 22px 24px}.contentAssignmentForm label{display:grid;gap:6px;color:#344054;font-size:.86rem;font-weight:800}.contentAssignmentForm input,.contentAssignmentForm select,.contentAssignmentForm textarea{width:100%;border:1px solid rgba(32,45,64,.16);border-radius:8px;background:#fff;color:#1d2939;font:inherit;font-weight:600}.contentAssignmentForm input,.contentAssignmentForm select{min-height:40px;padding:0 11px}.contentAssignmentForm textarea{min-height:104px;padding:10px 11px;resize:vertical}.contentAssignmentForm__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contentAssignmentForm__check{display:flex!important;grid-template-columns:none;align-items:center;gap:9px!important}.contentAssignmentForm__check input{width:18px;min-height:18px}.contentAssignmentDrawer__note,.contentAssignmentDrawer__prepared{margin:0;border-radius:8px;padding:12px;color:#344054;font-size:.9rem;line-height:1.45}.contentAssignmentDrawer__note{border:1px solid rgba(33,110,139,.18);background:#eef8fb}.contentAssignmentDrawer__prepared{border:1px solid rgba(39,134,89,.2);background:#effaf4}.contentAssignmentDrawer__submit{min-height:44px;border-radius:8px;background:#216e8b;color:#fff;font-weight:900}.contentAssignmentDrawer__submit:hover,.contentAssignmentDrawer__submit:focus-visible{background:#185a72;outline:none}@media(max-width:640px){.contentActionBar{align-items:stretch;flex-direction:column}.contentActionBar__meta strong{white-space:normal}.contentActionBar__actions{width:100%;justify-content:flex-end}.contentActionBar__button{flex:0 0 auto}.contentAssignmentForm__split{grid-template-columns:1fr}}.publicModuleHeader{display:flex;align-items:end;justify-content:space-between;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-7));min-width:0;border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);padding:clamp(var(--public-space-4),2.6vw,var(--public-space-7));color:var(--public-text-primary);background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.publicModuleHeader__copy{display:flex;align-items:flex-start;min-width:0;gap:var(--public-space-4)}.publicModuleHeader__media{flex:0 0 auto;display:grid;width:clamp(44px,5.5vw,64px);aspect-ratio:1;place-items:center}.publicModuleHeader__icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgb(0 0 0 / .42))}.publicModuleHeader__text{display:grid;min-width:0;gap:var(--public-space-2)}.publicModuleHeader__kicker{max-width:100%;color:var(--public-accent-orange);font-size:.76rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.publicModuleHeader__title{max-width:920px;margin:0;color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(2rem,4.8vw,3.8rem);font-weight:900;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.publicModuleHeader__subtitle{max-width:760px;margin:0;color:var(--public-text-secondary);font-size:1rem;line-height:1.55;overflow-wrap:break-word}.publicModuleHeader__aside{flex:0 1 auto;display:grid;justify-items:end;gap:var(--public-space-3);min-width:min(220px,100%)}.publicModuleHeader__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--public-space-2);margin:0}.publicModuleHeader__stat{min-width:112px;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);padding:var(--public-space-2) var(--public-space-3);background:var(--public-surface-inset);text-align:right}.publicModuleHeader__stat dt,.publicModuleHeader__stat dd{margin:0}.publicModuleHeader__stat dt{color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2.2rem);font-weight:900;line-height:1}.publicModuleHeader__stat dd{margin-top:4px;color:var(--public-text-muted);font-size:.78rem;font-weight:800;line-height:1.2}.publicModuleHeader__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--public-space-2);max-width:100%}.publicModuleHeader--tool,.publicModuleHeader--trainer{align-items:center;padding:clamp(var(--public-space-3),1.8vw,var(--public-space-5));background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .035),rgb(var(--color-bg-rgb) / .1)),var(--public-module-bg)}.publicModuleHeader--tool .publicModuleHeader__title,.publicModuleHeader--trainer .publicModuleHeader__title{font-size:clamp(1.6rem,3.2vw,2.6rem)}.publicModuleHeader--tool .publicModuleHeader__subtitle,.publicModuleHeader--trainer .publicModuleHeader__subtitle{max-width:640px}.publicModuleHeader--trainer{border-color:#55d27c3d}.publicModuleHeader--trainer .publicModuleHeader__kicker{color:var(--music-root)}.publicModuleHeader--tool .publicModuleHeader__media{color:var(--public-accent-orange)}.publicModuleHeader--trainer .publicModuleHeader__media{color:var(--music-root)}.publicModuleHeader--library{background:var(--public-panel-bg)}.publicModuleHeader--library .publicModuleHeader__title{font-size:clamp(1.65rem,3.3vw,2.7rem)}.publicModuleHeader--library-flat{border-width:0 0 1px;border-radius:0;padding:clamp(var(--public-space-5),4vw,var(--public-space-8)) 0;background-color:transparent;box-shadow:none}.publicModuleHeader--library-flat .publicModuleHeader__title{font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.035em;line-height:.92}.publicModuleHeader--library-flat .publicModuleHeader__subtitle{max-width:680px}.publicModuleHeader--stringlr-library{min-height:0;align-items:center;border-width:0 0 1px;border-color:var(--public-border-subtle);border-radius:0;padding:clamp(14px,2.4vw,24px) 0 clamp(16px,2.6vw,28px);background:transparent;box-shadow:none}.publicModuleHeader--stringlr-library .publicModuleHeader__copy{align-items:center;gap:clamp(14px,2vw,22px)}.publicModuleHeader--stringlr-library .publicModuleHeader__media{width:clamp(40px,4.6vw,52px);border:1px solid color-mix(in srgb,var(--public-accent-orange) 58%,var(--public-border-subtle));color:var(--public-accent-orange);background:color-mix(in srgb,var(--public-accent-orange) 7%,transparent)}.publicModuleHeader--stringlr-library .publicModuleHeader__media svg{width:48%;height:48%;stroke-width:1.7}.publicModuleHeader--stringlr-library .publicModuleHeader__kicker{letter-spacing:.16em}.publicModuleHeader--stringlr-library .publicModuleHeader__title{font-family:Arial Narrow,Impact,Inter,sans-serif;font-size:clamp(2rem,3.4vw,3rem);font-weight:900;letter-spacing:-.045em;line-height:.94}.publicModuleHeader--stringlr-library .publicModuleHeader__subtitle{max-width:720px;font-size:.96rem}.publicModuleHeader--learning{background:linear-gradient(110deg,rgb(var(--color-text-rgb) / .052),rgb(var(--color-bg-rgb) / .2)),var(--public-module-bg)}.publicModuleHeader--local{border-color:rgb(var(--color-accent-2-rgb) / .28)}.publicModuleHeader--local .publicModuleHeader__kicker{color:var(--color-accent-2)}.publicModuleHeader--landing{min-height:min(58vh,560px);align-items:center;padding:clamp(var(--public-space-6),7vw,88px)}.publicModuleHeader--landing .publicModuleHeader__title{font-size:clamp(3rem,8vw,6.4rem)}.publicModuleHeader--compact{padding:clamp(var(--public-space-3),1.7vw,var(--public-space-5))}.publicModuleHeader--compact .publicModuleHeader__media{width:clamp(36px,4.2vw,50px)}.publicModuleHeader--compact .publicModuleHeader__title{font-size:clamp(1.5rem,3vw,2.4rem)}@media(max-width:760px){.publicModuleHeader,.publicModuleHeader__copy,.publicModuleHeader__aside{display:grid}.publicModuleHeader__aside{justify-items:start;min-width:0;width:100%}.publicModuleHeader__stats{justify-content:flex-start}.publicModuleHeader__stat{min-width:min(128px,100%);text-align:left}.publicModuleHeader__actions{justify-content:flex-start}.publicModuleHeader--landing{min-height:min(48vh,420px)}.public-module-shell>header.publicModuleHeader.publicModuleHeader--mobile-single-line{display:block;min-height:0;border-width:0 0 1px;border-radius:0;padding:8px 0 10px;background:transparent;box-shadow:none}.publicModuleHeader.publicModuleHeader--mobile-single-line .publicModuleHeader__copy{display:flex;align-items:center;gap:9px}.publicModuleHeader.publicModuleHeader--mobile-single-line .publicModuleHeader__media{width:30px}.publicModuleHeader.publicModuleHeader--mobile-single-line .publicModuleHeader__text{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-width:0}.publicModuleHeader.publicModuleHeader--mobile-single-line .publicModuleHeader__kicker{flex:0 0 auto;font-size:.65rem;letter-spacing:.065em;line-height:1;overflow-wrap:normal;white-space:nowrap}.publicModuleHeader.publicModuleHeader--mobile-single-line .publicModuleHeader__title{min-width:0;font-size:clamp(1.12rem,5.4vw,1.38rem);line-height:1;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.publicModuleHeader.publicModuleHeader--mobile-single-line :is(.publicModuleHeader__subtitle,.publicModuleHeader__aside){display:none}}.platform-hub-badge{--platform-hub-tone: var(--success);width:min(100%,180px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;justify-self:center;border:1px solid color-mix(in srgb,var(--platform-hub-tone) 48%,var(--border-subtle));border-radius:50%;padding:22px;color:var(--text-primary);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--platform-hub-tone) 14%,transparent),transparent 56%),var(--surface-elevated);text-align:center;box-shadow:0 18px 38px color-mix(in srgb,var(--platform-hub-tone) 13%,transparent);animation:platform-hub-breathe 4.8s ease-in-out infinite}@keyframes platform-hub-breathe{0%,to{box-shadow:0 18px 38px color-mix(in srgb,var(--platform-hub-tone) 13%,transparent),0 0 color-mix(in srgb,var(--platform-hub-tone) 0%,transparent)}50%{box-shadow:0 20px 44px color-mix(in srgb,var(--platform-hub-tone) 20%,transparent),0 0 28px 5px color-mix(in srgb,var(--platform-hub-tone) 18%,transparent)}}.platform-hub-badge--violet{--platform-hub-tone: var(--accent-secondary)}.platform-hub-badge img{width:58px;height:58px;object-fit:contain}.platform-hub-badge strong{max-width:122px;font-size:.92rem;line-height:1.08}.platform-hub-badge small{max-width:118px;color:var(--text-muted);font-size:.67rem;line-height:1.3}@media(max-width:760px){.platform-hub-badge{width:154px;padding:18px}.platform-hub-badge img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.platform-hub-badge{animation:none}}.public-home{display:grid;gap:clamp(42px,5.5vw,72px);color:var(--text-primary)}.public-home button{font:inherit}.home-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--accent-primary);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-eyebrow svg{width:16px;height:16px}.home-hero{min-height:500px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(28px,4vw,54px);padding:clamp(28px,3vw,44px);border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-primary);box-shadow:var(--app-shadow-sm);overflow:hidden}.home-hero__copy{position:relative;z-index:2;max-width:610px}.home-hero h1{margin:15px 0 17px;color:var(--text-primary);font-size:clamp(2.8rem,4.2vw,4.15rem);font-weight:920;letter-spacing:-.055em;line-height:.88;text-transform:uppercase}.home-hero h1 em{color:var(--accent-primary);font-style:normal}.home-hero__copy>p{max-width:590px;margin:0;color:var(--text-secondary);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.6}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;font-weight:850;cursor:pointer}.home-button svg,.home-text-link svg{width:17px;height:17px}.home-button--primary{border:1px solid var(--accent-primary);color:var(--accent-primary-text);background:var(--accent-primary)}.home-button--primary:hover{background:var(--accent-primary-hover)}.home-button--live{border:1px solid #15803d;color:#fff;background:#15803d;box-shadow:0 8px 22px #15803d38}.home-button--live:hover{border-color:#166534;background:#166534}.home-button--secondary{border:1px solid var(--border-strong);color:var(--text-primary);background:var(--surface-secondary)}.home-text-link{display:inline-flex;align-items:center;gap:7px;border:0;padding:7px 0;color:var(--accent-primary);background:transparent;font-weight:850;cursor:pointer}.home-hero__visual{position:relative;min-height:350px;align-self:stretch}.home-hero__photo{position:absolute;inset:0;width:100%;height:100%;border-radius:15px;object-fit:cover;object-position:48% center}.home-hero-card{position:absolute;z-index:2;border:1px solid var(--border-subtle);border-radius:11px;color:var(--text-primary);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);box-shadow:var(--app-shadow-lg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-hero-card--chord{top:18px;right:-14px;width:118px;height:132px;padding:8px;overflow:hidden}.home-hero-card--chord img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:#fff}.home-trust{margin-top:-52px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-inline:clamp(18px,4vw,54px)}.home-trust>div{min-width:0;display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-elevated);box-shadow:var(--app-shadow-sm)}.home-trust>div>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--accent-primary);background:var(--surface-subtle)}.home-trust svg{width:20px;height:20px}.home-trust p{display:grid;gap:2px;margin:0}.home-trust strong{font-size:.88rem}.home-trust small{color:var(--text-muted);font-size:.72rem}.home-section{scroll-margin-top:92px}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.home-section-heading>div{display:grid;gap:8px}.home-section-heading h2,.home-help h2,.home-teacher-showcase h2,.home-role-story h2,.home-magazine h2{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.03;letter-spacing:-.035em}.home-section-heading p{max-width:680px;margin:0;color:var(--text-muted);line-height:1.55}.home-entry{padding-top:4px}.home-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-entry-card{min-width:0;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid color-mix(in srgb,var(--tone) 24%,var(--border-subtle));border-radius:16px;padding:clamp(22px,2.5vw,32px);color:var(--text-primary);background:color-mix(in srgb,var(--tone) 4%,var(--surface-primary));text-align:left;box-shadow:var(--app-shadow-sm);cursor:pointer}.home-entry-card__icon{width:80px;height:80px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 28%,transparent);border-radius:20px;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--surface-primary));box-shadow:0 0 0 8px color-mix(in srgb,var(--tone) 6%,transparent)}.home-entry-card__icon svg{width:40px;height:40px;stroke-width:1.9}.home-entry-card__copy{display:grid;gap:9px;margin-top:28px}.home-entry-card__copy strong{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}.home-entry-card__copy p{margin:0;color:var(--text-secondary);line-height:1.5}.home-entry-card__copy small{color:var(--text-muted);font-size:.78rem;line-height:1.5}.home-entry-card__action{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:22px;color:var(--tone);font-size:.8rem;font-weight:850}.home-entry-card__action svg{width:15px;height:15px}.home-today{padding:clamp(26px,3.5vw,44px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-secondary)}.home-today-actions{display:flex;flex-wrap:wrap;gap:12px}.home-today-actions button{position:relative;min-width:0;min-height:164px;flex:1 1 calc(25% - 12px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;border:1px solid var(--border-subtle);border-radius:12px;padding:22px 18px 18px;color:var(--text-primary);background:var(--surface-primary);text-align:center;cursor:pointer}.home-today-actions button>span{width:72px;height:72px;display:grid;place-items:center;color:var(--accent-primary)}.home-today-actions button>span svg{width:62px;height:62px;stroke-width:1.65}.home-today-actions button>span img{width:64px;height:64px;object-fit:contain}.home-today-actions strong{max-width:calc(100% - 26px);font-size:.96rem;line-height:1.3}.home-area-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.home-area-card{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--border-subtle);border-radius:12px;padding:18px;color:var(--text-primary);background:var(--surface-primary);text-align:left;box-shadow:var(--app-shadow-sm);cursor:pointer}.home-area-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--tone);background:var(--surface-subtle)}.home-area-card>span svg{width:24px;height:24px}.home-area-card>strong{margin-top:4px;font-size:1rem}.home-area-card p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.home-area-card>svg{position:absolute;right:16px;bottom:16px;width:17px;height:17px;color:var(--tone)}.home-tone--orange{--tone: #f97316}.home-tone--violet{--tone: #7c63e8}.home-tone--green{--tone: #26964b}.home-tone--blue{--tone: #2688d4}.home-tone--pink{--tone: #d92d68}.home-platform{padding:clamp(26px,4vw,48px);border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-secondary);overflow:hidden}.home-platform-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:58px}.home-platform-flow__step{position:relative;min-width:0;display:grid;align-items:center}.home-platform-node{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);align-content:start;gap:14px;padding:22px;border:1px solid color-mix(in srgb,var(--tone) 24%,var(--border-subtle));border-radius:15px;background:color-mix(in srgb,var(--tone) 4%,var(--surface-primary))}.home-platform-node>span{width:52px;height:52px;display:grid;place-items:center;grid-row:1 / span 2;border-radius:14px;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--surface-primary))}.home-platform-node>span svg{width:27px;height:27px}.home-platform-node strong{align-self:end;font-size:1.05rem}.home-platform-node ul{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.home-platform-node li{border-radius:999px;padding:6px 9px;color:var(--text-secondary);background:var(--surface-subtle);font-size:.72rem;font-weight:750}.home-platform-hub{width:min(100%,172px)}.home-platform-connector{position:absolute;z-index:2;top:50%;right:-52px;width:46px;height:24px;display:grid;place-items:center;color:var(--accent-primary);transform:translateY(-50%)}.home-platform-connector:before{content:"";position:absolute;right:4px;left:4px;height:1px;background:color-mix(in srgb,var(--accent-primary) 58%,var(--border-subtle))}.home-platform-connector svg{position:relative;width:46px;height:22px;stroke-width:1.7}.home-role-story{--story-tone: #f97316;display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,54px);align-items:center;padding:clamp(28px,4vw,52px);border:1px solid color-mix(in srgb,var(--story-tone) 24%,var(--border-subtle));border-radius:18px;background:color-mix(in srgb,var(--story-tone) 4%,var(--surface-primary))}.home-role-story--violet{--story-tone: #7c63e8}.home-role-story__intro{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:start;gap:20px}.home-role-story__icon{width:66px;height:66px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--story-tone) 30%,transparent);border-radius:17px;color:var(--story-tone);background:color-mix(in srgb,var(--story-tone) 11%,var(--surface-primary))}.home-role-story__icon svg{width:34px;height:34px}.home-role-story__intro>div{min-width:0}.home-role-story__intro h2{margin:10px 0 12px}.home-role-story__intro p{margin:0 0 22px;color:var(--text-secondary);line-height:1.6}.home-role-story__points{display:grid;gap:10px}.home-role-story__points article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;padding:17px 18px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-primary)}.home-role-story__points article>svg{width:23px;height:23px;color:var(--story-tone)}.home-role-story__points h3{margin:0 0 5px;font-size:1rem}.home-role-story__points p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.home-play{padding:clamp(24px,3.2vw,42px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-secondary)}.home-play-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.78fr);gap:18px}.home-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-game-card{min-width:0;min-height:190px;display:grid;grid-template-columns:58px minmax(0,1fr);align-content:start;gap:4px 14px;border:1px solid var(--border-subtle);border-radius:14px;padding:20px;color:var(--text-primary);background:var(--surface-primary);text-align:left;overflow:hidden;cursor:pointer}.home-game-card.is-featured{grid-column:1 / -1;min-height:220px;grid-template-columns:88px minmax(0,1fr);align-items:center;padding:clamp(24px,4vw,40px);border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--border-subtle));background:linear-gradient(120deg,color-mix(in srgb,var(--accent-primary) 12%,var(--surface-primary)),var(--surface-primary))}.home-game-card__icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--border-subtle));border-radius:16px;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 9%,var(--surface-elevated))}.home-game-card__icon svg{width:29px;height:29px}.home-game-card.is-featured .home-game-card__icon{width:88px;height:88px;border-radius:24px}.home-game-card.is-featured .home-game-card__icon svg{width:44px;height:44px}.home-game-card__body{display:grid;gap:8px;padding:15px}.home-game-card__body small,.home-content-card small,.home-magazine small{color:var(--accent-primary);font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.home-game-card__body strong{font-size:1rem}.home-game-card__body p{min-height:58px;margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.home-game-card__body>span{display:flex;align-items:center;gap:6px;color:var(--accent-primary);font-size:.78rem;font-weight:850}.home-game-card__body>span svg{width:15px;height:15px}.home-game-card.is-featured .home-game-card__body strong{font-size:clamp(1.45rem,3vw,2rem)}.home-game-card.is-featured .home-game-card__body p{min-height:0;max-width:640px;font-size:.92rem}.home-quick-start{padding:20px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-primary)}.home-quick-start h3{margin:8px 0 5px;font-size:1.3rem}.home-quick-start>p{margin:0 0 14px;color:var(--text-muted);font-size:.78rem;line-height:1.5}.home-quick-start>div{display:grid;gap:6px}.home-quick-start button{width:100%;display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:9px;border:0;border-radius:8px;padding:10px;color:var(--text-primary);background:var(--surface-secondary);text-align:left;cursor:pointer}.home-quick-start button svg:first-child{color:#26964b}.home-quick-start button svg:last-child{color:var(--accent-primary)}.home-content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-content-card{min-width:0;display:grid;grid-template-rows:160px 1fr;border:1px solid var(--border-subtle);border-radius:12px;padding:0;color:var(--text-primary);background:var(--surface-primary);text-align:left;overflow:hidden;cursor:pointer}.home-content-card>img{width:100%;height:100%;object-fit:cover}.home-content-card>span{display:grid;align-content:start;gap:7px;padding:15px}.home-content-card strong{font-size:.96rem;line-height:1.25}.home-content-card p{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.5}.home-content-card em{display:inline-flex;align-items:center;gap:5px;margin-top:3px;color:var(--accent-primary);font-size:.76rem;font-style:normal;font-weight:850}.home-content-card em svg{width:14px;height:14px}.home-levels{padding-block:8px}.home-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-level-card{min-width:0;display:grid;grid-template-rows:210px 1fr;border:1px solid var(--border-subtle);border-radius:15px;padding:0;color:var(--text-primary);background:var(--surface-primary);text-align:left;overflow:hidden;cursor:pointer}.home-level-card>img{width:100%;height:100%;object-fit:cover}.home-level-card>span{display:grid;align-content:start;gap:9px;padding:22px}.home-level-card small{color:var(--accent-primary);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.home-level-card strong{font-size:1.2rem}.home-level-card p{margin:0;color:var(--text-muted);line-height:1.5}.home-level-card em{display:inline-flex;align-items:center;gap:7px;margin-top:4px;color:var(--accent-primary);font-size:.8rem;font-style:normal;font-weight:850}.home-level-card em svg{width:15px;height:15px}.home-discover-cta{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;padding:clamp(24px,3.5vw,38px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-primary)}.home-discover-cta__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:18px;color:var(--accent-primary);background:var(--surface-subtle)}.home-discover-cta__icon svg{width:36px;height:36px}.home-discover-cta h2{margin:7px 0 8px;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em}.home-discover-cta p{max-width:720px;margin:0;color:var(--text-muted);line-height:1.55}.home-discover-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.home-discovery{padding:clamp(26px,3.5vw,44px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-secondary)}.home-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-discovery-panel{display:grid;grid-template-columns:52px 1fr;align-content:start;gap:16px;padding:clamp(22px,3vw,32px);border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-primary)}.home-discovery-panel__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;color:var(--accent-primary);background:var(--surface-subtle)}.home-discovery-panel__icon svg{width:26px;height:26px}.home-discovery-panel h3{margin:7px 0 9px;font-size:1.35rem}.home-discovery-panel p{margin:0;color:var(--text-muted);line-height:1.55}.home-discovery-panel__links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.home-discovery-panel__links button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);border-radius:999px;padding:9px 12px;color:var(--text-primary);background:var(--surface-secondary);font-size:.78rem;font-weight:800;cursor:pointer}.home-discovery-panel__links svg{width:13px;height:13px;color:var(--accent-primary)}.home-featured-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.home-tool-card,.home-teacher-product{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;border:1px solid var(--border-subtle);border-radius:14px;padding:20px;color:var(--text-primary);background:var(--surface-primary);text-align:left;cursor:pointer}.home-product-card__icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 24%,transparent);border-radius:16px;color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,var(--surface-subtle))}.home-product-card__icon svg{width:32px;height:32px;stroke-width:1.9}.home-product-card__body{min-width:0;display:grid;align-content:start;gap:7px}.home-product-card__body small{color:var(--tone);font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.home-product-card__body strong{font-size:1.02rem;line-height:1.25}.home-product-card__body p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.home-product-card__body em{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--tone);font-size:.76rem;font-style:normal;font-weight:850}.home-product-card__body em svg{width:14px;height:14px}.home-help{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:34px;padding:clamp(26px,4vw,52px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-subtle)}.home-help__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-help__copy h2{margin:12px 0;max-width:620px}.home-help__copy p{max-width:560px;margin:0 0 20px;color:var(--text-secondary);line-height:1.6}.home-help__teachers{display:grid;gap:8px;align-content:center}.home-help__state{margin:0;padding:18px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);background:var(--surface-primary)}.home-teacher-card{min-width:0;display:grid;grid-template-columns:50px 1fr 18px;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);background:var(--surface-primary);text-decoration:none}.home-teacher-card__avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:var(--accent-primary);background:var(--surface-secondary);overflow:hidden}.home-teacher-card__avatar img{width:100%;height:100%;object-fit:cover}.home-teacher-card>span:nth-child(2){min-width:0;display:grid;gap:2px}.home-teacher-card small{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-teacher-card em{margin-top:2px;color:var(--text-muted);font-size:.7rem;font-style:normal;font-weight:800}.home-teacher-card em.is-available{color:var(--success)}.home-teacher-card>svg{width:17px;height:17px;color:var(--accent-primary)}.home-teacher-showcase,.home-magazine{border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-primary);overflow:hidden}.home-teacher-showcase{padding:clamp(24px,3.5vw,44px)}.home-teacher-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-teacher-product{min-height:178px}.home-teacher-product.is-featured{min-height:204px;border-color:color-mix(in srgb,var(--tone) 34%,var(--border-subtle));background:color-mix(in srgb,var(--tone) 5%,var(--surface-primary))}.home-teacher-product.is-featured .home-product-card__icon{width:72px;height:72px}.home-teacher-product.is-featured .home-product-card__icon svg{width:36px;height:36px}.home-magazine{padding:clamp(24px,3vw,34px)}.home-magazine__head{display:grid;gap:8px;margin-bottom:18px}.home-magazine__head p{margin:0;color:var(--text-muted);line-height:1.5}.home-magazine__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-magazine__grid button{min-width:0;display:grid;grid-template-rows:150px 1fr;border:1px solid var(--border-subtle);border-radius:11px;padding:0;color:var(--text-primary);background:var(--surface-secondary);text-align:left;overflow:hidden;cursor:pointer}.home-magazine__grid img{width:100%;height:100%;object-fit:cover}.home-magazine__grid button>span{position:relative;display:grid;align-content:center;gap:5px;padding:16px 38px 16px 16px}.home-magazine__grid strong{font-size:.9rem;line-height:1.3}.home-magazine__grid svg{position:absolute;right:10px;top:calc(50% - 8px);width:16px;height:16px;color:var(--accent-primary)}.home-magazine>.home-text-link{margin-top:10px}.public-home button:hover,.home-teacher-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 46%,var(--border-subtle))}.public-home button:focus-visible,.home-teacher-card:focus-visible{outline:0;box-shadow:var(--focus-ring)}@media(max-width:1120px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr)}.home-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-entry-card{min-height:250px;padding:22px}.home-entry-card__icon{width:66px;height:66px}.home-entry-card__icon svg{width:34px;height:34px}.home-entry-card__copy{margin-top:22px}.home-platform-flow{gap:44px}.home-platform-connector{right:-40px}.home-role-story{grid-template-columns:minmax(0,1fr)}.home-today-actions button{flex-basis:calc(50% - 6px)}.home-featured-tools,.home-teacher-products{grid-template-columns:repeat(2,minmax(0,1fr))}.home-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-play-layout{grid-template-columns:minmax(0,1fr)}.home-quick-start>div{grid-template-columns:repeat(3,minmax(0,1fr))}.home-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.public-home{gap:40px}.home-hero{min-height:auto;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 18px 18px}.home-hero h1{font-size:clamp(2.4rem,11.5vw,4.2rem);line-height:.84}.home-hero__visual{min-height:180px}.home-hero-card--chord{width:74px;height:84px;top:9px;right:9px}.home-trust{margin-top:-32px;grid-template-columns:minmax(0,1fr);padding-inline:12px}.home-section-heading{align-items:flex-start;flex-direction:column}.home-entry-grid{grid-template-columns:minmax(0,1fr);gap:12px}.home-entry-card{min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:17px}.home-entry-card__icon{width:54px;height:54px;border-radius:14px;box-shadow:0 0 0 5px color-mix(in srgb,var(--tone) 6%,transparent)}.home-entry-card__icon svg{width:28px;height:28px}.home-entry-card__copy{gap:5px;margin-top:0}.home-entry-card__copy strong{font-size:1.08rem}.home-entry-card__copy p{font-size:.82rem}.home-entry-card__copy small{display:none}.home-entry-card__action{grid-column:2;padding-top:4px}.home-platform{padding:24px 16px}.home-platform-flow{grid-template-columns:minmax(0,1fr);gap:48px}.home-platform-flow__step{min-width:0}.home-platform-connector{top:auto;right:calc(50% - 18px);bottom:-42px;transform:rotate(90deg)}.home-role-story{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 18px}.home-role-story__intro{grid-template-columns:54px minmax(0,1fr);gap:14px}.home-role-story__icon{width:54px;height:54px;border-radius:14px}.home-role-story__icon svg{width:28px;height:28px}.home-role-story__points article{padding:15px}.home-today{padding:24px 16px}.home-today-actions button{flex-basis:calc(50% - 6px);min-height:140px;padding-inline:12px}.home-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-area-card{min-height:164px;padding:15px}.home-area-card:nth-child(3){grid-row:1;grid-column:2}.home-area-card:nth-child(5){grid-row:2;grid-column:1}.home-game-grid{grid-template-columns:minmax(0,1fr)}.home-game-card,.home-game-card.is-featured{grid-column:auto;grid-template-columns:68px minmax(0,1fr);min-height:0;padding:18px}.home-game-card__icon,.home-game-card.is-featured .home-game-card__icon{width:68px;height:68px;border-radius:18px}.home-game-card__icon svg,.home-game-card.is-featured .home-game-card__icon svg{width:34px;height:34px}.home-game-card__body p{min-height:0}.home-level-grid{grid-template-columns:minmax(0,1fr)}.home-level-card{grid-template-columns:132px 1fr;grid-template-rows:minmax(190px,auto)}.home-discovery{padding:24px 16px}.home-discovery-grid,.home-featured-tools{grid-template-columns:minmax(0,1fr)}.home-quick-start>div{grid-template-columns:minmax(0,1fr)}.home-help{grid-template-columns:minmax(0,1fr);padding:24px 20px}.home-teacher-showcase{padding:24px 18px}.home-teacher-products,.home-magazine__grid{grid-template-columns:minmax(0,1fr)}.home-magazine__grid button{grid-template-columns:118px 1fr;grid-template-rows:minmax(118px,auto)}.home-discover-cta{grid-template-columns:60px minmax(0,1fr);gap:16px;padding:22px 18px}.home-discover-cta__icon{width:60px;height:60px}.home-discover-cta__actions{grid-column:1 / -1;justify-content:stretch}.home-discover-cta__actions .home-button{flex:1 1 190px}}@media(max-width:470px){.home-actions{display:grid}.home-button{width:100%}.home-entry-card__icon{width:52px;height:52px}.home-entry-card__icon svg{width:26px;height:26px}.home-today-actions button{min-height:150px}.home-today-actions button>span{width:64px;height:64px}.home-today-actions button>span svg{width:32px;height:32px}.home-tool-card,.home-teacher-product{grid-template-columns:58px minmax(0,1fr);gap:13px;padding:17px}.home-product-card__icon{width:58px;height:58px}.home-product-card__icon svg{width:29px;height:29px}.home-area-card{min-height:174px}.home-area-card p{font-size:.74rem}.home-play{padding:20px 14px}.home-game-card,.home-game-card.is-featured{grid-template-columns:54px minmax(0,1fr);padding:14px}.home-game-card__icon,.home-game-card.is-featured .home-game-card__icon{width:54px;height:54px;border-radius:14px}.home-game-card__icon svg,.home-game-card.is-featured .home-game-card__icon svg{width:27px;height:27px}.home-game-card__body{padding:12px}.home-game-card__body p{display:none}.home-content-grid{grid-template-columns:minmax(0,1fr)}.home-content-card{grid-template-columns:116px 1fr;grid-template-rows:minmax(145px,auto)}.home-content-card p{display:none}.home-magazine{padding:20px 14px}}.chord-diagram-card{--cdc-card-bg: rgb(var(--color-bg-rgb, 16 18 24) / .66);--cdc-card-border: rgb(var(--color-text-rgb, 245 239 226) / .12);--cdc-card-text: var(--color-text, #f5efe2);--cdc-card-muted: var(--muted, #c7bda9);--cdc-card-accent: var(--color-accent, #f28c28);--cdc-diagram-width: 132px;box-sizing:border-box;display:grid;gap:8px;min-width:0;border:1px solid var(--cdc-card-border);border-radius:8px;padding:10px;color:var(--cdc-card-text);background:var(--cdc-card-bg)}.chord-diagram-card--mini{--cdc-diagram-width: 92px;gap:5px;padding:7px}.chord-diagram-card--compact{--cdc-diagram-width: 132px}.chord-diagram-card--learning{--cdc-diagram-width: 166px;gap:10px;padding:12px}.chord-diagram-card--print{--cdc-diagram-width: 88px;gap:5px;border-color:#11182729;color:#111827;background:transparent}.chord-diagram-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.chord-diagram-card__title-group{display:grid;gap:2px;min-width:0}.chord-diagram-card__title{min-width:0;overflow:hidden;font-size:.98rem;font-weight:950;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.chord-diagram-card--mini .chord-diagram-card__title,.chord-diagram-card--print .chord-diagram-card__title{font-size:.78rem}.chord-diagram-card--learning .chord-diagram-card__title{font-family:var(--font-brand, Georgia, "Times New Roman", serif);font-size:1.16rem;font-weight:700}.chord-diagram-card__subtitle,.chord-diagram-card__formula,.chord-diagram-card__technical{color:var(--cdc-card-muted);font-size:.74rem;line-height:1.3}.chord-diagram-card__fret-label{flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb, 242 140 40) / .22);border-radius:999px;padding:3px 7px;color:var(--cdc-card-accent);background:rgb(var(--color-accent-rgb, 242 140 40) / .08);font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.chord-diagram-card__diagram{display:grid;justify-items:center;min-width:0}.chord-diagram-card__diagram .mini-svg,.chord-diagram-card__diagram .diagram-svg,.chord-diagram-card__diagram .diagramBuilderSvgShell,.chord-diagram-card__diagram .diagramBuilderChordShell{width:min(100%,var(--cdc-diagram-width));max-width:var(--cdc-diagram-width);height:auto}.chord-diagram-card__badges{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.chord-diagram-card__badge{border:1px solid rgb(var(--color-text-rgb, 245 239 226) / .12);border-radius:999px;padding:3px 6px;color:var(--cdc-card-muted);background:rgb(var(--color-text-rgb, 245 239 226) / .05);font-size:.64rem;font-weight:900;line-height:1}.chord-diagram-card__badge--reference,.chord-diagram-card__badge--primary{border-color:rgb(var(--color-accent-rgb, 242 140 40) / .34);color:var(--cdc-card-accent);background:rgb(var(--color-accent-rgb, 242 140 40) / .1)}.chord-diagram-card__badge--warning{border-color:#ffb84d61;color:#ffcf7a;background:#ffb84d1a}.chord-diagram-card__formula,.chord-diagram-card__technical{margin:0}.chord-diagram-card__formula{font-weight:850}.chord-diagram-card__technical{display:flex;align-items:baseline;justify-content:space-between;gap:8px;opacity:.74}.chord-diagram-card__technical code{overflow:hidden;color:currentColor;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.chord-diagram-card{--cdc-diagram-width: min(150px, 48vw)}.chord-diagram-card--mini,.chord-diagram-card--print{--cdc-diagram-width: min(104px, 36vw)}}.stringlr-landing{--sl-black: #060606;--sl-black-2: #0d0d0d;--sl-paper: #f1eee7;--sl-paper-2: #e6e0d6;--sl-white: #faf7f1;--sl-ink: #0a0a0a;--sl-orange: #ff5a0a;--sl-orange-bright: #ff7132;--sl-header: 76px;min-height:100vh;overflow:hidden;color:var(--sl-ink);background:var(--sl-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.stringlr-landing *,.stringlr-landing *:before,.stringlr-landing *:after{box-sizing:border-box}.stringlr-landing ::selection{color:var(--sl-black);background:var(--sl-orange)}.stringlr-landing button,.stringlr-landing a{font:inherit}.stringlr-wrap{width:min(100% - 44px,1420px);margin-inline:auto}.stringlr-landing section[id]{scroll-margin-top:calc(var(--sl-header) + 14px)}.stringlr-landing [data-reveal]{opacity:0;transform:translate3d(0,38px,0);transition:opacity .76s cubic-bezier(.2,.8,.2,1),transform .76s cubic-bezier(.2,.8,.2,1)}.stringlr-landing [data-reveal=hero-art]{transform:translate3d(0,28px,0) scale(.965)}.stringlr-landing [data-reveal-delay="1"]{transition-delay:.1s}.stringlr-landing [data-reveal-delay="2"]{transition-delay:.19s}.stringlr-landing [data-reveal].is-revealed{opacity:1;transform:translateZ(0) scale(1)}.stringlr-landing [data-parallax]{transform:translate3d(0,var(--sl-parallax-shift, 0),0);will-change:transform}.stringlr-site-header{position:fixed;inset:0 0 auto;z-index:300;height:var(--sl-header);display:flex;align-items:center;gap:clamp(20px,3vw,54px);padding:0 max(22px,calc((100vw - 1420px)/2));color:var(--sl-white);background:#060606f2;border-bottom:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stringlr-brand{display:inline-flex;flex:0 0 auto;align-items:center;border:0;padding:0;color:var(--sl-white);background:transparent;cursor:pointer}.stringlr-brand>span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.75rem,2.2vw,2.2rem);font-weight:320;letter-spacing:-.065em;line-height:1}.stringlr-brand>span>span:last-child{color:var(--sl-orange)}.stringlr-nav{display:flex;align-items:center;gap:clamp(16px,2vw,34px)}.stringlr-nav button{position:relative;border:0;padding:10px 0;color:#faf7f1b8;background:transparent;font-size:.78rem;font-weight:780;cursor:pointer}.stringlr-nav button:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:1px;background:var(--sl-orange);transform:scaleX(0);transition:transform .18s ease}.stringlr-nav button:hover,.stringlr-nav button:focus-visible{color:var(--sl-white)}.stringlr-nav button:hover:after,.stringlr-nav button:focus-visible:after{transform:scaleX(1)}.stringlr-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.stringlr-account-slot .supabase-auth-panel__login-menu>summary{color:var(--sl-black);background:var(--sl-orange)}.stringlr-account-slot .supabase-auth-panel__login-menu>summary:after{content:"Login"}.stringlr-menu-button{display:none;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.24);color:#fff;background:transparent}.stringlr-hero{position:relative;min-height:100svh;padding-top:var(--sl-header);background:var(--sl-paper);overflow:hidden}.stringlr-hero:before{content:"";position:absolute;top:-140px;right:-90px;width:560px;aspect-ratio:1;border-radius:50%;background:#ff5a0a1f}.stringlr-hero-grid{min-height:calc(100svh - var(--sl-header));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);align-items:center;gap:clamp(30px,5vw,90px)}.stringlr-hero-copy{position:relative;z-index:2;padding:38px 0 36px}.stringlr-hero h1,.stringlr-section h2,.stringlr-tools h2,.stringlr-community h2,.stringlr-launch h2,.stringlr-honesty h2{margin:0;font-family:Arial Narrow,Impact,Inter,sans-serif;font-weight:900;letter-spacing:-.065em}.stringlr-hero h1{max-width:900px;font-size:clamp(72px,8.8vw,150px);line-height:.78}.stringlr-hero h1 em,.stringlr-section h2 em,.stringlr-tools h2 em,.stringlr-community h2 em,.stringlr-launch h2 em{color:var(--sl-orange);font-style:italic}.stringlr-hero-copy>p{max-width:760px;margin:34px 0 0;color:#4e4942;font-size:clamp(18px,1.55vw,23px);line-height:1.56;letter-spacing:-.014em}.stringlr-intents{max-width:900px;margin-top:40px;border-top:2px solid var(--sl-ink)}.stringlr-intents button{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"index title arrow" ". copy arrow";gap:6px 16px;align-items:center;border:0;border-bottom:1px solid rgba(10,10,10,.34);padding:22px 4px;color:var(--sl-ink);background:transparent;text-align:left;cursor:pointer;transition:padding .22s ease,color .22s ease,background .22s ease}.stringlr-intents button:hover,.stringlr-intents button:focus-visible{padding-inline:18px;color:var(--sl-white);background:var(--sl-black)}.stringlr-intents button>span{grid-area:index;color:var(--sl-orange);font-size:12px;font-weight:900}.stringlr-intents button>strong{grid-area:title;font-size:clamp(25px,2.6vw,42px);line-height:1;letter-spacing:-.045em}.stringlr-intents button>small{grid-area:copy;color:#69635b;font-size:13px}.stringlr-intents button:hover>small,.stringlr-intents button:focus-visible>small{color:#faf7f1b3}.stringlr-intents button>svg{grid-area:arrow;width:42px;height:42px;padding:11px;border:1px solid currentColor;border-radius:50%;transition:transform .18s ease}.stringlr-intents button:hover>svg,.stringlr-intents button:focus-visible>svg{transform:rotate(-45deg);color:var(--sl-black);background:var(--sl-orange);border-color:var(--sl-orange)}.stringlr-hero-art{position:relative;z-index:1;min-height:620px;display:grid;place-items:center}.stringlr-hero-disc{position:relative;width:min(100%,590px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--sl-orange);box-shadow:0 45px 100px #32180433}.stringlr-hero-disc:before,.stringlr-hero-disc:after{content:"";position:absolute;border:1px solid rgba(6,6,6,.22);border-radius:50%;inset:8%}.stringlr-hero-disc:after{inset:22%;border-color:#ffffff47}.stringlr-hero-disc>img{position:absolute;z-index:2;inset:-8% 15% -2%;width:70%;height:110%;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(0,0,0,.18))}.stringlr-hero-sticker{position:absolute;z-index:3;left:-9%;bottom:16%;width:170px;padding:18px;color:#fff;background:var(--sl-black);font-family:Arial Narrow,Impact,sans-serif;font-size:15px;line-height:1.08;text-transform:uppercase;letter-spacing:.055em;transform:rotate(-8deg)}.stringlr-hero-sticker strong{display:block;margin-top:4px;color:var(--sl-orange);font-size:22px}.stringlr-hero-note{position:absolute;z-index:3;right:-2%;top:14%;width:178px;padding:16px 20px;border:2px solid var(--sl-ink);border-radius:999px;color:var(--sl-ink);background:var(--sl-paper);font-family:Arial Narrow,Impact,sans-serif;font-size:14px;line-height:1;text-transform:uppercase;transform:rotate(5deg)}.stringlr-hero-note small{display:block;margin-top:7px;font-family:Inter,sans-serif;font-size:9px;line-height:1.35;text-transform:none}.stringlr-marquee{color:var(--sl-white);background:var(--sl-black);border-block:1px solid rgba(255,255,255,.14);overflow:hidden}.stringlr-marquee>div{width:max-content;display:flex;align-items:center;animation:stringlr-marquee 42s linear infinite}.stringlr-marquee span{padding:18px 11px;font-size:14px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.stringlr-marquee span:after{content:"✦";margin-left:22px;color:var(--sl-orange)}@keyframes stringlr-marquee{0%{transform:translate(-50%)}to{transform:translate(0)}}.stringlr-section,.stringlr-tools,.stringlr-community,.stringlr-launch{padding:clamp(90px,11vw,170px) 0}.stringlr-section--dark{color:var(--sl-white);background:var(--sl-black)}.stringlr-section--light{color:var(--sl-ink);background:var(--sl-paper)}.stringlr-section-number{display:block;margin-bottom:26px;color:var(--sl-orange);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.stringlr-section h2,.stringlr-tools h2,.stringlr-community h2,.stringlr-launch h2{max-width:1200px;font-size:clamp(56px,7.4vw,112px);line-height:.86}.stringlr-section-intro{max-width:760px;margin:32px 0 0;color:#faf7f19e;font-size:18px;line-height:1.68}.stringlr-section--light .stringlr-section-intro,.stringlr-tools .stringlr-section-intro{color:#5a554d}.stringlr-section-cta{width:min(100%,560px);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;border:1px solid rgba(255,255,255,.36);padding:18px 20px;color:var(--sl-white);background:transparent;text-align:left;cursor:pointer;transition:color .18s ease,background .18s ease,padding .18s ease}.stringlr-section-cta:hover,.stringlr-section-cta:focus-visible{padding-inline:26px;color:var(--sl-black);background:var(--sl-orange);border-color:var(--sl-orange)}.stringlr-section-cta span{display:grid;gap:3px}.stringlr-section-cta strong{font-size:18px}.stringlr-section-cta small{color:#faf7f19e;font-size:12px}.stringlr-section-cta:hover small,.stringlr-section-cta:focus-visible small{color:#060606b3}.stringlr-section-cta svg{width:22px;height:22px;flex:0 0 auto}.stringlr-section-cta--on-light{border-color:#06060666;color:var(--sl-black)}.stringlr-section-cta--on-light small{color:#0606069e}.stringlr-story-grid,.stringlr-teacher-grid{margin-top:70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:clamp(48px,8vw,120px);align-items:start}.stringlr-teacher-grid{grid-template-columns:minmax(340px,.82fr) minmax(0,1fr)}.stringlr-points{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.22)}.stringlr-points li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}.stringlr-points li>span{color:var(--sl-orange);font-size:12px;font-weight:900}.stringlr-points strong{display:block;font-size:20px;line-height:1.15}.stringlr-points p{margin:7px 0 0;color:#faf7f199;font-size:14px;line-height:1.55}.stringlr-points--light{border-color:#0a0a0a40}.stringlr-points--light li{border-color:#0a0a0a29}.stringlr-points--light p{color:#686159}.stringlr-practice-board,.stringlr-schedule{border:2px solid currentColor;border-radius:0;background:var(--sl-black-2);box-shadow:14px 14px 0 var(--sl-orange);overflow:hidden}.stringlr-practice-board header,.stringlr-schedule header{display:grid;grid-template-columns:1fr auto;padding:22px;border-bottom:1px solid rgba(255,255,255,.18)}.stringlr-practice-board header span,.stringlr-schedule header span{grid-column:1 / -1;color:var(--sl-orange);font-size:11px;font-weight:900;text-transform:uppercase}.stringlr-practice-board header strong,.stringlr-schedule header strong{margin-top:4px;font-size:28px}.stringlr-practice-board header b,.stringlr-schedule header b{align-self:end;color:var(--sl-orange);font-size:24px}.stringlr-practice-board header b{font-size:17px}.stringlr-practice-board>div,.stringlr-schedule>div{display:grid;grid-template-columns:minmax(80px,.45fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.stringlr-practice-board small,.stringlr-schedule time{color:var(--sl-orange);font-size:11px;font-weight:900}.stringlr-practice-board>div>span,.stringlr-schedule>div>small{color:#faf7f18a;font-size:11px}.stringlr-practice-board footer,.stringlr-schedule footer{padding:20px 22px;color:#faf7f19e;font-size:13px}.stringlr-schedule{color:var(--sl-white);box-shadow:-14px 14px 0 var(--sl-orange)}.stringlr-honesty{padding:clamp(80px,9vw,140px) 0;text-align:center;color:var(--sl-black);background:var(--sl-orange)}.stringlr-honesty h2{max-width:1150px;margin-inline:auto;font-size:clamp(54px,7vw,104px);line-height:.88}.stringlr-honesty p{max-width:820px;margin:36px auto 0;font-size:clamp(18px,2vw,26px);font-weight:650}.stringlr-honesty small{display:block;margin-top:22px;font-weight:750}.stringlr-tools{color:var(--sl-ink);background:var(--sl-paper)}.stringlr-tool-list{margin-top:66px;border-top:2px solid var(--sl-ink)}.stringlr-tool-teaser{width:100%;border-bottom:1px solid rgba(10,10,10,.24)}.stringlr-tool-teaser__trigger{min-height:86px;display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 2px;color:inherit;background:transparent;text-align:left}.stringlr-tool-teaser__trigger{width:100%;border:0;cursor:pointer;transition:padding .18s ease,background .18s ease}.stringlr-tool-teaser__trigger:hover,.stringlr-tool-teaser__trigger:focus-visible,.stringlr-tool-teaser.is-open .stringlr-tool-teaser__trigger{padding-inline:18px;background:var(--sl-orange)}.stringlr-tool-list strong{font-size:clamp(22px,2.2vw,34px);letter-spacing:-.035em}.stringlr-tool-list span{color:#5a554d}.stringlr-tool-teaser__trigger svg{width:24px;height:24px;transition:transform .22s ease}.stringlr-tool-teaser.is-open .stringlr-tool-teaser__trigger svg{transform:rotate(180deg)}.stringlr-tool-panel{border-top:1px solid rgba(10,10,10,.2);padding:18px;background:#e9e4db;animation:stringlr-tool-open .24s cubic-bezier(.2,.8,.2,1)}@keyframes stringlr-tool-open{0%{opacity:0;transform:translateY(-8px)}}.stringlr-chord-teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 22px;align-items:center}.stringlr-chord-teaser__symbol{min-width:110px;font-family:Arial Narrow,Impact,Inter,sans-serif;font-size:clamp(42px,5vw,70px)!important;line-height:.85}.stringlr-chord-teaser__picker{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.stringlr-chord-teaser__picker button{min-width:48px;min-height:42px;border:1px solid rgba(10,10,10,.24);padding:7px 10px;color:var(--sl-black);background:var(--sl-paper);font-weight:850;cursor:pointer}.stringlr-chord-teaser__picker button:hover,.stringlr-chord-teaser__picker button:focus-visible,.stringlr-chord-teaser__picker button.is-active{border-color:var(--sl-black);color:var(--sl-white);background:var(--sl-black)}.stringlr-chord-teaser__root{display:grid}.stringlr-chord-teaser__root.is-split button{min-height:21px;padding-block:2px;font-size:11px}.stringlr-chord-teaser__root.is-split button+button{border-top:0}.stringlr-chord-teaser__voicings{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,170px));gap:10px;align-items:stretch}.stringlr-chord-teaser__card{min-width:0;border-color:#0a0a0a33;background:var(--sl-paper);box-shadow:none}.stringlr-chord-teaser__card svg .open-string-marker{fill:var(--sl-paper);stroke:var(--sl-black);stroke-width:2}.stringlr-chord-teaser__card svg .root-open-string-marker{fill:var(--sl-paper)}.stringlr-chord-teaser__card svg .open-string-label{fill:var(--sl-black)}.stringlr-chip-row{display:flex;flex-wrap:wrap;gap:7px}.stringlr-chip-row button,.stringlr-choice-demo>div>button,.stringlr-diagram-teaser__controls button,.stringlr-diagram-teaser__controls select{min-height:36px;border:1px solid rgba(10,10,10,.25);padding:7px 12px;color:var(--sl-black);background:var(--sl-paper);font-weight:800;cursor:pointer}.stringlr-chip-row button.is-active,.stringlr-choice-demo>div>button.is-selected{color:var(--sl-white);background:var(--sl-black);border-color:var(--sl-black)}.stringlr-tool-sample-note{margin:0;color:#5a554d;font-size:13px;font-weight:750;line-height:1.35}.stringlr-media-teaser{display:grid;gap:14px}.stringlr-now-playing{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;color:var(--sl-white);background:var(--sl-black)}.stringlr-now-playing button,.stringlr-lesson-teaser__head button{width:38px;height:38px;display:grid;place-items:center;border:0;color:var(--sl-black);background:var(--sl-orange);cursor:pointer}.stringlr-now-playing svg,.stringlr-lesson-teaser__head svg{width:18px}.stringlr-now-playing span{color:#faf7f19e;font-size:12px}.stringlr-lick-teaser{display:grid;gap:12px}.stringlr-exercise-stage-widget{min-width:0;overflow:hidden}.stringlr-exercise-stage-widget .lesson-experience-spike{padding:0;background:transparent}.stringlr-exercise-stage-widget .lesson-experience-spike,.stringlr-exercise-stage-widget .lesson-experience-spike.has-compact-stage{min-height:0;padding-bottom:0}.stringlr-exercise-stage-widget .lesson-experience-spike__layout{display:block;width:100%}.stringlr-exercise-stage-widget .lesson-experience-spike__content{padding:0}.stringlr-exercise-stage-widget .lesson-stage-progress,.stringlr-exercise-stage-widget .lesson-stage-compact{display:none}.stringlr-exercise-stage-widget .lesson-exercise-stage{border-radius:0}.stringlr-exercise-stage-widget .lesson-exercise-stage__header{padding:10px 14px}.stringlr-exercise-stage-widget .lesson-exercise-stage__header h1{font-size:clamp(22px,3vw,34px)}.stringlr-exercise-stage-widget .lesson-exercise-stage__media{min-height:0}.stringlr-exercise-stage-widget .lesson-stage-fretboard-surface{padding:7px 10px}.stringlr-exercise-stage-widget .lesson-stage-tool--fretboard .alphaTabLiveFretboard{width:100%!important;margin-inline:0!important}.stringlr-exercise-stage-widget .lesson-stage-tool--fretboard .diagramBuilderSvg{display:block;width:100%!important;height:auto!important;max-height:none!important}.stringlr-exercise-stage-widget .lesson-stage-tool--tab .content-block-alphatab{width:128.21%;zoom:.78}.stringlr-exercise-stage-widget .lesson-stage-transport{padding:8px 12px}.stringlr-exercise-stage-caption{margin:8px 0 0;color:#5a554d;font-size:13px;font-weight:700}.stringlr-choice-demo{display:grid;grid-template-columns:auto minmax(180px,.6fr) minmax(260px,1fr);gap:14px 24px;align-items:center}.stringlr-choice-demo>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.stringlr-metronome{display:flex;gap:16px;align-items:center}.stringlr-metronome__pulse{display:grid;grid-template-columns:30px auto auto;gap:8px;align-items:center;border:0;padding:9px 15px;color:var(--sl-white);background:var(--sl-black);cursor:pointer}.stringlr-metronome__pulse.is-running{box-shadow:inset 5px 0 0 var(--sl-orange)}.stringlr-metronome__pulse svg{width:18px}.stringlr-metronome__pulse strong{font-size:24px}.stringlr-metronome__pulse span{color:#faf7f194;font-size:11px}.stringlr-diagram-teaser{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(320px,1fr);gap:18px}.stringlr-diagram-teaser__controls{display:grid;gap:8px;align-content:start}.stringlr-diagram-teaser__controls>button{display:inline-flex;align-items:center;gap:7px;width:fit-content}.stringlr-diagram-teaser__controls svg{width:16px}.stringlr-diagram-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--sl-black);border-left:1px solid rgba(10,10,10,.35)}.stringlr-diagram-grid button{min-height:28px;border:0;border-right:1px solid rgba(10,10,10,.35);border-bottom:1px solid rgba(10,10,10,.35);background:transparent;cursor:crosshair}.stringlr-diagram-grid button.is-marked{color:var(--sl-white);background:var(--sl-orange);font-size:10px;font-weight:900}.stringlr-diagram-quick{position:absolute;z-index:2;inset:50% auto auto 50%;display:flex;gap:4px;padding:5px;background:var(--sl-black);transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000047}.stringlr-diagram-quick button{min-height:32px;border:0;padding:5px 8px;color:var(--sl-black);background:var(--sl-paper);font-size:11px;font-weight:850;cursor:pointer}.stringlr-existing-widget{display:grid;gap:10px;min-width:0}.stringlr-widget-loading{display:block;padding:16px;color:#5a554d;font-weight:750}.stringlr-widget-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.stringlr-existing-game .game-session{min-height:0;padding:0;background:var(--sl-paper)}.stringlr-existing-game .game-session__header{padding:10px 12px}.stringlr-existing-game .game-session__engine{padding:12px}.stringlr-existing-game .game-session__hint{margin:0;padding:8px 12px}.stringlr-existing-game .game-session__header h1{font-size:20px}.stringlr-quiz-widget{gap:10px;padding:12px;border:0;border-radius:0;background:var(--sl-paper);box-shadow:none}.stringlr-quiz-widget .theory-quiz-lesson-block__header{padding:0}.stringlr-quiz-widget .learning-checkpoint-header__icon,.stringlr-quiz-widget .learning-checkpoint-header__kicker{display:none}.stringlr-quiz-widget .theory-quiz-lesson-block__start,.stringlr-quiz-widget .theory-quiz-lesson-block__session,.stringlr-quiz-widget .theory-quiz-lesson-block__feedback,.stringlr-quiz-widget .theory-quiz-lesson-block__result{padding:10px}.stringlr-existing-metronome{grid-template-columns:auto minmax(0,1fr);align-items:center}.stringlr-metronome-widget{max-width:none;grid-template-columns:auto minmax(170px,.55fr) minmax(180px,1fr);align-items:center;gap:10px;padding:10px;border:0;border-radius:0;background:var(--sl-paper);box-shadow:none}.stringlr-metronome-widget .metronome-block-main{display:contents}.stringlr-metronome-widget .metronome-block-copy,.stringlr-metronome-widget .metronome-block-meter,.stringlr-metronome-widget .metronome-block-tap{display:none}.stringlr-metronome-widget .metronome-block-tempo{grid-column:1;min-width:76px;text-align:left}.stringlr-metronome-widget .metronome-block-tempo strong{font-size:clamp(30px,4vw,46px)}.stringlr-metronome-widget .metronome-block-beats{grid-column:2}.stringlr-metronome-widget .metronome-block-actions{grid-column:3;grid-template-columns:minmax(96px,1fr) auto}.stringlr-eartrainer-widget{width:100%;max-width:none!important;gap:12px;padding:14px;border:0;border-radius:0;background:var(--sl-paper);box-shadow:none}.stringlr-eartrainer-widget .eartrainer-game__header,.stringlr-eartrainer-widget .eartrainer-game-status,.stringlr-eartrainer-widget .eartrainer-prompt,.stringlr-eartrainer-widget .eartrainer-game__footer{display:none}.stringlr-eartrainer-widget .eartrainer-listening-stage{grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr);padding:0}.stringlr-eartrainer-widget .eartrainer-listening-stage__visual{width:100%;grid-template-columns:minmax(100px,160px)}.stringlr-eartrainer-widget .eartrainer-listening-stage__center{min-height:112px}.stringlr-eartrainer-widget .eartrainer-ear-wrap.eartrainer-ear-wrap--center{width:82px}.stringlr-eartrainer-widget .eartrainer-listening-stage__center .eartrainer-waveform{height:34px}.stringlr-eartrainer-widget .eartrainer-game .eartrainer-answer-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.stringlr-eartrainer-widget .eartrainer-game .eartrainer-answer-grid button{min-height:44px;border-radius:0}.stringlr-diagram-widget .diagramBuilderPage{gap:8px}.stringlr-diagram-widget .diagramBuilderEmbeddedTitle,.stringlr-diagram-widget .diagramBuilderModeDock .diagramBuilderSegmented,.stringlr-diagram-widget .diagramBuilderWorkspaceActions,.stringlr-diagram-widget .diagramBuilderToolbar>.diagramBuilderToolGroup,.stringlr-diagram-widget .diagramBuilderEditorHeader,.stringlr-diagram-widget .diagramBuilderIntervalStringPanel,.stringlr-diagram-widget .diagramBuilderSidePanel,.stringlr-diagram-widget .diagramBuilderBoardThumbGrid{display:none}.stringlr-diagram-widget .diagramBuilderWorkspaceTop{min-height:0;justify-content:flex-end;padding:0;border:0;background:transparent;box-shadow:none}.stringlr-diagram-widget .diagramBuilderModeDock{margin-left:auto}.stringlr-diagram-widget .diagramBuilderToolbar{display:flex;gap:8px;padding:8px;overflow:visible}.stringlr-diagram-widget .diagramBuilderToolbar>.diagramBuilderMiniFields,.stringlr-diagram-widget .diagramBuilderToolbar>[aria-label=Labels]{display:flex}.stringlr-diagram-widget .diagramBuilderMiniFields .diagramBuilderMiniField:nth-of-type(-n+2),.stringlr-diagram-widget .diagramBuilderMiniFields>button,.stringlr-diagram-widget .diagramBuilderToolbar>[aria-label=Labels]>*{display:none}.stringlr-diagram-widget .diagramBuilderToolbar>[aria-label=Labels]>[aria-label="Label: Note"],.stringlr-diagram-widget .diagramBuilderToolbar>[aria-label=Labels]>[aria-label="Label: Intervall"]{display:inline-grid}.stringlr-diagram-widget .diagramBuilderWorkspace{display:block}.stringlr-diagram-widget .diagramBuilderMainStage{min-width:0}.stringlr-diagram-widget .diagramBuilderPreviewCard{padding:8px;border:0;border-radius:0;background:var(--sl-paper);box-shadow:none}.stringlr-diagram-widget .diagramBuilderSvgShell{min-height:150px}.stringlr-diagram-widget .diagramBuilderSvgShell svg{max-height:210px}.stringlr-copy-panel{max-width:850px;margin:0;font-size:clamp(17px,2vw,24px);font-weight:700;line-height:1.5}.stringlr-gp-panel{display:grid;grid-template-columns:48px minmax(160px,.4fr) minmax(260px,1fr);gap:14px;align-items:center}.stringlr-gp-panel>svg{width:42px;height:42px;padding:10px;color:var(--sl-white);background:var(--sl-black)}.stringlr-gp-panel>span{color:#5a554d}.stringlr-community{color:var(--sl-white);background:var(--sl-black)}.stringlr-community-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.stringlr-community-grid article{min-height:210px;display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:0;padding:26px 28px 28px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.stringlr-community-grid article>span{width:fit-content;padding-bottom:10px;color:var(--sl-orange);border-bottom:2px solid var(--sl-orange);font-size:12px;font-weight:900}.stringlr-community-grid h3{margin:24px 0 10px;font-size:32px;letter-spacing:-.04em}.stringlr-community-grid p{margin:0;color:#faf7f19e;font-size:14px;line-height:1.55}.stringlr-launch{color:var(--sl-ink);background:var(--sl-paper-2)}.stringlr-launch p{max-width:820px;margin:34px 0 0;color:#4e4942;font-size:19px;line-height:1.65}.stringlr-launch-actions{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px}.stringlr-launch-actions a{display:inline-flex;align-items:center;gap:12px;padding:17px 21px;color:var(--sl-black);background:var(--sl-orange);font-weight:900;text-decoration:none}.stringlr-launch-actions a:last-child{color:var(--sl-white);background:var(--sl-black)}.stringlr-launch-actions a:hover,.stringlr-launch-actions a:focus-visible{transform:translateY(-2px)}.stringlr-launch-actions svg{width:19px}.stringlr-launch>.stringlr-wrap>small{display:block;margin-top:22px;color:#6a645b}.stringlr-footer{padding:48px 0;color:var(--sl-white);background:var(--sl-black)}.stringlr-footer .stringlr-wrap{display:grid;grid-template-columns:minmax(220px,420px) 1fr auto;align-items:end;gap:32px}.stringlr-footer img{width:min(100%,420px);display:block}.stringlr-footer__domain{color:var(--sl-white);font-weight:850}.stringlr-footer__domain>span:nth-child(2){color:var(--sl-orange)}.stringlr-footer small{color:#faf7f185}@media(max-width:1060px){.stringlr-nav{position:fixed;top:var(--sl-header);right:0;left:0;display:none;padding:16px 22px 24px;background:var(--sl-black);border-bottom:1px solid rgba(255,255,255,.16)}.stringlr-nav.is-open{display:grid}.stringlr-nav button{width:100%;padding:12px 0;text-align:left}.stringlr-menu-button{display:grid}.stringlr-hero-grid{grid-template-columns:1fr;padding-top:40px}.stringlr-hero-art{min-height:580px}.stringlr-hero-disc{width:min(88vw,540px)}.stringlr-story-grid,.stringlr-teacher-grid{grid-template-columns:1fr}.stringlr-schedule{grid-row:2}.stringlr-community-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.stringlr-landing{--sl-header: 68px}.stringlr-wrap{width:min(100% - 28px,1420px)}.stringlr-site-header{padding-inline:14px}.stringlr-brand>span{font-size:1.65rem}.stringlr-account-slot .supabase-auth-panel__login-menu>summary:after{content:"Login"}.stringlr-hero-grid{padding-top:16px}.stringlr-hero-copy{grid-row:2;padding-top:10px}.stringlr-hero h1{font-size:clamp(60px,20vw,90px)}.stringlr-hero-copy>p{margin-top:26px;font-size:17px}.stringlr-intents button{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"index title" ". copy";padding-block:20px}.stringlr-intents button>svg{display:none}.stringlr-hero-art{grid-row:1;min-height:500px;margin-top:8px}.stringlr-hero-disc{width:min(102vw,430px)}.stringlr-hero-sticker{left:-2%;bottom:5%;width:142px;padding:14px}.stringlr-hero-note{top:3%;right:-3%;width:154px;padding:13px 16px}.stringlr-section,.stringlr-tools,.stringlr-community,.stringlr-launch{padding-block:86px}.stringlr-section h2,.stringlr-tools h2,.stringlr-community h2,.stringlr-launch h2{font-size:clamp(50px,15vw,72px)}.stringlr-story-grid,.stringlr-teacher-grid{margin-top:48px;gap:48px}.stringlr-practice-board>div,.stringlr-schedule>div{grid-template-columns:62px 1fr}.stringlr-practice-board>div>span,.stringlr-schedule>div>small{grid-column:2}.stringlr-tool-teaser__trigger{grid-template-columns:1fr auto;gap:8px 14px}.stringlr-tool-teaser__trigger span{grid-column:1 / -1;grid-row:2}.stringlr-tool-panel{padding-inline:12px}.stringlr-chord-teaser{grid-template-columns:1fr}.stringlr-chord-teaser__voicings{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.stringlr-lesson-teaser,.stringlr-choice-demo,.stringlr-diagram-teaser,.stringlr-existing-metronome{grid-template-columns:1fr}.stringlr-metronome-widget{grid-template-columns:auto minmax(0,1fr)}.stringlr-metronome-widget .metronome-block-actions{grid-column:1 / -1}.stringlr-eartrainer-widget .eartrainer-listening-stage{grid-template-columns:1fr}.stringlr-diagram-widget .diagramBuilderToolbar{flex-wrap:wrap}.stringlr-now-playing{grid-template-columns:42px minmax(0,1fr)}.stringlr-now-playing span{grid-column:2}.stringlr-gp-panel{grid-template-columns:44px 1fr}.stringlr-gp-panel>span{grid-column:1 / -1}.stringlr-community-grid{grid-template-columns:1fr}.stringlr-community-grid article{min-height:0}.stringlr-footer .stringlr-wrap{grid-template-columns:1fr;align-items:start}}@media(prefers-reduced-motion:reduce){.stringlr-landing:not(.is-motion-preview){scroll-behavior:auto}.stringlr-landing:not(.is-motion-preview) .stringlr-marquee>div{animation:none}.stringlr-landing:not(.is-motion-preview) [data-reveal]{opacity:1;transform:none}.stringlr-landing:not(.is-motion-preview) [data-parallax]{transform:none}.stringlr-landing:not(.is-motion-preview) *,.stringlr-landing:not(.is-motion-preview) *:before,.stringlr-landing:not(.is-motion-preview) *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app.public-app{height:auto;min-height:100vh;grid-template-columns:minmax(0,1fr);overflow:visible;color:var(--text-primary);background:var(--page-background)}.public-app>.sidebar,.public-app>.drawer-backdrop{display:none}.public-app .main{height:auto;min-height:100vh;overflow:visible;background:var(--page-background)}.legacy-app-main{display:contents}.public-skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:10px 14px;border-radius:8px;color:var(--accent-primary-text);background:var(--accent-primary);font-weight:850;transform:translateY(-160%);transition:transform .18s ease}.public-skip-link:focus{transform:translateY(0)}.public-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-primary) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.public-header__inner{width:min(100% - 32px,1360px);min-height:72px;margin-inline:auto;display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}.public-brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:0;padding:0;color:var(--text-primary);background:transparent;cursor:pointer}.public-brand__wordmark{display:inline-flex;align-items:baseline;color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.28rem;font-weight:430;line-height:1;letter-spacing:-.045em;text-transform:lowercase}.public-brand__wordmark>span{color:var(--accent-primary)}.public-desktop-nav{min-width:0;display:flex;align-items:center;gap:2px}.public-desktop-nav>button,.public-desktop-nav summary{min-height:38px;display:inline-flex;align-items:center;gap:3px;border:0;border-radius:7px;padding:8px 9px;color:var(--text-secondary);background:transparent;font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer;list-style:none}.public-desktop-nav summary::-webkit-details-marker{display:none}.public-desktop-nav summary svg{width:13px;height:13px;transition:transform .18s ease}.public-desktop-nav details[open] summary svg{transform:rotate(180deg)}.public-desktop-nav>button:hover,.public-desktop-nav summary:hover,.public-desktop-nav .is-active>summary,.public-desktop-nav>button.is-active{color:var(--text-primary);background:var(--surface-subtle)}.public-desktop-nav>button.public-nav-live-help{border:1px solid color-mix(in srgb,var(--success) 36%,var(--border-subtle));color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface-elevated))}.public-desktop-nav>button.public-nav-live-help:hover,.public-desktop-nav>button.public-nav-live-help.is-active{border-color:color-mix(in srgb,var(--success) 56%,var(--border-subtle));color:var(--success);background:color-mix(in srgb,var(--success) 14%,var(--surface-elevated))}.public-desktop-nav details{position:relative}.public-nav-menu{position:absolute;top:calc(100% + 9px);left:0;width:260px;display:grid;gap:3px;padding:8px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-elevated);box-shadow:var(--app-shadow-lg)}.public-nav-menu:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:10px}.public-nav-menu--right{right:0;left:auto}.public-nav-menu button{width:100%;display:grid;gap:2px;border:0;border-radius:7px;padding:10px;color:var(--text-primary);background:transparent;text-align:left;cursor:pointer}.public-nav-menu button:hover{background:var(--surface-subtle)}.public-nav-menu strong{font-size:.85rem}.public-nav-menu span{color:var(--text-muted);font-size:.72rem;line-height:1.35}.public-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.public-theme-toggle,.public-live-help-shortcut,.public-menu-button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border-subtle);border-radius:9px;color:var(--text-primary);background:var(--surface-primary);cursor:pointer}.public-theme-toggle svg,.public-live-help-shortcut svg,.public-menu-button svg{width:19px;height:19px}.public-live-help-shortcut{display:none;color:var(--accent-primary)}.public-live-help-shortcut span{font-size:.72rem;font-weight:850}.public-menu-button{display:none}.public-account-slot{display:flex;align-items:center;min-width:0}.public-account-action{min-height:40px;border:1px solid var(--accent-primary);border-radius:8px;padding:9px 15px;color:var(--accent-primary-text);background:var(--accent-primary);font-weight:850;cursor:pointer}.public-account-action:hover{background:var(--accent-primary-hover)}.public-account-slot .supabase-auth-panel{max-width:220px}.public-account-slot .supabase-auth-panel__login-menu>summary{min-height:40px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;color:var(--accent-primary-text);background:var(--accent-primary)}.public-account-slot .supabase-auth-panel__login-menu>summary:after{content:"Anmelden";font-size:.8rem;font-weight:850}.public-account-slot .supabase-auth-panel__login-menu>summary .supabase-auth-panel__avatar{display:none}.public-shell-main{min-height:62vh}.public-shell-main--immersive{min-height:100vh;padding:0}.public-shell-main--immersive>.stage{width:100%;max-width:none;padding:0}@media(min-width:941px){.app.public-app{--public-header-height: 72px;scroll-padding-top:calc(var(--public-header-height) + 16px)}.public-header{position:fixed;inset:0 0 auto;height:var(--public-header-height);z-index:200}.public-shell-main{padding-top:var(--public-header-height)}.public-shell-main :is(section,article,div)[id]{scroll-margin-top:calc(var(--public-header-height) + 16px)}}.public-shell-main>.stage{width:min(100%,1360px);max-width:1360px;padding:clamp(22px,3vw,42px) clamp(16px,3vw,38px) 64px}.public-shell-main.public-shell-main--immersive{padding:0}.public-shell-main.public-shell-main--immersive>.stage{width:100%;max-width:none;margin:0;padding:0}.public-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-primary)}.public-footer__inner{width:min(100% - 40px,1280px);margin-inline:auto;display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(130px,1fr));gap:42px;padding:44px 0 36px}.public-footer__brand{display:grid;align-content:start;gap:10px}.public-footer__brand div{display:grid;gap:2px}.public-footer__wordmark{display:inline-flex;width:fit-content;align-items:baseline;color:var(--text-primary);font-size:1rem;font-weight:500;letter-spacing:-.045em;line-height:1;text-transform:lowercase}.public-footer__wordmark>span:last-child{color:var(--accent-primary)}.public-footer__claim{color:var(--accent-primary);font-size:.66rem;font-weight:800;text-transform:uppercase}.public-footer__brand p{max-width:360px;margin:6px 0 0;color:var(--text-muted);line-height:1.55}.public-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.public-footer nav>strong{margin-bottom:3px;color:var(--text-primary);font-size:.82rem}.public-footer nav button{border:0;padding:0;color:var(--text-muted);background:transparent;text-align:left;cursor:pointer}.public-footer nav button:hover{color:var(--accent-primary)}.public-footer__bottom{width:min(100% - 40px,1280px);margin-inline:auto;display:flex;justify-content:space-between;gap:18px;padding:18px 0 24px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.74rem}.public-mobile-nav{display:none}.public-theme-toggle:focus-visible,.public-live-help-shortcut:focus-visible,.public-menu-button:focus-visible,.public-brand:focus-visible,.public-desktop-nav button:focus-visible,.public-desktop-nav summary:focus-visible,.public-nav-menu button:focus-visible,.public-account-action:focus-visible,.public-footer button:focus-visible,.public-mobile-nav button:focus-visible,.public-mobile-nav summary:focus-visible{outline:0;box-shadow:var(--focus-ring)}@media(max-width:1180px){.public-desktop-nav>button,.public-desktop-nav summary{padding-inline:6px;font-size:.72rem}.public-header__inner{gap:14px}.public-brand span{display:none}}@media(max-width:940px){body.public-drawer-open{overflow:hidden}.public-header__inner{min-height:64px}.public-desktop-nav{display:none}.public-menu-button{display:grid}.public-live-help-shortcut{width:auto;display:flex;padding-inline:10px}.public-account-slot .supabase-auth-panel{max-width:150px}.public-mobile-nav{position:fixed;inset:0;z-index:1000;display:block;pointer-events:none;visibility:hidden;isolation:isolate}.public-mobile-nav.is-open{pointer-events:auto;visibility:visible}.public-mobile-nav__backdrop{position:absolute;inset:0;width:100%;border:0;background:#070b1394;opacity:0;transition:opacity .18s ease}.public-mobile-nav.is-open .public-mobile-nav__backdrop{opacity:1}.public-mobile-nav__drawer{position:absolute;inset:0 0 0 auto;width:min(88vw,380px);display:flex;flex-direction:column;padding:18px;color:var(--text-primary);background:var(--surface-primary);box-shadow:-20px 0 60px #0000004d;transform:translate(104%);transition:transform .2s ease;overflow-y:auto}.public-mobile-nav.is-open .public-mobile-nav__drawer{transform:translate(0)}.public-mobile-nav__drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 18px;border-bottom:1px solid var(--border-subtle)}.public-mobile-nav__drawer>header div{display:grid;gap:2px}.public-mobile-nav__drawer>header span{color:var(--text-muted);font-size:.74rem}.public-mobile-nav__drawer>header button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:9px;color:var(--text-primary);background:var(--surface-secondary);cursor:pointer}.public-mobile-nav nav{display:grid;gap:4px;padding:14px 0 24px}.public-mobile-nav__primary-entry{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:6px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent-primary) 48%,var(--border-subtle));border-radius:12px;color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-primary));text-align:left;cursor:pointer}.public-mobile-nav__primary-entry span{display:grid;gap:2px;font-weight:850}.public-mobile-nav__primary-entry small{color:var(--text-muted);font-size:.72rem;font-weight:600}.public-mobile-nav__primary-entry svg{width:18px;height:18px;color:var(--accent-primary)}.public-mobile-nav details{border-bottom:1px solid var(--border-subtle)}.public-mobile-nav details.public-mobile-nav__live-help{margin-block:5px;border:1px solid color-mix(in srgb,var(--success) 36%,var(--border-subtle));border-radius:11px;background:color-mix(in srgb,var(--success) 8%,var(--surface-primary))}.public-mobile-nav details.public-mobile-nav__live-help summary{padding-inline:12px;color:var(--success)}.public-mobile-nav summary{padding:14px 4px;color:var(--text-primary);font-weight:850;cursor:pointer}.public-mobile-nav details>div{display:grid;gap:4px;padding:0 0 10px}.public-mobile-nav details button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;padding:10px;color:var(--text-primary);background:var(--surface-secondary);text-align:left;cursor:pointer}.public-mobile-nav details button span{display:grid;gap:2px}.public-mobile-nav details button small{color:var(--text-muted);font-size:.7rem}.public-mobile-nav details button svg{width:16px;height:16px;color:var(--accent-primary)}}@media(max-width:680px){.public-header__inner{width:min(100% - 20px,1360px)}.public-brand img{width:34px;height:34px}.public-account-action{min-height:36px;padding:8px 10px;font-size:.76rem}.public-theme-toggle,.public-menu-button{width:36px;height:36px}.public-account-slot .supabase-auth-panel__login-menu>summary{min-height:36px;padding:8px 10px;font-size:.75rem}.public-shell-main>.stage{padding:18px 14px 46px}.public-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:34px}.public-footer__brand{grid-column:1 / -1}.public-footer__bottom{flex-direction:column;gap:4px}}@media(max-width:390px){.public-account-action{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-account-slot .supabase-auth-panel__login-menu>summary:after{display:none}.public-account-slot .supabase-auth-panel__login-menu>summary .supabase-auth-panel__avatar{display:grid}.public-footer__inner{grid-template-columns:minmax(0,1fr)}.public-footer__brand{grid-column:auto}}.guided-tour{position:fixed;inset:0;z-index:3000;pointer-events:none}.guided-tour__veil{position:absolute;inset:0;background:#04070cad;pointer-events:auto}.guided-tour__spotlight{position:fixed;z-index:1;border:3px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 0 9999px #04070c1f,0 0 28px color-mix(in srgb,var(--accent-primary) 55%,transparent);pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.guided-tour__dialog{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2;width:min(420px,calc(100vw - 36px));padding:20px;border:1px solid var(--border-subtle);border-radius:18px;color:var(--text-primary);background:var(--surface-primary);box-shadow:0 24px 70px #0000006b;pointer-events:auto}.guided-tour__dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.guided-tour__dialog header span{color:var(--accent-primary);font-weight:850}.guided-tour__dialog header button,.guided-tour__dialog footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);background:var(--surface-secondary);font:inherit;font-weight:800;cursor:pointer}.guided-tour__dialog header button{width:40px;padding:0}.guided-tour__dialog>small{display:block;margin-top:10px;color:var(--text-muted)}.guided-tour__dialog h2{margin:5px 0 8px;font-size:1.45rem}.guided-tour__dialog p{margin:0;color:var(--text-secondary);line-height:1.55}.guided-tour__missing{margin-top:10px!important;padding:9px;border-radius:8px;background:var(--surface-secondary);font-size:.82rem}.guided-tour__dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.guided-tour__dialog footer>span{display:flex;gap:7px}.guided-tour__dialog footer button{padding:8px 12px}.guided-tour__dialog footer button.is-primary{border-color:var(--accent-primary);color:#fff;background:var(--accent-primary)}.guided-tour__dialog button:focus-visible,.guided-tour-launcher:focus-visible{outline:0;box-shadow:var(--focus-ring)}.guided-tour__dialog button:disabled{cursor:not-allowed;opacity:.45}.guided-tour-launcher{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);background:var(--surface-secondary);font:inherit;font-weight:800;cursor:pointer}.guided-tour-launcher svg{width:18px;height:18px;color:var(--accent-primary)}.guided-tour-launcher.is-icon-only{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:10px}.role-workspace .guided-tour-launcher.is-icon-only{color:var(--role-text);border-color:var(--role-border);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace .guided-tour-launcher.is-icon-only:hover{border-color:var(--role-border-strong);background:var(--role-hover)}@media(max-width:620px){.guided-tour__dialog{inset:auto 0 0!important;width:100%;max-height:min(68dvh,560px);overflow:auto;border-radius:18px 18px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.guided-tour__dialog footer{align-items:stretch;flex-direction:column}.guided-tour__dialog footer>span,.guided-tour__dialog footer button.is-quiet{width:100%}.guided-tour__dialog footer>span button:last-child{flex:1}}@media(prefers-reduced-motion:reduce){.guided-tour__spotlight{transition:none}}.playback-volume{position:relative;display:inline-flex;flex:0 0 auto}.playback-volume__trigger,.playback-volume__mute{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:inherit}.playback-volume__trigger{width:2.35rem;height:2.35rem;padding:0;border:1px solid var(--border, #334155);border-radius:.65rem;background:var(--surface-soft, #111827)}.playback-volume__trigger svg{width:1.05rem;height:1.05rem}.playback-volume__popover{position:absolute;z-index:80;right:0;bottom:calc(100% + .55rem);display:grid;grid-template-columns:auto minmax(7rem,10rem) auto;align-items:center;gap:.55rem;min-width:15rem;padding:.65rem;border:1px solid var(--border, #334155);border-radius:.8rem;background:var(--surface, #0b1220);color:var(--text, #f8fafc);box-shadow:0 14px 35px #00000047}.playback-volume__popover label{display:flex;min-width:0}.playback-volume__popover input{width:100%;accent-color:var(--accent, #ff7400)}.playback-volume__mute{padding:.4rem .55rem;border:0;border-radius:.5rem;background:transparent;font:inherit}.playback-volume__mute svg{width:1rem;height:1rem}.playback-volume__popover output{min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:520px){.playback-volume__popover{position:fixed;right:.75rem;bottom:calc(var(--lesson-stage-transport-height, 4.5rem) + .75rem);left:.75rem;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.playback-volume__mute span{display:none}}.notification-center{position:relative;margin-left:0}.notification-center__trigger{position:relative;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--role-border);border-radius:10px;color:var(--role-text);background:var(--role-surface);cursor:pointer}.notification-center__trigger svg{width:19px;height:19px}.notification-center__trigger>span{position:absolute;top:-6px;right:-7px;display:grid;min-width:19px;height:19px;place-items:center;padding:0 4px;border:2px solid var(--role-topbar-bg);border-radius:999px;color:#fff;background:var(--role-danger, #b42318);font-size:.62rem;font-weight:900}.notification-center__trigger:hover{border-color:var(--role-border-strong);background:var(--role-hover)}.notification-center__trigger:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.notification-center__popover{position:absolute;z-index:120;top:calc(100% + 10px);right:0;display:grid;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 74px));overflow:hidden;border:1px solid var(--role-border);border-radius:14px;color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-lg)}.notification-center__popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--role-border);background:var(--role-surface-raised)}.notification-center__popover>header div{display:grid}.notification-center__popover>header span{color:var(--role-muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.notification-center__popover>header button{display:inline-flex;align-items:center;gap:5px;border:0;color:var(--role-accent);background:transparent;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.notification-center__popover>header button:disabled{opacity:.45}.notification-center__popover>header svg{width:15px}.notification-center__popover>p{margin:0;padding:16px;color:var(--role-muted)}.notification-center__list{overflow-y:auto}.notification-center__list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid var(--role-border);color:var(--role-text);background:var(--role-surface);text-align:left;cursor:pointer}.notification-center__list>button.is-unread{box-shadow:inset 3px 0 var(--role-accent);background:color-mix(in srgb,var(--role-accent) 7%,var(--role-surface))}.notification-center__list>button:hover{background:var(--role-hover)}.notification-center__list span{display:grid;gap:3px;min-width:0}.notification-center__list small,.notification-center__list time{color:var(--role-muted)}.notification-center__list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-center__list time{font-size:.66rem;white-space:nowrap}.notification-center__more{min-height:40px;border:0;border-top:1px solid var(--role-border);color:var(--role-accent);background:var(--role-surface-raised);font:inherit;font-weight:850;cursor:pointer}@media(max-width:560px){.notification-center__popover{position:fixed;top:58px;right:8px;left:8px;width:auto}}:root{--color-bg: #070b13;--color-surface: #101827;--color-surface-raised: #162033;--color-text: #f8fafc;--color-text-muted: #a7b0c0;--color-border: rgba(255, 255, 255, .14);--color-accent: #ff6a00;--color-accent-2: #ff2e63;--color-danger: #d75945;--color-success: #42d692;--color-focus: #ff8a2b;--color-bg-rgb: 7 11 19;--color-surface-rgb: 16 24 39;--color-surface-raised-rgb: 22 32 51;--color-accent-rgb: 255 106 0;--color-accent-2-rgb: 255 46 99;--color-text-rgb: 248 250 252;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-ui);--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 8px 20px rgba(0, 0, 0, .18);--shadow-md: 0 18px 48px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--public-page-bg: var(--color-bg);--public-app-bg: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 52%, #05070c 100%);--public-module-bg: rgb(var(--color-bg-rgb) / .72);--public-surface-base: color-mix(in srgb, var(--color-surface) 82%, var(--color-bg));--public-surface-raised: color-mix(in srgb, var(--color-surface-raised) 88%, var(--color-bg));--public-surface-inset: rgb(var(--color-bg-rgb) / .58);--public-panel-bg: linear-gradient(180deg, rgb(var(--color-text-rgb) / .045), rgb(var(--color-bg-rgb) / .16)), var(--public-module-bg);--public-card-bg: linear-gradient(180deg, rgb(var(--color-text-rgb) / .035), rgb(var(--color-bg-rgb) / .12)), rgb(var(--color-bg-rgb) / .68);--public-card-bg-hover: linear-gradient(180deg, rgb(var(--color-text-rgb) / .055), rgb(var(--color-bg-rgb) / .1)), rgb(var(--color-bg-rgb) / .78);--public-border-subtle: rgb(var(--color-text-rgb) / .12);--public-border-strong: rgb(var(--color-accent-rgb) / .32);--public-text-primary: var(--color-text);--public-text-secondary: rgb(var(--color-text-rgb) / .78);--public-text-muted: var(--color-text-muted);--public-text-inverse: var(--color-bg);--public-accent-orange: var(--color-accent);--public-accent-orange-soft: rgb(var(--color-accent-rgb) / .14);--public-focus-ring: 0 0 0 3px rgb(var(--color-accent-rgb) / .38);--public-radius-card: var(--radius-md);--public-radius-panel: var(--radius-md);--public-radius-control: var(--radius-sm);--public-shadow-panel: var(--shadow-md);--public-shadow-card: 0 16px 42px rgb(0 0 0 / .18);--public-space-1: var(--space-1);--public-space-2: var(--space-2);--public-space-3: var(--space-3);--public-space-4: var(--space-4);--public-space-5: var(--space-5);--public-space-6: var(--space-6);--public-space-7: var(--space-7);--public-space-8: var(--space-8);--music-root: #55d27c;--music-root-strong: #35b14c;--music-root-soft: rgb(85 210 124 / .16);--music-third: #e2b45f;--music-fifth: #7ea7cf;--music-seventh: #df8540;--music-tension: #be6870;--music-muted-note: rgb(var(--color-text-rgb) / .44);--music-diagram-bg: rgb(var(--color-text-rgb) / .96);--music-diagram-grid: rgb(var(--color-bg-rgb) / .58);--music-diagram-string: rgb(var(--color-bg-rgb) / .86);--music-diagram-marker: var(--public-accent-orange);--surface-gradient-brand: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .12));--brand-name: "stringlr";--brand-claim: "A stringlr is whoever you become when strings take over.";--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: var(--color-bg);--brand-slate: var(--color-text-muted);--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display);--bg: var(--color-bg);--bg2: var(--brand-navy);--panel: color-mix(in srgb, var(--color-surface) 80%, transparent);--panel2: color-mix(in srgb, var(--color-bg) 78%, transparent);--cream: var(--color-text);--muted: var(--color-text-muted);--color-muted: var(--color-text-muted);--gold: var(--color-accent);--gold2: var(--color-accent-2);--line: var(--color-border);--shadow: var(--shadow-lg);--radius: var(--radius-md)}:root[data-theme=local-guitar-hero]{--brand-name: "stringlr";--brand-claim: "A stringlr is whoever you become when strings take over.";--color-bg: #070b13;--color-surface: #101827;--color-surface-raised: #162033;--color-text: #f8fafc;--color-text-muted: #a7b0c0;--color-border: rgb(var(--color-text-rgb) / .12);--color-accent: #ff6a00;--color-accent-2: #ff2e63;--color-focus: #ff8a2b;--color-bg-rgb: 7 11 19;--color-surface-rgb: 16 24 39;--color-surface-raised-rgb: 22 32 51;--color-accent-rgb: 255 106 0;--color-accent-2-rgb: 255 46 99;--color-text-rgb: 248 250 252;--font-display: "Montserrat", var(--font-ui);--shadow-lg: 0 22px 70px rgba(0, 0, 0, .34);--radius-md: 8px;--surface-gradient-brand: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%);--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .12));--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: #0d1321;--brand-slate: #374151;--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display)}:root[data-theme=guitar-magazine]{--brand-name: "stringlr";--brand-claim: "A stringlr is whoever you become when strings take over.";--color-bg: #0d0a07;--color-surface: #17120d;--color-surface-raised: #221a12;--color-text: #f7f0e7;--color-text-muted: #c9b99e;--color-border: rgba(226, 160, 78, .24);--color-accent: #d99b43;--color-accent-2: #77aa9c;--color-focus: #f0c16f;--color-bg-rgb: 13 10 7;--color-surface-rgb: 23 18 13;--color-surface-raised-rgb: 34 26 18;--color-accent-rgb: 217 155 67;--color-accent-2-rgb: 119 170 156;--color-text-rgb: 247 240 231;--font-display: Georgia, "Times New Roman", serif;--shadow-lg: 0 24px 70px rgba(0, 0, 0, .36);--radius-md: 8px;--surface-gradient-brand: linear-gradient(135deg, #d99b43, #77aa9c);--surface-gradient-soft: linear-gradient(135deg, rgb(var(--color-accent-rgb) / .16), rgb(var(--color-accent-2-rgb) / .1));--brand-bg: var(--color-bg);--brand-surface: var(--color-surface);--brand-surface-soft: var(--color-surface-raised);--brand-border: var(--color-border);--brand-text: var(--color-text);--brand-muted: var(--color-text-muted);--brand-accent: var(--color-accent);--brand-gradient: var(--surface-gradient-brand);--brand-orange: var(--color-accent);--brand-coral: var(--color-accent-2);--brand-navy: #18110b;--brand-slate: #5f5345;--brand-light: var(--color-text);--brand-radius-card: var(--radius-md);--brand-shadow-card: var(--shadow-lg);--font-brand: var(--font-display)}.app{--accent-primary: #f97316;--accent-primary-hover: #ea580c;--accent-primary-text: #111827;--success: #25801e;--warning: #b54708;--danger: #b42318;--focus-ring: 0 0 0 3px rgb(249 115 22 / .38);--notation-paper: #ffffff;--notation-ink: #111827;--notation-muted: #475467;--notation-border: #d0d5dd}.app[data-app-theme=light]{color-scheme:light;--page-background: #f7f8fa;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-elevated: #ffffff;--surface-subtle: #f2f4f7;--surface-hover: #f3f5f8;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #667085;--border-subtle: #e4e7ec;--border-strong: #d0d5dd;--app-shadow-sm: 0 3px 12px rgb(17 24 39 / .06);--app-shadow-lg: 0 18px 48px rgb(17 24 39 / .12);--color-bg: var(--page-background);--color-surface: var(--surface-primary);--color-surface-raised: var(--surface-secondary);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: var(--border-subtle);--color-bg-rgb: 247 248 250;--color-surface-rgb: 255 255 255;--color-surface-raised-rgb: 248 250 252;--color-text-rgb: 17 24 39;--public-text-inverse: #ffffff}.app[data-app-theme=dark]{color-scheme:dark;--page-background: #070b13;--surface-primary: #101827;--surface-secondary: #162033;--surface-elevated: #1a2639;--surface-subtle: #0b1220;--surface-hover: #1b2940;--text-primary: #f8fafc;--text-secondary: #c8d0dc;--text-muted: #a7b0c0;--border-subtle: rgb(255 255 255 / .12);--border-strong: rgb(255 255 255 / .2);--app-shadow-sm: 0 8px 24px rgb(0 0 0 / .24);--app-shadow-lg: 0 20px 56px rgb(0 0 0 / .38);--color-bg: var(--page-background);--color-surface: var(--surface-primary);--color-surface-raised: var(--surface-secondary);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: var(--border-subtle);--color-bg-rgb: 7 11 19;--color-surface-rgb: 16 24 39;--color-surface-raised-rgb: 22 32 51;--color-text-rgb: 248 250 252;--public-text-inverse: #070b13;--success: #86efac;--warning: #fcd34d;--danger: #fca5a5}.app[data-app-theme]{--public-page-bg: var(--page-background);--public-app-bg: var(--page-background);--public-module-bg: var(--surface-primary);--public-surface-base: var(--surface-primary);--public-surface-raised: var(--surface-secondary);--public-surface-inset: var(--surface-subtle);--public-panel-bg: var(--surface-primary);--public-card-bg: var(--surface-primary);--public-card-bg-hover: var(--surface-secondary);--public-border-subtle: var(--border-subtle);--public-border-strong: var(--border-strong);--public-text-primary: var(--text-primary);--public-text-secondary: var(--text-secondary);--public-text-muted: var(--text-muted);--public-accent-orange: var(--accent-primary);--public-focus-ring: var(--focus-ring);--public-shadow-panel: var(--app-shadow-lg);--public-shadow-card: var(--app-shadow-sm);--bg: var(--page-background);--bg2: var(--page-background);--panel: var(--surface-primary);--panel2: var(--surface-secondary);--cream: var(--text-primary);--muted: var(--text-muted);--soft: var(--text-muted);--line: var(--border-subtle);--shadow: var(--app-shadow-lg);--brand-bg: var(--page-background);--brand-surface: var(--surface-primary);--brand-surface-soft: var(--surface-secondary);--brand-border: var(--border-subtle);--brand-text: var(--text-primary);--brand-muted: var(--text-muted);--brand-light: var(--text-primary)}.public-module-shell{display:grid;min-width:0;max-width:100%;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-7));color:var(--public-text-primary)}.public-module-header{display:grid;min-width:0;gap:var(--public-space-3);border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);padding:clamp(var(--public-space-4),2.4vw,var(--public-space-7));background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.public-module-kicker{max-width:100%;color:var(--public-accent-orange);font-size:.76rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.public-module-title{max-width:920px;margin:0;color:var(--public-text-primary);font-family:var(--font-display);font-size:clamp(2rem,4.8vw,3.8rem);font-weight:900;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.public-module-subtitle{max-width:760px;margin:0;color:var(--public-text-secondary);font-size:1rem;line-height:1.55;overflow-wrap:break-word}.public-panel,.public-card{min-width:0;max-width:100%;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);color:var(--public-text-primary);overflow-wrap:break-word}.public-panel{padding:clamp(var(--public-space-4),2vw,var(--public-space-6));background:var(--public-panel-bg);box-shadow:var(--public-shadow-panel)}.public-card{padding:clamp(var(--public-space-3),1.7vw,var(--public-space-5));background:var(--public-card-bg);box-shadow:var(--public-shadow-card)}.public-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--public-space-3),1.8vw,var(--public-space-5));min-width:0}.public-pill{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:28px;border:1px solid var(--public-border-subtle);border-radius:var(--radius-pill);padding:5px 10px;color:var(--public-text-muted);background:rgb(var(--color-text-rgb) / .045);font-size:.78rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.public-button-primary,.public-button-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;border-radius:var(--public-radius-control);padding:9px 13px;font:inherit;font-size:.9rem;font-weight:850;line-height:1.15;cursor:pointer;overflow-wrap:anywhere}.public-button-primary{border:1px solid rgb(var(--color-accent-rgb) / .7);color:var(--public-text-inverse);background:var(--public-accent-orange)}.public-button-secondary{border:1px solid var(--public-border-subtle);color:var(--public-text-primary);background:rgb(var(--color-text-rgb) / .055)}.public-button-primary:focus-visible,.public-button-secondary:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}@media(max-width:920px){.public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.public-card-grid{grid-template-columns:minmax(0,1fr)}}.trainer-ui{--trainer-accent: var(--public-accent-orange);--trainer-success: var(--success, var(--color-success));--trainer-error: var(--danger, var(--color-danger));--trainer-control-bg: var(--public-surface-raised);--trainer-control-hover-bg: color-mix(in srgb, var(--trainer-accent) 8%, var(--public-surface-raised));--trainer-control-selected-bg: color-mix(in srgb, var(--trainer-accent) 13%, var(--public-surface-raised));--trainer-state-bg: var(--public-surface-inset);--trainer-motion-duration: .14s}.trainer-ui__option,.trainer-ui__segment{border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-control);color:var(--public-text-primary);background:var(--trainer-control-bg);font:inherit;cursor:pointer;transition:border-color var(--trainer-motion-duration) ease,background-color var(--trainer-motion-duration) ease,color var(--trainer-motion-duration) ease,transform var(--trainer-motion-duration) ease}.trainer-ui__option{display:flex;align-items:center;justify-content:space-between;gap:var(--public-space-3);width:100%;min-width:0;min-height:54px;padding:var(--public-space-3) var(--public-space-4);font-weight:800;line-height:1.3;text-align:left;overflow-wrap:anywhere}@media(hover:hover){.trainer-ui__option:not(:disabled):hover,.trainer-ui__segment:not(:disabled):hover{border-color:color-mix(in srgb,var(--trainer-accent) 44%,var(--public-border-subtle));background:var(--trainer-control-hover-bg)}}.trainer-ui__option:not(:disabled):active,.trainer-ui__segment:not(:disabled):active{transform:translateY(1px)}.trainer-ui__option:focus-visible,.trainer-ui__segment:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.trainer-ui__option[data-state=selected],.trainer-ui__segment[data-state=selected],.trainer-ui__segment[aria-pressed=true]{border-color:color-mix(in srgb,var(--trainer-accent) 58%,var(--public-border-subtle));background:var(--trainer-control-selected-bg)}.trainer-ui__option[data-state=correct]{border-color:color-mix(in srgb,var(--trainer-success) 72%,var(--public-border-subtle));background:color-mix(in srgb,var(--trainer-success) 13%,var(--trainer-control-bg))}.trainer-ui__option[data-state=incorrect]{border-color:color-mix(in srgb,var(--trainer-error) 72%,var(--public-border-subtle));background:color-mix(in srgb,var(--trainer-error) 13%,var(--trainer-control-bg))}.trainer-ui__option:disabled,.trainer-ui__segment:disabled{cursor:not-allowed;opacity:.5}.trainer-ui__option[data-state]:disabled,.trainer-ui__segment[data-state]:disabled,.trainer-ui__segment[aria-pressed=true]:disabled{cursor:default;opacity:1}.trainer-ui__segmented{display:inline-flex;flex-wrap:wrap;gap:var(--public-space-1);max-width:100%;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-control);padding:var(--public-space-1);background:var(--public-surface-inset)}.trainer-ui__segment{min-height:36px;padding:var(--public-space-2) var(--public-space-3);font-size:.86rem;font-weight:800}.trainer-ui__progress{display:grid;gap:var(--public-space-2);min-width:0}.trainer-ui__progress-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--public-space-2);color:var(--public-text-secondary);font-size:.82rem;font-weight:800}.trainer-ui__progress-track{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--public-surface-inset)}.trainer-ui__progress-value{display:block;width:0;height:100%;border-radius:inherit;background:var(--trainer-accent);transition:width var(--trainer-motion-duration) ease}.trainer-ui__feedback{border:1px solid var(--public-border-subtle);border-left-width:4px;border-radius:var(--public-radius-control);padding:var(--public-space-3) var(--public-space-4);color:var(--public-text-secondary);background:var(--trainer-state-bg);line-height:1.45}.trainer-ui__feedback[data-state=correct]{border-left-color:var(--trainer-success);background:color-mix(in srgb,var(--trainer-success) 9%,var(--trainer-state-bg))}.trainer-ui__feedback[data-state=incorrect],.trainer-ui__feedback[data-state=error]{border-left-color:var(--trainer-error);background:color-mix(in srgb,var(--trainer-error) 9%,var(--trainer-state-bg))}.trainer-ui__feedback[data-state=neutral]{border-left-color:var(--trainer-accent)}.trainer-ui__status{display:inline-flex;align-items:center;gap:var(--public-space-2);min-width:0;color:var(--public-text-muted);font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.trainer-ui__status[data-state=success]{color:var(--trainer-success)}.trainer-ui__status[data-state=error]{color:var(--trainer-error)}@media(max-width:640px){.trainer-ui__segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));width:100%}.trainer-ui__option{min-height:52px;padding-inline:var(--public-space-3)}}@media(prefers-reduced-motion:reduce){.trainer-ui__option,.trainer-ui__segment,.trainer-ui__progress-value{transition:none}.trainer-ui__option:not(:disabled):active,.trainer-ui__segment:not(:disabled):active{transform:none}}:root{--bg: var(--color-bg);--bg2: var(--brand-navy);--panel: color-mix(in srgb, var(--color-surface) 80%, transparent);--panel2: color-mix(in srgb, var(--color-bg) 78%, transparent);--cream: var(--color-text);--muted: var(--color-text-muted);--soft: #7d8797;--gold: var(--color-accent);--gold2: var(--color-accent-2);--line: var(--color-border);--white-line: rgb(var(--color-text-rgb) / .76);--danger: var(--color-danger);--shadow: var(--shadow-lg);--radius: var(--radius-md);--content-max-width: 1320px;--sidebar: 336px;--topbar: 64px;font-family:var(--font-brand)}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream)}img,svg,video,canvas{max-width:100%}img,video{height:auto}body{background:radial-gradient(circle at 74% 0%,rgb(var(--color-accent-2-rgb) / .1),transparent 32rem),radial-gradient(circle at 12% 16%,rgb(var(--color-accent-rgb) / .09),transparent 20rem),linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 42%,#05070c 100%)}button,input,select{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,var(--sidebar));max-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:18px 14px;background:radial-gradient(circle at 12% 0%,rgb(var(--color-accent-rgb) / .07),transparent 18rem),radial-gradient(circle at 100% 12%,rgb(var(--color-accent-2-rgb) / .06),transparent 18rem),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 78%,var(--color-bg)),var(--color-bg));border-right:1px solid var(--brand-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #00000073;z-index:30}body.drawer-open .sidebar{transform:translate(0)}body.learning-path-runtime-active .sidebar,body.learning-path-runtime-active .topbar,body.learning-path-runtime-active .drawer-backdrop{display:none}body.learning-path-runtime-active .app{grid-template-columns:minmax(0,1fr)}body.learning-path-runtime-active{overflow-x:hidden;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px 12px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:radial-gradient(circle at 86% 22%,rgb(var(--color-accent-rgb) / .14),transparent 42%),linear-gradient(135deg,rgb(var(--color-text-rgb) / .055),rgb(var(--color-accent-2-rgb) / .045)),color-mix(in srgb,var(--color-surface-raised) 78%,var(--color-bg));box-shadow:0 18px 36px #00000038;margin-bottom:16px;overflow:hidden}.sidebar-brand-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.sidebar-brand-title{display:flex;align-items:baseline;justify-content:center;max-width:100%;color:var(--brand-text);font-family:var(--font-brand);font-size:1.18rem;font-weight:900;letter-spacing:0;line-height:1;white-space:normal;overflow:visible;overflow-wrap:break-word;text-overflow:initial;flex-wrap:wrap}.sidebar-brand-accent{color:var(--brand-orange)}.sidebar-brand-tagline{display:block;width:100%;margin-top:5px;color:rgb(var(--color-text-rgb) / .88);font-size:.54rem;font-weight:850;letter-spacing:.12em;line-height:1.15;text-align:center;text-transform:uppercase;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:initial}.sidebar-brand-logo{flex:0 0 auto;width:76px;height:76px;display:block;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}@media(max-width:520px){.sidebar-brand{gap:9px;padding:12px 10px}.sidebar-brand-title{font-size:1.02rem}.sidebar-brand-tagline{font-size:.48rem;letter-spacing:.1em}.sidebar-brand-logo{width:66px;height:66px}}@media(max-width:380px){.sidebar-brand{gap:8px;padding-inline:9px}.sidebar-brand-title{font-size:.94rem}.sidebar-brand-logo{width:60px;height:60px}}.brand-wordmark{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0;max-width:100%;color:var(--brand-text);font-family:var(--font-brand);font-weight:900;line-height:.96;white-space:normal;word-break:normal;overflow-wrap:break-word}.brand-wordmark__guitar{color:var(--brand-orange)}.brand-wordmark--nav{font-size:1rem;line-height:1}.brand-claim{display:block;max-width:100%;overflow:visible;overflow-wrap:anywhere;text-overflow:initial;white-space:normal}.brand-claim{color:var(--brand-light);font-size:.44rem;font-weight:850;letter-spacing:.13em;text-align:center}.module-loading{min-height:min(42vh,360px);display:grid;place-items:center;color:var(--muted);font-weight:850}.nav-group{margin:14px 0 18px}.nav-title{color:var(--soft);font-weight:900;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;margin:0 10px 8px}.nav-section{margin:12px 0 14px}.nav-folder-toggle{width:calc(100% - 20px);border:0;display:flex;align-items:center;gap:7px;background:transparent;cursor:pointer;text-align:left}.nav-section-title{color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.07em;margin:0 10px 7px;padding:4px 0;text-transform:uppercase}.nav-folder-toggle:hover{color:var(--cream)}.nav-folder-toggle:focus-visible,.nav-btn:focus-visible,.nav-chapter-btn:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .5);outline-offset:2px}.nav-subgroup{margin:8px 0 10px}.nav-subtitle{color:var(--soft);font-size:.72rem;font-weight:900;margin:0 10px 4px 47px;padding:3px 0;text-transform:uppercase}.nav-item-block{display:grid;gap:4px}.nav-btn{width:100%;min-width:0;border:0;color:var(--cream);background:transparent;padding:10px;border-radius:var(--brand-radius-card);text-align:left;display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;cursor:pointer}.nav-btn>span{min-width:0}.nav-btn>span:not(.nav-ico):not(.nav-count){overflow-wrap:break-word}.nav-btn:hover{background:rgb(var(--color-text-rgb) / .055)}.nav-btn.active{background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .12),rgb(var(--color-accent-2-rgb) / .08)),color-mix(in srgb,var(--color-surface-raised) 62%,transparent);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .28)}.nav-btn .nav-ico{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--gold2);font-size:1.08rem}.nav-ico-img{display:block;width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.nav-btn .nav-count{color:var(--soft);font-size:.78rem}.nav-chapter-list{display:grid;gap:2px;margin:0 8px 8px 47px}.nav-chapter-btn{border:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;border-radius:8px;padding:6px 8px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.nav-chapter-btn:hover{color:var(--cream);background:#ffffff0b}.nav-chapter-btn span{color:var(--gold2);font-size:.72rem;font-weight:950}.nav-chapter-btn strong{font-size:.82rem;font-weight:850}.main{min-width:0;max-width:100%;container:main / inline-size}.topbar{position:sticky;top:0;height:var(--topbar);display:flex;align-items:center;gap:12px;padding:10px clamp(16px,3vw,32px);background:color-mix(in srgb,var(--color-bg) 76%,transparent);border-bottom:1px solid var(--brand-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.topbar-account{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.menu-toggle{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;color:var(--cream);background:transparent;border-radius:999px;cursor:pointer;overflow:visible;padding:0;filter:drop-shadow(0 0 2px rgb(var(--color-accent-rgb) / .18)) drop-shadow(0 0 5px rgba(255,46,99,.1));animation:menu-pick-pulse 3.4s ease-in-out infinite}.menu-toggle img{display:block;width:32px;height:32px;object-fit:contain;object-position:center;border-radius:0;pointer-events:none}@keyframes menu-pick-pulse{0%,to{filter:drop-shadow(0 0 1px rgb(var(--color-accent-rgb) / .18)) drop-shadow(0 0 4px rgba(255,46,99,.08));transform:scale(1)}50%{filter:drop-shadow(0 0 2px rgb(var(--color-accent-rgb) / .4)) drop-shadow(0 0 8px rgba(255,46,99,.18));transform:scale(1.035)}}.search{flex:1 1 520px;min-width:0;display:flex;align-items:center;gap:10px;max-width:700px;padding:10px 13px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:#101827b8}.search input{width:100%;border:0;outline:0;color:var(--cream);background:transparent}.search input::placeholder{color:var(--soft)}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.current-profile-badge{display:flex;align-items:center;min-width:0;max-width:40px;gap:0;border:0;border-radius:999px;padding:0;color:var(--cream);background:transparent}.current-profile-badge__identity{display:flex;align-items:center;min-width:0;gap:0}.current-profile-badge__avatar,.supabase-auth-panel__avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:999px;color:var(--color-bg);background:var(--gold2);font-size:.68rem;font-weight:950}.current-profile-badge strong{min-width:0;overflow:hidden;font-size:.78rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.current-profile-badge__menu,.supabase-auth-panel__menu{position:relative}.current-profile-badge__menu{min-width:0}.current-profile-badge__menu summary,.supabase-auth-panel__menu summary{min-height:26px;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:7px;padding:4px 9px;color:var(--cream);background:#ffffff0f;cursor:pointer;font-size:.72rem;font-weight:850;list-style:none}.current-profile-badge__menu summary{display:flex;align-items:center;max-width:100%;min-height:0;border:0;border-radius:999px;padding:0;background:transparent}.current-profile-badge__menu summary:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.current-profile-badge__menu[open] .current-profile-badge__actions,.supabase-auth-panel__account-menu[open] .supabase-auth-panel__account-popover,.supabase-auth-panel__login-menu[open] .supabase-auth-panel__form,.supabase-auth-panel--notice[open] .supabase-auth-panel__popover{position:absolute;z-index:30;top:calc(100% + 8px);right:0;min-width:190px;border:1px solid var(--brand-border);border-radius:8px;padding:8px;background:#101827fa;box-shadow:var(--shadow)}.current-profile-badge__menu summary::-webkit-details-marker,.supabase-auth-panel__menu summary::-webkit-details-marker{display:none}.current-profile-badge__actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.current-profile-badge__action{min-height:26px;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:0 8px;color:var(--cream);background:#ffffff0f;cursor:pointer;font:inherit;font-size:.72rem;font-weight:850}.current-profile-badge__action.primary{border-color:transparent;color:var(--color-bg);background:var(--gold2)}.current-profile-badge__action:hover,.current-profile-badge__action:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.supabase-auth-panel{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:40px;gap:0;border:0;border-radius:999px;padding:0;color:var(--cream);background:transparent}.supabase-auth-panel--notice{position:relative}.supabase-auth-panel--notice summary{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;font-weight:850;list-style:none}.supabase-auth-panel--notice summary::-webkit-details-marker{display:none}.supabase-auth-panel__popover{display:grid;gap:3px}.supabase-auth-panel__form{display:grid;flex:1 1 auto;min-width:0;gap:8px}.supabase-auth-panel__account-popover{display:grid;gap:8px}.supabase-auth-panel__account-popover .supabase-auth-panel__actions{position:static;min-width:0;border:0;padding:0;background:transparent;box-shadow:none}.supabase-auth-panel__login-menu .supabase-auth-panel__form{min-width:min(320px,calc(100vw - 36px))}.supabase-auth-panel__magic-login{display:flex;min-width:0;gap:6px}.supabase-auth-panel__dev-smoke{display:grid;gap:5px;min-width:0;border-top:1px solid var(--border-subtle);padding-top:8px}.supabase-auth-panel__dev-smoke strong{color:var(--text-primary);font-size:.76rem;line-height:1.15}.supabase-auth-panel input{min-width:0;width:100%;border:1px solid var(--border-subtle);border-radius:7px;padding:5px 8px;color:var(--text-primary);background:var(--surface-secondary)}.supabase-auth-panel button{flex:0 0 auto;min-height:26px;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:7px;padding:0 9px;color:var(--text-primary);background:var(--surface-secondary);cursor:pointer;font:inherit;font-size:.72rem;font-weight:850}.supabase-auth-panel button:disabled{cursor:default;opacity:.55}.supabase-auth-panel__identity{display:grid;flex:1 1 auto;min-width:0;gap:2px}.supabase-auth-panel span,.supabase-auth-panel small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supabase-auth-panel span{font-size:.78rem;font-weight:850}.supabase-auth-panel small{color:var(--soft);font-size:.7rem;font-weight:750}.supabase-auth-panel__actions{display:flex;flex-wrap:wrap;gap:5px}.supabase-auth-panel__actions .primary{border-color:transparent;color:#fff;background:var(--accent-primary)}.supabase-auth-panel__status{flex:0 1 auto;max-width:120px}.supabase-auth-panel__status.is-error{color:#ffb8c6}.supabase-auth-panel__status.is-ok{color:#b7ffd6}@media(max-width:640px){.favorite-group__grid{grid-template-columns:minmax(0,1fr)}.favorite-collection__notice{align-items:flex-start;flex-direction:column}.topbar{height:auto;flex-wrap:wrap;align-items:center}.search{flex:1 1 calc(100% - 54px);max-width:none}.topbar-account{flex:0 1 auto;margin-left:auto}.current-profile-badge,.supabase-auth-panel{flex:0 1 auto;max-width:none;min-width:0}}.stage{width:min(100%,var(--content-max-width, 1320px));min-width:0;max-width:var(--content-max-width, 1320px);padding:clamp(16px,3vw,34px);margin-inline:auto}.stage:has(.lesson-editor){width:100%;max-width:none;padding:clamp(8px,1.2vw,16px);margin-inline:0}.module-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px;min-width:0}.module-head h2{margin:0;font-family:var(--font-brand);font-size:clamp(2.2rem,5vw,4.8rem);line-height:.9;text-transform:uppercase;letter-spacing:.015em;overflow-wrap:anywhere}.module-head p{margin:.35rem 0 0;color:var(--muted);max-width:620px;line-height:1.5;overflow-wrap:break-word}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{max-width:100%;border:1px solid rgb(var(--color-accent-rgb) / .28);background:rgb(var(--color-accent-rgb) / .1);color:var(--cream);padding:7px 10px;border-radius:999px;font-weight:800;font-size:.82rem;overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:22px;align-items:start;min-width:0}.magazine-card{overflow:hidden;border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:radial-gradient(circle at 76% 4%,rgb(var(--color-accent-2-rgb) / .13),transparent 27rem),linear-gradient(180deg,#ffffff0b,#ffffff04),#101827d1;box-shadow:var(--shadow)}.hero{position:relative;min-height:clamp(430px,46vw,650px);padding:clamp(22px,4vw,50px);display:grid;align-items:end;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:var(--hero-zoom-desktop, cover);background-position:var(--focus-x) var(--focus-y);filter:brightness(1.12) contrast(1.03) saturate(1.02);z-index:0}.hero.no-photo:before{background:radial-gradient(circle at var(--focus-x) var(--focus-y),rgb(var(--color-accent-rgb) / .3),transparent 16rem),linear-gradient(135deg,var(--color-surface),var(--color-bg) 60%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .06),rgb(var(--color-bg-rgb) / .05) 42%,rgb(var(--color-bg-rgb) / .46) 78%,rgb(var(--color-bg-rgb) / .72)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .02) 58%,rgb(var(--color-bg-rgb) / .74));z-index:1}.hero-title{position:relative;z-index:2;max-width:720px;min-width:0;margin-left:auto;text-align:right}.hero-title h1{margin:0;color:var(--color-text);font-family:var(--font-brand);max-width:100%;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.84;letter-spacing:.02em;overflow-wrap:break-word;text-shadow:0 16px 36px rgba(0,0,0,.46)}.hero-title p{margin:10px 0 0;color:var(--gold2);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.86rem,1.5vw,1.12rem);overflow-wrap:anywhere}.infographic-body{padding:clamp(18px,3vw,38px);display:grid;gap:28px}.top-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr) minmax(260px,.9fr);gap:22px;align-items:start}.bottom-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr) minmax(280px,1fr);gap:22px;align-items:start}.section-label{display:inline-block;width:fit-content;max-width:100%;margin-bottom:14px;padding:8px 16px 7px;color:#fff;background:var(--brand-gradient);font-weight:950;letter-spacing:.035em;text-transform:uppercase;font-size:.88rem;line-height:1.15;overflow-wrap:anywhere;white-space:normal;clip-path:polygon(4% 0,100% 6%,94% 50%,100% 94%,0 100%,5% 50%)}.nowrap-token{white-space:nowrap}.panel{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);padding:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--brand-surface);box-shadow:0 16px 45px #00000038}.panel-spaced{margin-top:12px}.alphatab-viewer{min-width:0;margin:0 0 22px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff04),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.alphatab-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px 18px 12px}.alphatab-head .section-label{margin-bottom:10px}.alphatab-head h3{margin:0;font-size:clamp(1.3rem,3vw,2rem);line-height:1.05}.alphatab-head p{margin:6px 0 0;color:var(--muted)}.alphatab-status{flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:999px;padding:7px 11px;color:var(--cream);background:rgb(var(--color-accent-rgb) / .1);font-size:.8rem;font-weight:900}.alphatab-status[data-status=error]{border-color:rgb(var(--color-accent-rgb) / .46);background:rgb(var(--color-accent-rgb) / .14)}.alphatab-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 18px 16px}.alphatab-toolbar button{border:1px solid rgb(var(--color-accent-rgb) / .35);border-radius:14px;padding:9px 14px;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold));cursor:pointer;font-weight:950}.alphatab-toolbar button:disabled,.alphatab-tempo input:disabled{cursor:not-allowed;opacity:.52}.alphatab-tempo{min-width:min(100%,280px);display:grid;grid-template-columns:auto minmax(120px,1fr) 48px;align-items:center;gap:9px;color:var(--muted);font-size:.9rem;font-weight:800}.alphatab-tempo input{width:100%;accent-color:var(--gold2)}.alphatab-tempo strong{color:var(--cream);text-align:right}.alphatab-stage{min-width:0;width:100%;height:var(--alphatab-height, 520px);overflow:visible;border-top:1px solid rgb(var(--color-accent-rgb) / .18);color-scheme:light;background:var(--notation-paper, #ffffff)}.alphatab-surface{min-width:660px;min-height:0;color:var(--notation-ink, #111827);background:var(--notation-paper, #ffffff)}.alphatab-viewer-responsive .alphatab-surface{max-width:100%;min-width:0;overflow:visible}.alphatab-viewer-responsive .at-surface{max-width:100%}.alphatab-surface .at-surface{overflow:visible!important}.content-block-alphatab--horizontal .content-block-alphatab__stage{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.content-block-alphatab--horizontal .content-block-alphatab__surface{min-width:max-content}.alphatab-surface .at-cursors{z-index:6!important;pointer-events:none!important}.alphatab-surface .at-surface>div:not(.at-cursors){position:relative;z-index:1!important}.alphatab-surface .at-cursor-bar{display:none}.alphatab-surface .at-cursor-beat{border-radius:2px;background:#16a34a;outline:1px solid rgb(var(--color-text-rgb) / .95);box-shadow:0 0 0 1px #15803d2e,0 0 14px rgb(var(--color-accent-2-rgb) / .72);opacity:1;will-change:transform}.alphatab-surface .alphatab-steady-beat-cursor{position:absolute;left:0;top:0;z-index:4;border-radius:999px;background:#16a34a;box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .95),0 0 14px rgb(var(--color-accent-2-rgb) / .72);opacity:1;pointer-events:none;transform-origin:left top;will-change:transform}.alphatab-surface .at-surface text{fill:var(--notation-ink, #111827)}.alphatab-surface .at-surface>div:last-child text{fill:var(--notation-ink, #111827)}.alphatab-message{margin:16px;border:1px solid rgb(var(--color-accent-rgb) / .38);border-radius:14px;padding:12px 14px;color:var(--color-text);background:#541a14db}.diagram-wrap{text-align:center}.strings,.open-row{width:min(100%,300px);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);text-align:center;font-weight:900}.strings{color:var(--cream);letter-spacing:.05em}.open-row{margin-top:5px;font-size:1.4rem;color:var(--color-text)}.diagram-svg{width:min(100%,330px);height:auto;overflow:visible}.fretboard-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .96));box-shadow:inset 0 0 0 1px #ffffff09}.fretboard-svg{display:block;min-width:900px;width:100%;height:auto;overflow:visible}.fretboard-svg.vertical{min-width:0;width:min(100%,330px)}.fretboard-title{fill:var(--cream);font-size:22px;font-weight:950;letter-spacing:.03em}.fretboard-open-label,.fretboard-number,.fretboard-tuning{font-family:var(--font-brand);font-weight:900}.fretboard-open-label,.fretboard-number{font-size:16px}.fretboard-number{fill:var(--color-accent);text-shadow:0 0 10px rgb(var(--color-accent-rgb) / .35)}.fretboard-tuning{fill:var(--gold2);font-size:16px}.fretboard-string{stroke:rgb(var(--color-text-rgb) / .76);stroke-linecap:round}.fretboard-string.string-0,.fretboard-string.string-1{stroke-width:2.4}.fretboard-string.string-2,.fretboard-string.string-3{stroke-width:3.4}.fretboard-string.string-4,.fretboard-string.string-5{stroke-width:4.4}.fretboard-svg .fretboard-string-highlight{stroke-linecap:round;stroke-width:8}.fretboard-svg .fretboard-string-highlight.boom{stroke:var(--color-accent)}.fretboard-svg .fretboard-string-highlight.chick{stroke:#79bf42}.fretboard-highlight-label{font-family:var(--font-brand);font-size:20px;font-weight:950;letter-spacing:.04em}.fretboard-highlight-label.boom{fill:var(--color-accent)}.fretboard-highlight-label.chick{fill:#79bf42}.fretboard-fingering-label circle{fill:#6f3c83;stroke:rgb(var(--color-text-rgb) / .62);stroke-width:1.5}.fretboard-fingering-label.index circle{fill:#1974b8}.fretboard-fingering-label.middle circle{fill:#5a9f38}.fretboard-fingering-label.ring circle{fill:var(--color-accent)}.fretboard-fingering-label text{fill:#fff;font-family:var(--font-brand);font-size:17px;font-weight:950}.fretboard-string-bracket path{fill:none;stroke:#6f3c83;stroke-width:4;stroke-linecap:round}.fretboard-string-bracket text{fill:#fff;font-family:var(--font-brand);font-size:18px;font-weight:950}.fretboard-string-bracket.thumb text{fill:var(--color-text)}.fretboard-fret{stroke:rgb(var(--color-accent-rgb) / .42);stroke-width:3}.fretboard-fret-bar line{stroke:var(--color-bg);stroke-width:18;stroke-linecap:round;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.fretboard-fret-bar.capo line{stroke:var(--color-bg)}.fretboard-fret-bar text{fill:var(--gold2);font-family:var(--font-brand);font-size:17px;font-weight:950;letter-spacing:.04em}.fretboard-nut{stroke:var(--color-text);stroke-width:8;stroke-linecap:round}.fretboard-inlay circle{fill:#b9ae9e17;stroke:#b9ae9e2e;stroke-width:1.2}.fretboard-marker circle{fill:var(--color-accent-2);stroke:rgb(var(--color-bg-rgb) / .72);stroke-width:2}.fretboard-marker.root circle{fill:var(--gold2);stroke:var(--color-text);stroke-width:2.4}.fretboard-marker.open circle{stroke-dasharray:3 3}.fretboard-marker text{fill:var(--color-bg);font-family:var(--font-brand);font-size:13px;font-weight:950}.scale-page{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .38);box-shadow:var(--shadow)}.scale-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.scale-head h1{margin:2px 0 0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2rem,5vw,4.4rem);font-weight:500;line-height:1}.scale-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(86px,1fr));gap:4px;padding:4px;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:#00000038}.scale-toggle button,.scale-list button,.scale-chord-links button{border:0;border-radius:6px;cursor:pointer;font-weight:900}.scale-toggle button{padding:9px 12px;color:var(--muted);background:transparent}.scale-toggle button.active{color:var(--color-bg);background:var(--gold2)}.scale-info-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(260px,1fr);gap:14px;margin-top:16px}.scale-info{min-width:0;border-top:1px solid rgb(var(--color-accent-rgb) / .25);padding-top:14px}.scale-note-row,.scale-list,.scale-chord-links{display:flex;flex-wrap:wrap;gap:8px}.scale-note-row span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--color-accent-2);font-weight:950}.scale-note-row span.root{background:var(--gold2);box-shadow:0 0 0 2px rgb(var(--color-text-rgb) / .52)}.scale-list button{padding:9px 11px;color:var(--cream);background:rgb(var(--color-accent-2-rgb) / .18)}.scale-list button.active{color:var(--color-bg);background:var(--color-accent-2)}.scale-chord-links button{display:grid;gap:2px;min-width:78px;padding:9px 12px;color:var(--color-bg);background:linear-gradient(180deg,var(--color-text),var(--color-text-muted));text-align:left}.scale-chord-links button span{color:var(--color-accent);font-size:.82rem}.scale-chord-links p{margin:0;color:var(--muted)}.fretboard-path{display:grid;gap:clamp(16px,2.4vw,24px)}.fretboard-path-hero{min-height:clamp(280px,34vw,430px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(105deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .72) 44%,rgb(var(--color-bg-rgb) / .2)),url(/FOTOS/DIVERSE/STARTPUNKT%20GITARRE.png);background-position:center;background-size:cover;box-shadow:var(--shadow)}.fretboard-path-copy{display:grid;align-content:end;padding:clamp(18px,3vw,30px)}.fretboard-path-copy .section-label{justify-self:start}.fretboard-path-copy h1{max-width:760px;margin:4px 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.35rem,5.2vw,4.8rem);font-weight:900;line-height:.92;text-transform:uppercase}.fretboard-path-copy p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.55}.startpoint-chapter{scroll-margin-top:92px}.startpoint-chapter-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,184px),1fr));gap:10px}.startpoint-chapter-nav a{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;row-gap:2px;min-width:0;min-height:92px;align-content:start;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:12px;color:var(--color-text);background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .54);text-decoration:none}.startpoint-chapter-nav a:hover{border-color:rgb(var(--color-accent-rgb) / .58);background:linear-gradient(180deg,rgb(var(--color-accent-rgb) / .12),#ffffff03),rgb(var(--color-bg-rgb) / .64)}.startpoint-chapter-nav span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .48);border-radius:50%;color:var(--gold2);font-size:.82rem;font-weight:950}.startpoint-chapter-nav strong{min-width:0;color:var(--color-text);font-size:clamp(.86rem,1.65cqi,.96rem);line-height:1.08;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.startpoint-chapter-nav small{grid-column:2;min-width:0;color:var(--muted);font-size:clamp(.72rem,1.35cqi,.78rem);font-weight:760;line-height:1.22;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.startpoint-griffbrett{display:grid;gap:12px}.hand-basics-section{display:grid;gap:clamp(14px,2vw,20px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 50% 32%,rgb(var(--color-accent-rgb) / .12),transparent 28rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.hand-basics-head{max-width:840px}.hand-basics-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3.2rem,6.4vw,5.6rem);font-weight:500;line-height:.95}.hand-basics-head h2 span{display:block;color:var(--gold2);font-size:.5em;line-height:.95}.hand-basics-head p{max-width:760px;margin:14px 0 0;color:var(--muted);line-height:1.55}.hand-basics-head p strong{color:var(--color-text)}.hand-basics-stage{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:clamp(12px,2vw,20px);justify-self:center;width:min(100%,720px)}.hand-basics-card{display:grid;place-items:center;min-height:clamp(320px,34vw,430px);margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(16px,2.5vw,28px);color-scheme:light;background:var(--notation-paper, #ffffff);box-shadow:inset 0 0 0 1px #1118270f}.hand-basics-card img{width:min(76%,260px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}.hand-basics-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hand-basics-info{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.hand-basics-info div{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hand-basics-info strong{display:inline-block;padding:7px 11px;color:var(--color-text);background:var(--color-bg);border:1px solid rgb(var(--color-text-rgb) / .12);font-family:var(--font-brand);font-size:1.35rem;line-height:1;text-transform:uppercase}.hand-basics-info span{color:var(--gold2);font-weight:950;text-transform:uppercase}.hand-basics-info p{margin:0 0 14px;color:var(--muted);line-height:1.52}.hand-finger-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.hand-finger-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--muted)}.hand-finger-list b{display:grid;place-items:center;width:36px;height:32px;color:var(--color-text);background:var(--color-bg);border:1px solid rgb(var(--color-text-rgb) / .12);font-weight:950}.hand-finger-list span{color:var(--gold2);font-weight:950;text-transform:uppercase}.hand-finger-list em{color:#c9bbaa;font-size:.84rem;font-style:normal;text-transform:uppercase}.hand-basics-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.hand-basics-tip div{display:flex;align-items:center;gap:10px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:950;text-transform:uppercase}.hand-basics-tip div span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--gold2)}.hand-basics-tip p{margin:0;color:var(--muted);line-height:1.55}.hand-basics-footer{display:grid;gap:4px;justify-items:center;border-radius:8px;padding:22px 16px;background:linear-gradient(90deg,transparent,rgb(var(--color-accent-rgb) / .16),transparent),var(--color-bg);text-align:center}.hand-basics-footer strong{color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.8rem,5vw,3rem);font-weight:500;line-height:1}.hand-basics-footer span{color:var(--color-text);font-size:.95rem}.chord-reading-section{display:grid;gap:clamp(16px,2.2vw,22px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 24% 24%,rgb(var(--color-accent-rgb) / .12),transparent 26rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.chord-reading-head{max-width:860px}.chord-reading-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;line-height:1}.chord-reading-head p{max-width:780px;margin:12px 0 0;color:var(--muted);line-height:1.55}.chord-reading-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(280px,.85fr);gap:clamp(14px,2vw,22px);align-items:stretch}.chord-reading-layout.image-layout{align-items:start}.chord-reading-visual{display:grid;place-items:center;min-width:0;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(12px,2vw,20px);background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .96));box-shadow:inset 0 0 0 1px #ffffff09}.chord-reading-visual.image-card{padding:clamp(16px,2.4vw,28px);color-scheme:light;background:var(--notation-paper, #ffffff);box-shadow:inset 0 0 0 1px #1118270f,0 18px 48px #00000047}.chord-reading-visual img{width:min(100%,620px);height:auto;border-radius:6px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}.chord-reading-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chord-reading-callouts.tips-only{grid-template-columns:1fr}.chord-reading-callout{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.chord-reading-callout span{display:inline-block;margin-bottom:10px;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:999px;padding:5px 9px;color:var(--gold2);font-size:.78rem;font-weight:950;text-transform:uppercase}.chord-reading-callout h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500}.chord-reading-callout p{margin:8px 0 0;color:var(--muted);line-height:1.48}.chord-reading-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:var(--gold2);font-weight:950;text-align:center}.capo-section{display:grid;gap:clamp(14px,2vw,20px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(16px,2.2vw,24px);background:radial-gradient(circle at 72% 18%,rgb(var(--color-accent-rgb) / .13),transparent 24rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .52)}.capo-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:stretch}.capo-hero figure,.capo-photo-card{margin:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:var(--color-bg)}.capo-hero img,.capo-photo-card img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.capo-hero img{max-height:360px;object-position:42% 50%}.capo-hero-copy{display:grid;align-content:center;min-width:0;min-height:260px;padding:clamp(18px,3vw,34px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;background:radial-gradient(circle at 92% 20%,rgb(var(--color-accent-rgb) / .12),transparent 14rem),linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .62)}.capo-hero-copy .section-label{justify-self:start}.capo-hero-copy h2{margin:10px 0 4px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.8rem,8cqi,5.8rem);line-height:.92;letter-spacing:.02em;text-transform:uppercase}.capo-quote{margin:0 0 12px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.2rem,3.2cqi,1.85rem);font-style:italic}.capo-hero-copy p:not(.capo-quote),.capo-fretboard-card p{margin:0;color:var(--muted);line-height:1.55}.capo-info-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.capo-info-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:13px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.capo-icon-badge{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--gold2);background:rgb(var(--color-accent-rgb) / .08)}.capo-info-card span:not(.capo-icon-badge){color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.capo-info-card h3,.capo-fretboard-card h3{margin:4px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.12rem,2.7cqi,1.55rem);font-weight:500;line-height:1.08}.capo-info-card p{margin:0;color:var(--muted);line-height:1.48}.capo-demo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:14px;align-items:stretch}.capo-fretboard-card,.capo-photo-card,.capo-examples{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.capo-fretboard-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.capo-fretboard-map{min-width:0}.capo-fretboard-card .fretboard-scroll{align-self:stretch}.capo-fretboard-map .fretboard-marker circle{fill:var(--color-accent)}.capo-fretboard-map .fretboard-marker.root circle{fill:var(--color-accent)}.capo-fretboard-map .fretboard-marker text{font-size:12px}.capo-photo-card{display:grid;grid-template-rows:minmax(250px,1fr) auto;gap:12px;overflow:hidden}.capo-photo-card img{min-height:250px;border-radius:6px}.capo-photo-card ul{display:grid;gap:8px;margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.42}.capo-examples{display:grid;gap:10px;padding:12px}.capo-examples>div{display:grid;gap:8px}.capo-examples article{display:grid;grid-template-columns:minmax(72px,auto) minmax(82px,1fr) auto minmax(120px,1.2fr);gap:12px;align-items:center;border-top:1px solid rgb(var(--color-accent-rgb) / .22);padding-top:7px;color:var(--muted);font-size:.92rem}.capo-examples span,.capo-examples strong,.capo-examples b{color:var(--color-text);font-weight:920}.capo-examples em{color:var(--gold2);font-style:normal;font-weight:950}.tab-reading-section{display:grid;gap:clamp(16px,2.2vw,24px);border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 74% 18%,rgb(var(--color-accent-2-rgb) / .22),transparent 28rem),linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .52)}.tab-reading-head{max-width:900px}.tab-reading-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.35rem,5.2vw,4.65rem);font-weight:500;line-height:1}.tab-reading-head p{max-width:800px;margin:12px 0 0;color:var(--muted);line-height:1.55}.tab-reading-player{width:100%;min-width:0;justify-self:stretch}.tab-reading-player .alphatab-viewer{margin:0;border-radius:8px}.tab-reading-player .alphatab-head h3{font-size:clamp(1.25rem,2.4vw,2rem)}.tab-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.tab-reading-card{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;display:grid;grid-template-rows:auto auto 1fr;gap:12px;min-height:220px;padding:16px;background:radial-gradient(circle at 22% 18%,rgb(var(--color-accent-rgb) / .11),transparent 7.5rem),linear-gradient(180deg,#ffffff09,#ffffff03),rgb(var(--color-bg-rgb) / .66);box-shadow:inset 0 1px #ffffff0d}.tab-reading-card-head{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-height:76px}.tab-reading-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--notation-border, #d0d5dd);border-radius:8px;color:var(--notation-ink, #111827);background:var(--notation-paper, #ffffff);box-shadow:0 10px 22px #0000003d,inset 0 0 0 1px rgb(var(--color-accent-rgb) / .18);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:950;line-height:1;overflow:hidden}.tab-reading-icon img{display:block;width:auto;max-width:76%;height:auto;max-height:76%;object-fit:contain;filter:none}.tab-reading-icon.wide img{max-width:88%;max-height:58%}.tab-reading-icon-fallback{display:grid;place-items:center}.tab-reading-label{min-width:0;color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.1;text-align:right;text-transform:uppercase;align-self:center}.tab-reading-card h3{margin:0;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.02rem,1.45vw,1.2rem);font-weight:950;line-height:1.12}.tab-reading-card p{margin:8px 0 0;color:var(--muted);line-height:1.48}.tab-reading-footer{border-radius:8px;padding:18px;color:var(--color-text);background:linear-gradient(90deg,rgb(var(--color-accent-2-rgb) / .32),rgb(var(--color-accent-rgb) / .2)),var(--color-bg);font-weight:950;text-align:center}.plucking-section{display:grid;gap:clamp(16px,2.2vw,24px);border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .18),transparent 25rem),radial-gradient(circle at 86% 14%,rgb(var(--color-accent-2-rgb) / .2),transparent 26rem),linear-gradient(180deg,#ffffff0c,#ffffff03),rgb(var(--color-bg-rgb) / .58)}.plucking-hero{position:relative;min-height:clamp(360px,49vw,560px);display:grid;align-items:end;overflow:hidden;border-radius:8px;isolation:isolate;background:var(--color-bg)}.plucking-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:54% 50%}.plucking-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .9),rgb(var(--color-bg-rgb) / .42) 54%,rgb(var(--color-bg-rgb) / .2)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .76))}.plucking-hero-copy{width:min(720px,100%);padding:clamp(22px,4vw,46px)}.plucking-hero-copy h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3rem,8vw,7.3rem);font-weight:500;line-height:.92;text-transform:none}.plucking-hero-copy p{max-width:620px;margin:16px 0 0;color:var(--color-text);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55}.plucking-info-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr);gap:14px;align-items:stretch}.plucking-hand-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:clamp(14px,2vw,24px);align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:clamp(16px,2.4vw,24px);background:linear-gradient(135deg,rgb(var(--color-text-rgb) / .08),rgb(var(--color-accent-2-rgb) / .08)),rgb(var(--color-bg-rgb) / .64)}.plucking-hand-card h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,3.2vw,2.9rem);font-weight:500;line-height:1.02}.plucking-hand-card p{margin:12px 0 0;color:var(--muted);line-height:1.55}.plucking-hand-card figure{display:grid;place-items:center;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;color-scheme:light;background:var(--notation-paper, #ffffff)}.plucking-hand-card img{display:block;width:min(100%,150px);height:auto}.plucking-finger-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plucking-finger-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:rgb(var(--color-bg-rgb) / .66)}.plucking-finger-list strong{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold));font-size:1.25rem;font-weight:950}.plucking-finger-list h4{margin:0;color:var(--color-text);font-size:1rem;line-height:1.1}.plucking-finger-list p{margin:5px 0 0;color:var(--muted);font-size:.92rem;line-height:1.35}.plucking-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plucking-insight{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:16px;background:radial-gradient(circle at 20% 10%,rgb(var(--color-accent-rgb) / .11),transparent 8rem),linear-gradient(180deg,#ffffff09,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.plucking-insight span{display:inline-block;margin-bottom:12px;color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-insight h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:500;line-height:1.08}.plucking-insight p{margin:10px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}.plucking-example-groups{display:grid;gap:clamp(18px,2.4vw,26px)}.plucking-example-group{display:grid;gap:14px}.plucking-example-group>header{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.plucking-example-group>header span{display:block;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-example-group>header strong{display:block;margin-top:7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;line-height:1}.plucking-example-group>header p{max-width:780px;margin:10px 0 0;color:var(--muted);line-height:1.48}.plucking-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}.plucking-example{min-width:0;display:grid;gap:12px}.plucking-example header{min-height:150px;border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.plucking-example header span{display:block;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.plucking-example header em{display:block;margin-top:7px;color:#d7c4a8;font-size:.82rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.plucking-example header strong{display:block;margin-top:7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;line-height:1}.plucking-example header p{max-width:580px;margin:10px 0 0;color:var(--muted);line-height:1.48}.plucking-example .alphatab-viewer{margin:0;border-radius:8px}.plucking-example .alphatab-head h3{font-size:clamp(1.16rem,2.2vw,1.58rem)}.plucking-example .alphatab-head{align-items:center;padding-bottom:8px}.plucking-example .alphatab-toolbar{padding-bottom:14px}.plucking-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:linear-gradient(90deg,rgb(var(--color-text-rgb) / .62),rgb(var(--color-accent-rgb) / .92)),var(--gold2);font-weight:950;text-align:center}.strumming-section{--strumming-surface: color-mix(in srgb, var(--color-surface) 78%, transparent);--strumming-surface-raised: color-mix(in srgb, var(--color-surface-raised) 82%, transparent);--strumming-border: rgb(var(--color-accent-rgb) / .28);--strumming-border-soft: rgb(var(--color-text-rgb) / .11);--strumming-heading: var(--color-text);--strumming-copy: var(--color-text-muted);display:grid;gap:clamp(16px,2.4vw,26px);border:1px solid var(--strumming-border);border-radius:8px;padding:clamp(14px,2vw,22px);background:radial-gradient(circle at 14% 12%,rgb(var(--color-accent-rgb) / .16),transparent 24rem),radial-gradient(circle at 86% 18%,rgb(var(--color-accent-2-rgb) / .13),transparent 27rem),linear-gradient(180deg,rgb(var(--color-text-rgb) / .042),rgb(var(--color-text-rgb) / .01)),color-mix(in srgb,var(--color-bg) 86%,transparent)}.strumming-hero{position:relative;min-height:clamp(350px,42vw,520px);display:grid;align-items:end;overflow:hidden;border-radius:8px;isolation:isolate;background:var(--color-bg)}.strumming-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:58% 48%}.strumming-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070ceb,#05070c8f 50%,#05070c29),linear-gradient(180deg,#05070c05,#05070cd6)}.strumming-hero-copy{width:min(900px,100%);padding:clamp(22px,4vw,48px)}.strumming-hero-copy h2{margin:0;color:#f8fafc;font-family:var(--font-brand);font-size:clamp(3.4rem,5.6vw,6.2rem);font-weight:900;letter-spacing:0;line-height:.88;text-transform:uppercase;white-space:nowrap;overflow-wrap:normal;word-break:normal}.strumming-brush{width:fit-content;margin:14px 0!important;padding:7px 14px;color:#fff!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.25rem,2.6vw,2.15rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 12%,96% 0,100% 50%,94% 100%,2% 88%)}.strumming-hero-copy p:not(.strumming-brush){max-width:650px;margin:0;color:#e4e7ec;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55}.strumming-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strumming-core-card,.strumming-tech-card,.strumming-pattern-card,.strumming-feel-card,.strumming-damping,.strumming-mistakes,.strumming-use{border:1px solid var(--strumming-border);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .04),rgb(var(--color-text-rgb) / .01)),var(--strumming-surface)}.strumming-core-card{min-width:0;padding:16px}.strumming-card-label{display:flex;gap:9px;align-items:center;margin-bottom:10px}.strumming-card-label>span:last-child{display:inline-block;color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.strumming-icon-badge{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:50%;color:var(--strumming-heading);background:rgb(var(--color-text-rgb) / .055)}.strumming-icon-badge svg,.strumming-section-label svg,.strumming-direction svg,.strumming-mistakes li svg{width:20px;height:20px;display:block;stroke:currentColor}.strumming-core-card h3,.strumming-tech-card h4,.strumming-damping h3,.strumming-mistakes h3,.strumming-use h3,.strumming-feel-section h3,.strumming-section-head h3,.strumming-tech-copy h3{margin:0;color:var(--strumming-heading);font-family:var(--font-brand);font-weight:900;line-height:1.06}.strumming-core-card h3{font-size:clamp(1.25rem,1.9vw,1.7rem)}.strumming-core-card p,.strumming-tech-card p,.strumming-pattern-card p,.strumming-feel-section p,.strumming-feel-card p,.strumming-damping p,.strumming-mistakes li,.strumming-use article>span:not(.strumming-icon-badge),.strumming-section-head p,.strumming-tech-copy p{color:var(--muted);line-height:1.5}.strumming-core-card p,.strumming-tech-card p{margin:10px 0 0}.strumming-tech-section{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.2fr);gap:14px;align-items:stretch}.strumming-tech-copy{align-self:start;border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.strumming-tech-copy h3,.strumming-section-head h3,.strumming-feel-section h3{font-size:clamp(1.7rem,3vw,2.65rem)}.strumming-tech-copy p,.strumming-section-head p,.strumming-feel-section p{max-width:760px;margin:10px 0 0}.strumming-photo-explain{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.strumming-photo-card{position:relative;min-width:0;min-height:0;aspect-ratio:4 / 3;overflow:hidden;margin:0;border:1px solid var(--strumming-border);border-radius:8px;background:var(--color-bg)}.strumming-photo-card.main{min-height:0;max-height:480px;max-width:720px}.strumming-photo-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 52%}.strumming-photo-card figcaption{position:absolute;left:12px;right:12px;bottom:12px;border-radius:6px;padding:9px 10px;color:var(--strumming-heading);background:color-mix(in srgb,var(--color-bg) 80%,transparent);font-size:.84rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.strumming-tech-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.strumming-tech-card{padding:15px}.strumming-tech-card h4{font-size:clamp(1.16rem,1.65vw,1.45rem)}.strumming-patterns-section{display:grid;gap:14px}.strumming-section-head{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.strumming-patterns-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.strumming-pattern-card{min-width:0;padding:14px}.strumming-pattern-card header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}.strumming-pattern-card header>span{width:42px;height:42px;display:grid;place-items:center;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:50%;font-weight:950}.strumming-pattern-card h3{margin:0;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:.04em;line-height:1;text-transform:uppercase}.strumming-pattern-card header p{margin:3px 0 0;color:var(--strumming-copy);font-size:.86rem;font-weight:850}.strumming-pattern-card>p{margin:11px 0 0;font-size:.92rem}.strumming-pattern-grid{display:grid;grid-template-columns:repeat(8,minmax(24px,1fr));border:1px solid rgb(var(--color-accent-rgb) / .42);overflow:hidden}.strumming-count,.strumming-direction{min-height:36px;display:grid;place-items:center;border-right:1px solid rgb(var(--color-accent-rgb) / .25);font-weight:950}.strumming-count:nth-child(8),.strumming-direction:nth-child(16){border-right:0}.strumming-count{color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);font-size:.9rem}.strumming-direction{border-top:1px solid rgb(var(--color-accent-rgb) / .25);color:var(--strumming-heading);background:rgb(var(--color-text-rgb) / .035);font-size:1.45rem;line-height:1}.strumming-direction.up{color:var(--color-accent-2)}.strumming-direction.rest{background:linear-gradient(90deg,transparent calc(50% - 1px),rgb(var(--color-text-rgb) / .16) 50%,transparent calc(50% + 1px)),#ffffff05}.strumming-direction.accent{color:var(--color-bg);background:var(--gold2)}.strumming-feel-section{display:grid;grid-template-columns:minmax(430px,1fr) minmax(280px,.62fr);gap:clamp(18px,3vw,30px);align-items:center;border:1px solid var(--strumming-border);border-radius:8px;padding:clamp(22px,3vw,34px);background:linear-gradient(90deg,rgb(var(--color-text-rgb) / .04),transparent 46%),var(--strumming-surface-raised)}.strumming-feel-copy{max-width:760px}.strumming-feel-copy .section-label{position:relative;width:fit-content;margin-bottom:12px;padding:8px 18px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)}.strumming-section-label{display:inline-flex;gap:8px;align-items:center}.strumming-section-label svg{color:currentColor}.strumming-feel-copy h3{max-width:660px;color:var(--strumming-heading);font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:.95;text-shadow:0 2px 0 rgb(var(--color-accent-2-rgb) / .28)}.strumming-feel-copy p{max-width:660px;margin-top:16px;color:var(--strumming-copy);font-size:clamp(1rem,1.45vw,1.18rem)}.strumming-feel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border:1px solid var(--strumming-border-soft);border-radius:8px;background:linear-gradient(180deg,rgb(var(--color-text-rgb) / .052),rgb(var(--color-text-rgb) / .012)),color-mix(in srgb,var(--color-bg) 62%,transparent)}.strumming-feel-card{border:0;background:transparent;padding:4px 6px;text-align:center}.strumming-feel-card .strumming-icon-badge{margin:0 auto 12px}.strumming-feel-card strong{display:block;color:var(--gold2);font-weight:950;text-transform:uppercase}.strumming-feel-card p{margin:8px 0 0;font-size:.92rem}.strumming-bottom-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(230px,.85fr) minmax(260px,1fr);gap:12px;align-items:stretch}.strumming-damping,.strumming-mistakes,.strumming-use{padding:16px}.strumming-damping h3,.strumming-mistakes h3,.strumming-use h3{font-size:clamp(1.35rem,2.2vw,1.9rem)}.strumming-damping-visual{position:relative;min-height:180px;overflow:hidden;margin:14px 0 0;border:1px solid var(--strumming-border);border-radius:8px;background:var(--color-bg)}.strumming-damping-visual img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;object-position:48% 48%}.strumming-damping article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-top:14px;padding-top:14px;border-top:1px solid var(--strumming-border-soft)}.strumming-damping h4{margin:0 0 6px;color:var(--gold2);font-size:1rem;text-transform:uppercase}.strumming-damping p{margin:0}.strumming-mistakes ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.strumming-mistakes li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start}.strumming-mistakes li svg{width:22px;height:22px;display:grid;margin-top:1px;color:var(--gold2)}.strumming-use>div{display:grid;gap:10px;margin-top:14px}.strumming-use article{display:grid;grid-template-columns:34px 78px minmax(0,1fr);gap:10px;align-items:center}.strumming-use strong{color:var(--gold2);font-weight:950;text-transform:uppercase}.strumming-use article>span:not(.strumming-icon-badge){min-width:0}.strumming-footer{border-radius:8px;padding:18px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2) 48%,var(--color-accent)),var(--gold2);font-family:var(--font-brand);font-size:clamp(1.45rem,4vw,3.1rem);line-height:1.02;letter-spacing:.045em;text-align:center;text-transform:uppercase}.fretboard-overview,.fretboard-step-card{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .48)}.fretboard-overview{display:grid;gap:16px;padding:clamp(14px,2vw,20px)}.fretboard-overview h2{max-width:760px;margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,3vw,2.55rem);font-weight:500;line-height:1.08}.fretboard-overview p{max-width:820px;margin:10px 0 0;color:var(--muted);line-height:1.52}.fretboard-legend-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fretboard-legend-row span{border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:999px;padding:7px 10px;color:var(--color-text);background:rgb(var(--color-accent-rgb) / .09);font-size:.84rem;font-weight:900}.fretboard-legend-row .legend-string{border-color:rgb(var(--color-accent-2-rgb) / .72);color:#59ff7c;background:rgb(var(--color-accent-2-rgb) / .11)}.fretboard-legend-row .legend-fret{border-color:#1bcaffb8;color:#52d9ff;background:#1bcaff1c}.fretboard-legend-row .legend-octave{border-color:#ff4a2fcc;color:var(--color-accent);background:#ff4a2f21}.fretboard-legend-row .legend-note{border-color:rgb(var(--color-accent-rgb) / .78);color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .12)}.fretboard-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fretboard-mobile-workbench{display:none}.fretboard-step-card{display:flex;min-height:230px;flex-direction:column;padding:18px}.fretboard-step-card span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:14px;border:2px solid var(--gold2);border-radius:50%;color:var(--gold2);font-size:1.25rem;font-weight:950}.fretboard-step-card.step-1{border-color:rgb(var(--color-accent-2-rgb) / .58)}.fretboard-step-card.step-1 span{border-color:#2df45d;color:#2df45d;box-shadow:0 0 0 4px rgb(var(--color-accent-2-rgb) / .08)}.fretboard-step-card.step-2{border-color:#1bcaff94}.fretboard-step-card.step-2 span{border-color:#1bcaff;color:#1bcaff;box-shadow:0 0 0 4px #1bcaff14}.fretboard-step-card.step-3{border-color:rgb(var(--color-accent-rgb) / .62)}.fretboard-step-card.step-3 span{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .1)}.fretboard-step-card h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:500;line-height:1.08;font-size:clamp(1.35rem,2.5vw,2rem)}.fretboard-step-card p{margin:10px 0 0;color:var(--muted);line-height:1.52}.fretboard-step-card.apply{border-color:rgb(var(--color-accent-2-rgb) / .46);background:linear-gradient(180deg,rgb(var(--color-accent-2-rgb) / .11),#ffffff03),rgb(var(--color-bg-rgb) / .48)}.path-action{margin-top:16px;border:0;border-radius:6px;padding:11px 14px;color:var(--color-bg);background:var(--gold2);cursor:pointer;font-weight:950}.fretboard-step-card .path-action{align-self:flex-start;margin-top:auto}.fretboard-marker.string-number circle{stroke:rgb(var(--color-text-rgb) / .62);stroke-width:2.2}.fretboard-marker.string-number circle{fill:#2df45d;stroke:#d4ffdeeb}.fretboard-marker.string-number text{fill:var(--color-bg)}.fretboard-basics-map .fretboard-number{fill:#1bcaff;text-shadow:0 0 11px rgba(27,202,255,.52)}.fretboard-basics-map .fretboard-number.fret-12{fill:var(--color-accent);text-shadow:0 0 12px rgba(255,74,47,.62)}.fretboard-basics-map{min-width:0}.fretboard-basics-map .fretboard-fret.fret-12{stroke:#ff4a2fc7}.fretboard-basics-map .fretboard-inlay.fret-12 circle{fill:#ff4a2f1c;stroke:rgb(var(--color-accent-rgb) / .38)}.fretboard-basics-map .fretboard-tuning{fill:var(--color-accent);text-shadow:0 0 10px rgb(var(--color-accent-rgb) / .5)}.fretboard-basics-map .fretboard-marker.string-number text{fill:var(--color-bg)}.legend{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.code-line{margin-top:8px;color:var(--muted);font-size:.9rem}.tones{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin:5px 0 12px;font-family:var(--font-brand);color:var(--color-text);font-weight:900;font-size:clamp(2.3rem,4vw,3.5rem)}.tone-dash{color:var(--muted)}.copy{color:var(--muted);line-height:1.55;margin:0 0 8px}.degrees{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.degree{text-align:center;color:var(--muted)}.degree-circle{width:66px;height:66px;margin:0 auto 6px;border:2px solid rgb(var(--color-text-rgb) / .76);border-radius:50%;display:grid;place-items:center;color:var(--cream);font-weight:950;line-height:.9;font-size:1.3rem}.degree-circle small{display:block;font-size:.68rem;color:var(--muted)}.check{display:flex;gap:10px;color:var(--cream);line-height:1.45;align-items:flex-start}.check:before{content:"✓";flex:0 0 27px;height:27px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:950}.formula-check{display:grid;grid-template-columns:27px minmax(0,1fr);gap:6px 10px;align-items:start}.formula-check:before{grid-row:1 / span 2}.formula-check strong{color:var(--cream);font-size:1.2rem;font-weight:950;line-height:1.2;overflow-wrap:anywhere}.character-list,.use-list,.links-list{display:grid;gap:12px}.character-item,.use-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:var(--cream);line-height:1.42}.ico{color:var(--gold2);font-size:1.25rem}.ico svg{display:block}.use-item strong{display:block;color:var(--gold2);text-transform:uppercase}.use-item span{color:var(--muted);font-size:.92rem}.progressions{display:grid;gap:10px}.prog{display:grid;grid-template-columns:1fr;gap:6px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#00000029}.prog b{font-size:clamp(1.22rem,5.4vw,1.5rem);color:var(--color-text);letter-spacing:.04em;line-height:1.15;white-space:nowrap}.prog span{color:var(--muted);font-size:.86rem;line-height:1.35;text-align:left}.variants{display:grid;gap:15px}.variant{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgb(var(--color-accent-rgb) / .18)}.variant:last-child{padding-bottom:0;border-bottom:0}.variant h3{margin:0 0 4px;color:var(--color-text)}.variant p{margin:0;color:var(--muted);line-height:1.45}.side-panel{position:sticky;top:calc(var(--topbar) + 22px);display:grid;gap:14px}.side-card{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:22px;background:rgb(var(--color-bg-rgb) / .68);padding:16px;box-shadow:0 14px 36px #00000038}.side-card h3{margin:0 0 10px;color:var(--gold2);text-transform:uppercase;font-size:.95rem;letter-spacing:.045em}.link-card{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:15px;background:#ffffff09;color:var(--cream);padding:12px;text-align:left;cursor:pointer}.link-card:hover{background:rgb(var(--color-accent-rgb) / .13)}.link-card strong{display:block}.link-card span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.item-card{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:22px;background:rgb(var(--color-bg-rgb) / .64);padding:18px;cursor:pointer;min-height:150px}.item-card:hover{background:rgb(var(--color-accent-rgb) / .11)}.item-card h3{margin:0 0 8px;font-size:1.45rem}.item-card p{margin:0 0 14px;color:var(--muted);line-height:1.45}.item-card .mini-meta{color:var(--gold2);font-weight:850;font-size:.86rem}.learning-path-detail{display:grid;gap:clamp(18px,3vw,28px)}.learning-paths-hub{display:grid;min-width:0;gap:clamp(var(--public-space-4),2.6vw,var(--public-space-7));color:var(--public-text-primary)}.learning-paths-hub__header{border-color:var(--public-border-strong);background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .74)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .16),rgb(var(--color-bg-rgb) / .58)),url(/FOTOS/HINTERGRUNDBILDER/LERNPFADE_HINTERGUND.png) center / cover no-repeat,var(--public-panel-bg)}.learning-paths-section__header span{color:var(--public-accent-orange);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.learning-paths-section__header p{max-width:760px;margin:0;color:var(--public-text-secondary);line-height:1.55}.learning-paths-hub__sections{display:grid;min-width:0;gap:clamp(18px,3.2vw,30px)}.learning-paths-section{display:grid;min-width:0;gap:14px}.learning-paths-section__header{display:flex;justify-content:space-between;gap:18px;align-items:end}.learning-paths-section__header h2{margin:5px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2.25rem);font-weight:500;line-height:1.08}.learning-path-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learning-path-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learning-path-card{display:grid;min-width:0;width:100%;grid-template-rows:auto 1fr auto;gap:10px;overflow:hidden;border:1px solid var(--public-border-subtle);border-radius:var(--public-radius-card);padding:0;color:inherit;background:linear-gradient(180deg,#ffffff0b,#00000017),var(--public-card-bg);box-shadow:var(--public-shadow-card);cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.level-mission-card{min-height:230px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:22px;background:linear-gradient(145deg,#ffffff0a,rgb(var(--color-accent-rgb) / .08)),rgb(var(--color-bg-rgb) / .7);color:var(--cream);padding:clamp(16px,2.4vw,24px);text-align:left;cursor:pointer;box-shadow:0 18px 52px #0000003d}.learning-path-card:hover{border-color:rgb(var(--color-accent-rgb) / .48);background:linear-gradient(180deg,#ffffff12,#0000000f),rgb(var(--color-bg-rgb) / .82);box-shadow:var(--public-shadow-panel);transform:translateY(-2px)}.learning-path-card:focus-visible{outline:0;box-shadow:var(--public-focus-ring);outline-offset:3px}.level-mission-card:hover{background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .14),#ffffff0a),rgb(var(--color-bg-rgb) / .78);border-color:rgb(var(--color-accent-rgb) / .5)}.learning-path-card__visual{position:relative;display:block;width:100%;aspect-ratio:16 / 9;min-width:0;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgb(var(--color-accent-rgb) / .26),transparent 34%),linear-gradient(135deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .95))}.learning-path-card__visual img{display:block;width:100%;height:100%;object-fit:var(--image-fit, cover);object-position:var(--image-focus, center 38%)}.learning-path-card__visual--person-photo img,.learning-path-card__visual--hero-photo img,.learning-path-card__visual--card-photo img,.learning-path-card__visual--photo img{object-fit:cover}.learning-path-card__visual--card-graphic img,.learning-path-card__visual--infographic img,.learning-path-card__visual--diagram img,.learning-path-card__visual--icon img,.learning-path-card__visual--graphic img{object-fit:contain;object-position:center center;padding:clamp(8px,2vw,14px);box-sizing:border-box}.learning-path-card__fallback{display:grid;width:100%;height:100%;place-items:center}.learning-path-card__fallback img{width:min(50px,28%);height:min(50px,28%);object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 16px rgba(0,0,0,.36))}.learning-path-card__body{display:block;min-width:0;padding:2px 13px 0}.learning-path-genre{display:block;color:var(--gold2);font-size:.7rem;font-weight:900;letter-spacing:.055em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.mission-number{display:inline-flex;width:fit-content;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:999px;padding:6px 10px;color:var(--gold2);font-size:.78rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.mission-number{margin-bottom:0}.level-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 14px}.level-status-badge,.next-mission-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950;letter-spacing:.06em;line-height:1;text-transform:uppercase}.level-status-badge{border:1px solid rgb(var(--color-text-rgb) / .18);background:#ffffff09;color:var(--muted)}.level-status-badge.started{border-color:rgb(var(--color-accent-rgb) / .38);background:rgb(var(--color-accent-rgb) / .12);color:var(--gold2)}.level-status-badge.completed{border-color:rgb(var(--color-accent-2-rgb) / .4);background:rgb(var(--color-accent-2-rgb) / .12);color:#9bd69d}.next-mission-badge{border:1px solid rgb(var(--color-accent-rgb) / .48);background:rgb(var(--color-accent-rgb) / .16);color:var(--color-accent)}.learning-path-card strong{display:-webkit-box;margin:6px 0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.03rem,1.55vw,1.28rem);font-weight:600;line-height:1.12;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.level-mission-card strong{display:block;margin-bottom:10px;color:var(--color-text);font-size:clamp(1.45rem,2.7vw,2.1rem);line-height:1.08}.learning-path-card p{display:-webkit-box;margin:0;color:var(--public-text-secondary);font-size:.86rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.level-mission-card p{margin:0 0 18px;color:var(--muted);line-height:1.5}.learning-path-card__meta{display:flex;min-width:0;flex-wrap:wrap;gap:6px;padding:0 13px 13px}.learning-path-card__meta span{max-width:100%;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:999px;padding:4px 7px;color:var(--public-text-muted);background:rgb(var(--color-text-rgb) / .045);font-size:.72rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}.learning-path-card__meta .learning-path-card__status{border-color:rgb(var(--color-accent-rgb) / .42);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .14);text-transform:uppercase}.learning-path-detail{width:min(1180px,100%);margin:0 auto}.learning-path-detail__back{justify-self:start;border:1px solid rgb(var(--color-accent-rgb) / .35);border-radius:8px;padding:10px 13px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .78);cursor:pointer;font-weight:900}.learning-path-detail__back:hover{border-color:rgb(var(--color-accent-rgb) / .58);background:rgb(var(--color-accent-rgb) / .12)}.learning-path-detail__back:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .42);outline-offset:3px}.level-mission-card em{display:block;color:var(--gold2);font-size:.9rem;font-style:normal;font-weight:850;line-height:1.35}@media(max-width:1080px){.learning-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.learning-paths-section__header{display:grid}.learning-path-grid{grid-template-columns:minmax(0,1fr)}.learning-path-card__visual img{object-position:var(--image-focus-mobile, var(--image-focus, center 38%))}}.learning-path-hero,.level-detail-head{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:28px;background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .9)),rgb(var(--color-bg-rgb) / .76);box-shadow:var(--shadow)}.chord-module-hub{display:grid;min-width:0;gap:clamp(var(--public-space-4),2.4vw,var(--public-space-6));color:var(--public-text-primary)}.chord-module-hub__header{min-width:0;border:1px solid var(--public-border-strong);border-radius:var(--public-radius-panel);background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .78)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .1),rgb(var(--color-bg-rgb) / .42)),url(/FOTOS/HINTERGRUNDBILDER/AKKORDE_HINTERGUND.png) center / cover no-repeat,var(--public-module-bg);box-shadow:var(--public-shadow-panel)}.chord-module-hub__header.publicModuleHeader--library-flat{border:0;border-color:var(--public-border-subtle);border-radius:0;background:transparent;box-shadow:none;min-height:0;padding:6px 0 10px;border-bottom:1px solid var(--public-border-subtle)}.chord-module-hub__header.publicModuleHeader--library-flat .publicModuleHeader__title{font-size:clamp(1.8rem,3vw,2.65rem);line-height:.98}@media(max-width:620px){.chord-module-hub{gap:12px}.chord-module-hub__header.publicModuleHeader--library-flat{min-height:0;padding:4px 0 8px}.chord-module-hub__header .publicModuleHeader__copy{align-items:center}.chord-module-hub__header .publicModuleHeader__media,.chord-module-hub__header .publicModuleHeader__kicker,.chord-module-hub__header .publicModuleHeader__subtitle{display:none}.chord-module-hub__header .publicModuleHeader__title{font-size:clamp(1.65rem,7.5vw,1.95rem);line-height:1}}.chord-module-hub .chord-explorer-panel{border:0;border-radius:0;padding-inline:0;background:transparent;box-shadow:none}.chord-module-hub .chord-explorer-panel__controls{border-width:1px 0;border-radius:0;padding-block:clamp(16px,2.4vw,24px);background:transparent}.learning-path-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:clamp(18px,4vw,38px);align-items:center;padding:clamp(20px,3.6vw,34px)}.learning-path-hero{background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .72)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .18),rgb(var(--color-bg-rgb) / .56)),url(/FOTOS/HINTERGRUNDBILDER/LERNPFADE_HINTERGUND.png) center / cover no-repeat,rgb(var(--color-bg-rgb) / .76)}.learning-path-hero h1,.level-detail-head h2{margin:8px 0 10px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2.6rem,6vw,5.4rem);font-weight:900;letter-spacing:.03em;line-height:.95;text-transform:uppercase}.learning-path-hero p,.level-detail-head p{max-width:760px;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.learning-path-subtitle{margin-bottom:10px!important;color:var(--color-text)!important;font-size:clamp(1.15rem,2vw,1.45rem)!important;font-weight:850}.learning-path-stat{min-height:180px;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:22px;display:grid;place-items:center;padding:18px;text-align:center;background:#0003}.learning-path-stat span{color:var(--gold2);font-family:var(--font-brand);font-size:clamp(4rem,8vw,7rem);line-height:.9}.learning-path-stat strong,.learning-path-stat em{display:block}.learning-path-stat strong{color:var(--cream);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.learning-path-stat em{color:var(--muted);font-size:.85rem;font-style:normal}.learning-path-toolbar{display:flex;flex-wrap:wrap;gap:10px}.path-action.ghost{background:#ffffff09;color:var(--cream)}.path-action.danger{border:1px solid color-mix(in srgb,var(--color-danger) 46%,transparent);background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--cream)}.path-action.danger.confirm{background:color-mix(in srgb,var(--color-danger) 22%,transparent)}.path-action:disabled{cursor:default;opacity:.62}.dashboard-shell__header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,34px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:22px;padding:clamp(22px,3.2vw,38px);background:radial-gradient(circle at 92% 12%,rgb(var(--color-accent-2-rgb) / .18),transparent 34%),linear-gradient(135deg,rgb(var(--color-surface-raised-rgb) / .96),rgb(var(--color-bg-rgb) / .78));box-shadow:inset 0 1px rgb(var(--color-text-rgb) / .08),0 22px 58px #0000003d}.dashboard-shell__header:after{position:absolute;right:-70px;bottom:-105px;width:240px;height:240px;border:1px solid rgb(var(--color-accent-2-rgb) / .14);border-radius:50%;content:"";pointer-events:none}.dashboard-shell__header-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,2.4vw,26px);min-width:0}.dashboard-shell__header-icon{display:grid;width:clamp(58px,7vw,76px);aspect-ratio:1;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:20px;color:var(--gold2);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .18),rgb(var(--color-accent-2-rgb) / .08));box-shadow:inset 0 1px rgb(var(--color-text-rgb) / .1)}.dashboard-shell__header-copy{display:grid;gap:7px}.dashboard-shell__eyebrow{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.dashboard-shell__header-copy .module-hub__title{margin:0;color:var(--cream);font-family:var(--font-display);font-size:clamp(2rem,4.2vw,3.35rem);line-height:.98}.dashboard-shell__header-copy p{max-width:700px;margin:0;color:var(--soft);font-size:clamp(.9rem,1.4vw,1.03rem);line-height:1.55}.dashboard-shell__profile{justify-self:end}.dashboard-shell__nav .path-action,.dashboard-cross-role-actions .path-action,.dashboard-section-card__actions .path-action{margin-top:0}.dashboard-section-card__actions .path-action{min-height:32px;border-radius:999px;padding:0 12px;font-size:.78rem}.dashboard-shell__nav-action.active{background:var(--gold2);color:var(--color-bg)}.dashboard-cross-role-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.dashboard-section-grid{align-items:stretch}.teacher-dashboard-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.teacher-dashboard-overview__primary{min-width:0}.teacher-dashboard-overview__primary .dashboard-section-card{border-color:rgb(var(--color-accent-rgb) / .28);background:#ffffff0e}.teacher-dashboard-overview__primary .dashboard-section-card h3{font-size:1.08rem}.teacher-dashboard-overview__item{min-width:0}.teacher-dashboard-widget-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0}.teacher-dashboard-widget-stats div{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 8px;background:#ffffff09}.teacher-dashboard-widget-stats dt{color:var(--soft);font-size:.68rem;font-weight:850;text-transform:uppercase}.teacher-dashboard-widget-stats dd{margin:2px 0 0;color:var(--cream);font-size:1rem;font-weight:900}.teacher-dashboard-widget-list{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.teacher-dashboard-widget-list li{min-width:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.07);padding-top:6px;color:var(--soft);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.teacher-dashboard-home{display:grid;gap:clamp(22px,3vw,34px)}.teacher-dashboard-primary,.teacher-dashboard-tools,.teacher-dashboard-sessions{display:grid;gap:14px}.teacher-dashboard-section-heading{display:grid;gap:3px}.teacher-dashboard-section-heading>span,.teacher-lesson-list-page__header>div>span,.teacher-assignment-compact__header>div>span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.teacher-dashboard-section-heading h2,.teacher-lesson-list-page__header h2,.teacher-assignment-compact__header h2{margin:0;color:var(--cream);font-size:clamp(1.25rem,2vw,1.65rem)}.teacher-dashboard-section-heading p,.teacher-lesson-list-page__header p,.teacher-assignment-compact__header p{margin:2px 0 0;color:var(--soft)}.teacher-dashboard-primary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.teacher-dashboard-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-dashboard-action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:15px;color:var(--cream);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .08),transparent 58%),#ffffff09;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.teacher-dashboard-action-card:hover,.teacher-dashboard-action-card:focus-visible{border-color:rgb(var(--color-accent-rgb) / .62);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .15),transparent 62%),#ffffff0e;box-shadow:0 12px 30px #0003;transform:translateY(-2px)}.teacher-dashboard-action-card:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .42);outline-offset:3px}.teacher-dashboard-action-card.is-disabled{cursor:not-allowed;opacity:.58}.teacher-dashboard-action-card--primary{min-height:178px;padding:clamp(18px,2.6vw,28px);border-color:rgb(var(--color-accent-rgb) / .34);background:radial-gradient(circle at 94% 12%,rgb(var(--color-accent-rgb) / .22),transparent 36%),#ffffff0d}.teacher-dashboard-action-card--editor{border-color:#ff7e3d6b;background:radial-gradient(circle at 92% 14%,rgba(255,126,61,.23),transparent 37%),#ffffff0d}.teacher-dashboard-action-card__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:12px;color:var(--gold2);background:rgb(var(--color-accent-rgb) / .12)}.teacher-dashboard-action-card--primary .teacher-dashboard-action-card__icon{width:56px;height:56px}.teacher-dashboard-action-card__copy{display:grid;gap:4px;min-width:0}.teacher-dashboard-action-card__copy>span:first-child{color:var(--gold2);font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.teacher-dashboard-action-card__copy strong{color:var(--cream);font-size:1rem;line-height:1.15}.teacher-dashboard-action-card--primary .teacher-dashboard-action-card__copy strong{font-size:clamp(1.35rem,2.2vw,1.8rem)}.teacher-dashboard-action-card__copy small{color:var(--soft);font-size:.8rem;line-height:1.42}.teacher-dashboard-action-card__arrow{color:var(--gold2);transition:transform .15s ease}.teacher-dashboard-action-card:hover .teacher-dashboard-action-card__arrow,.teacher-dashboard-action-card:focus-visible .teacher-dashboard-action-card__arrow{transform:translate(3px)}.teacher-dashboard-action-card__stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.teacher-dashboard-action-card__stats>span{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;color:var(--soft);background:#00000029;font-size:.72rem}.teacher-dashboard-action-card__stats b{color:var(--cream)}.teacher-dashboard-session-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:8px;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px;color:inherit;background:#ffffff06;font:inherit;text-align:left;cursor:pointer}.teacher-dashboard-session-list:hover,.teacher-dashboard-session-list:focus-visible{border-color:rgb(var(--color-accent-rgb) / .5)}.teacher-dashboard-session-list:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .38);outline-offset:3px}.teacher-dashboard-session-list>svg{align-self:center;color:var(--gold2)}.teacher-dashboard-session{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;border-radius:10px;padding:10px;background:#ffffff09}.teacher-dashboard-session>svg{color:var(--gold2)}.teacher-dashboard-session>span{display:grid;gap:2px}.teacher-dashboard-session strong,.teacher-dashboard-session b{color:var(--cream)}.teacher-dashboard-session small{color:var(--soft)}.teacher-dashboard-session b{grid-column:1 / -1;overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.teacher-dashboard-tools{scroll-margin-top:24px}.teacher-dashboard-tools__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.student-dashboard-tools__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.teacher-dashboard-action-card--tool{grid-template-columns:auto minmax(0,1fr);align-items:start;min-height:118px}.teacher-dashboard-action-card--tool .teacher-dashboard-action-card__arrow{display:none}@media(max-width:940px){.student-dashboard-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-shell__header{grid-template-columns:minmax(0,1fr);border-radius:18px;padding:20px}.dashboard-shell__header-main{grid-template-columns:minmax(0,1fr)}.dashboard-shell__header-icon{width:52px;border-radius:15px}.dashboard-shell__profile{justify-self:start}.student-dashboard-tools__grid{grid-template-columns:minmax(0,1fr)}}.preview-session-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:10px 0}.preview-session-card__facts div{min-width:0}.preview-session-card__facts dt{color:var(--color-text-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.preview-session-card__facts dd{margin:2px 0 0;color:var(--brand-text);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.favorite-collection{display:grid;gap:18px;min-width:0}.favorite-collection--loading{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.favorite-card-skeleton{min-height:92px;border:1px solid rgb(var(--color-text-rgb) / .08);border-radius:10px;background:linear-gradient(100deg,transparent 25%,rgb(var(--color-text-rgb) / .06) 42%,transparent 60%),rgb(var(--color-text-rgb) / .035);background-size:220% 100%;animation:favorite-card-loading 1.25s linear infinite}@keyframes favorite-card-loading{to{background-position:-220% 0}}.favorite-collection__notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:10px;padding:10px 12px;color:var(--public-text-muted);background:rgb(var(--color-accent-rgb) / .08)}.favorite-collection__notice button{border:0;padding:0;color:var(--public-accent-pink);background:transparent;cursor:pointer;font:inherit;font-weight:850}.favorite-group{display:grid;gap:10px;min-width:0}.favorite-group>header{display:flex;align-items:center;gap:8px;color:var(--public-text-muted)}.favorite-group>header svg{color:var(--public-accent-pink)}.favorite-group>header h2{margin:0;color:var(--public-text-primary);font-size:1rem}.favorite-group>header span{display:inline-grid;min-width:22px;min-height:22px;place-items:center;border-radius:999px;background:rgb(var(--color-text-rgb) / .08);font-size:.72rem;font-weight:900}.favorite-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.favorite-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;min-width:0;min-height:82px;border:1px solid var(--public-border-subtle);border-radius:10px;padding:12px 13px;color:var(--public-text-primary);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .07),transparent 58%),var(--public-card-bg);box-shadow:var(--public-shadow-card);text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.favorite-card:hover,.favorite-card:focus-visible{border-color:rgb(var(--color-accent-rgb) / .48);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .13),transparent 62%),var(--public-card-bg-hover);outline:3px solid rgb(var(--color-accent-rgb) / .18);outline-offset:2px;transform:translateY(-1px)}.favorite-card strong,.favorite-card small,.favorite-card__type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-card strong{grid-column:1;font-size:.92rem}.favorite-card small{grid-column:1;color:var(--public-text-muted)}.favorite-card__type{grid-column:1;color:var(--public-accent-pink);font-size:.66rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.favorite-card>svg,.favorite-card__unavailable{grid-column:2;grid-row:1 / span 3}.favorite-card>svg{color:var(--public-accent-pink)}.favorite-card.is-unavailable{opacity:.68}.favorite-card__unavailable{max-width:78px;color:var(--public-text-muted);font-size:.68rem;text-align:right}.favorite-collection .dashboard-empty-state__copy{margin:0}.favorite-collection .path-action{display:inline-flex;align-items:center;gap:6px}.student-assignment-card h3,.organizer-summary-readonly h3{overflow-wrap:anywhere}.student-assignment-card--clickable{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.student-assignment-card--clickable:not(.is-disabled):hover,.student-assignment-card--clickable:not(.is-disabled):focus-visible{border-color:rgb(var(--color-accent-rgb) / .58);box-shadow:0 16px 34px #0000003d;outline:0;transform:translateY(-2px)}.student-assignment-card--clickable.is-disabled{opacity:.68}.student-assignment-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.student-assignment-card__priority{border:1px solid rgb(var(--color-accent-2-rgb) / .28);border-radius:999px;padding:4px 8px;color:var(--cream);background:rgb(var(--color-accent-2-rgb) / .12);font-size:.68rem;font-weight:900;text-transform:uppercase}.student-assignment-card__priority.is-high,.student-assignment-card__priority.is-urgent{border-color:rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-accent-rgb) / .16)}.student-assignment-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.student-assignment-card__facts div{min-width:0}.student-assignment-card__facts dt{color:var(--soft);font-size:.67rem;font-weight:900;text-transform:uppercase}.student-assignment-card__facts dd{margin:3px 0 0;color:var(--cream);font-size:.86rem;font-weight:850;overflow-wrap:anywhere}.student-assignment-card__teacher-note{margin:12px 0 0;border-left:3px solid rgb(var(--color-accent-rgb) / .62);padding:8px 10px;color:var(--soft);background:rgb(var(--color-accent-rgb) / .06);line-height:1.45}.student-assignment-card__teacher-note strong{color:var(--cream)}.student-assignment-card__open{display:block;margin-top:14px;color:var(--gold2);font-weight:900}.student-assignment-card__instructions,.student-assignment-card__notice{margin:10px 0 0;color:var(--soft);line-height:1.55;overflow-wrap:anywhere}.student-assignment-card__notice{border-left:3px solid rgb(var(--color-accent-2-rgb) / .55);padding-left:10px}.student-tasks-view{gap:clamp(18px,2.4vw,28px)}.student-tasks-view__header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;overflow:hidden;border:1px solid rgb(var(--color-accent-2-rgb) / .22);border-radius:20px;padding:clamp(22px,3vw,34px);background:radial-gradient(circle at 88% 20%,rgb(var(--color-accent-2-rgb) / .14),transparent 34%),linear-gradient(135deg,rgb(var(--color-text-rgb) / .07),rgb(var(--color-accent-rgb) / .035));box-shadow:0 20px 56px #00000038}.student-tasks-view__header>div:first-child{display:grid;gap:7px;max-width:720px}.student-tasks-view__header h2{font-size:clamp(1.65rem,3.2vw,2.5rem);line-height:1.04}.student-tasks-view__header p{max-width:620px;font-size:.98rem}.student-tasks-view__icon{display:grid;width:clamp(64px,8vw,88px);aspect-ratio:1;place-items:center;border:1px solid rgb(var(--color-accent-2-rgb) / .34);border-radius:24px;color:var(--gold2);background:rgb(var(--color-accent-2-rgb) / .1);box-shadow:inset 0 1px rgb(var(--color-text-rgb) / .12);transform:rotate(3deg)}.student-tasks-view__content{display:grid;gap:clamp(16px,2vw,22px)}.student-tasks-summary{display:grid;grid-template-columns:repeat(2,auto) minmax(260px,1fr);align-items:center;gap:clamp(16px,3vw,34px);border-block:1px solid rgb(var(--color-text-rgb) / .09);padding:16px 4px}.student-tasks-summary>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:8px}.student-tasks-summary strong{color:var(--cream);font-size:clamp(1.55rem,2.8vw,2rem);line-height:1}.student-tasks-summary span,.student-tasks-summary p{color:var(--soft);font-size:.86rem}.student-tasks-summary p{justify-self:end;max-width:390px;margin:0;line-height:1.5;text-align:right}.student-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}.student-assignment-card{--student-task-accent: var(--color-accent-2-rgb);position:relative;min-height:0;overflow:hidden;border-color:rgb(var(--student-task-accent) / .22);border-radius:18px;padding:0;background:radial-gradient(circle at 100% 0%,rgb(var(--student-task-accent) / .12),transparent 42%),linear-gradient(155deg,rgb(var(--color-text-rgb) / .065),rgb(var(--color-bg-rgb) / .56));box-shadow:0 18px 44px #0003}.student-assignment-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,rgb(var(--student-task-accent) / .95),rgb(var(--student-task-accent) / .12));content:""}.student-assignment-card.is-priority-high,.student-assignment-card.is-priority-urgent{--student-task-accent: var(--color-accent-rgb)}.student-assignment-card.is-priority-low{--student-task-accent: var(--color-warning-rgb, var(--color-accent-2-rgb))}.student-assignment-card .module-card__body{display:grid;min-height:0;gap:14px;padding:clamp(18px,2vw,24px)}.student-assignment-card h3{margin:0;color:var(--cream);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.2}.student-task-filters{display:flex;flex-wrap:wrap;gap:10px}.student-task-filters label{display:grid;min-width:180px;gap:5px;color:var(--soft);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.student-task-filters select{border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:10px;padding:9px 34px 9px 11px;color:var(--cream);background:rgb(var(--color-surface-rgb) / .92);color-scheme:dark}[data-theme=light] .student-task-filters select{color-scheme:light}.student-task-filters option{color:var(--cream);background:rgb(var(--color-surface-rgb))}.student-task-section{display:grid;gap:12px}.student-task-section>h3{margin:0;color:var(--cream);font-size:1rem}.student-assignment-grid.is-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.student-assignment-grid.is-compact .student-assignment-card .module-card__body{padding:15px 18px}.student-assignment-grid.is-compact .student-assignment-card__eyebrow,.student-assignment-grid.is-compact .student-assignment-card__footer{display:none}.student-assignment-card__content{display:grid;gap:9px}.student-assignment-card__eyebrow{color:rgb(var(--student-task-accent) / .95);font-size:.67rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.student-assignment-card--clickable{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.student-assignment-card--clickable:not(.is-disabled):hover,.student-assignment-card--clickable:not(.is-disabled):focus-visible{border-color:rgb(var(--student-task-accent) / .62);box-shadow:0 24px 54px #0000004d;transform:translateY(-4px)}.student-assignment-card--clickable:not(.is-disabled):focus-visible{outline:3px solid rgb(var(--student-task-accent) / .26);outline-offset:3px}.student-assignment-card--clickable.is-disabled{opacity:1;background:linear-gradient(155deg,rgb(var(--color-text-rgb) / .035),rgb(var(--color-bg-rgb) / .46))}.student-assignment-card__topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.student-assignment-card__sequence{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid rgb(var(--student-task-accent) / .34);border-radius:11px;color:rgb(var(--student-task-accent) / .98);background:rgb(var(--student-task-accent) / .1);font-size:.72rem;font-weight:950;letter-spacing:.04em}.student-assignment-card__topline .module-card__meta{align-self:center;color:var(--soft);font-size:.76rem;line-height:1.25}.student-assignment-card__priority{align-self:start;border-color:rgb(var(--student-task-accent) / .36);color:var(--cream);background:rgb(var(--student-task-accent) / .12)}.student-assignment-card__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.student-assignment-card__facts>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgb(var(--color-text-rgb) / .07);border-radius:12px;padding:8px 10px;background:rgb(var(--color-text-rgb) / .035)}.student-assignment-card__facts svg{color:rgb(var(--student-task-accent) / .9)}.student-assignment-card__facts dt{font-size:.62rem;letter-spacing:.06em}.student-assignment-card__facts dd{margin-top:2px;font-size:.82rem}.student-assignment-card__teacher-note,.student-assignment-card__notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;border:0;border-radius:12px;padding:8px 10px}.student-assignment-card__teacher-note{color:var(--soft);background:rgb(var(--color-accent-rgb) / .075)}.student-assignment-card__teacher-note svg{color:var(--gold2)}.student-assignment-card__teacher-note span{display:grid;gap:2px;min-width:0}.student-assignment-card__teacher-note strong{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.student-assignment-card__notice{color:var(--soft);background:rgb(var(--color-text-rgb) / .035)}.student-assignment-card__notice svg{color:var(--soft)}.student-assignment-card__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:2px;border-top:1px solid rgb(var(--color-text-rgb) / .08);padding-top:10px}.student-assignment-card__footer>.student-assignment-card__open:first-child{margin-left:auto}.student-assignment-card__status,.student-assignment-card__open{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:.82rem;font-weight:900}.student-assignment-card__status{color:var(--soft)}.student-assignment-card__status>span{display:inline-flex;align-items:baseline;gap:5px}.student-assignment-card__status small{color:var(--cream);font-size:.76rem;font-weight:800}.student-assignment-card__status svg{color:rgb(var(--student-task-accent) / .94)}.student-assignment-card__open{color:var(--gold2)}.student-assignment-card.is-disabled .student-assignment-card__open{color:var(--soft)}@media(max-width:820px){.student-tasks-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-tasks-summary p{grid-column:1 / -1;justify-self:start;text-align:left}.student-assignment-grid,.student-assignment-grid.is-featured{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.student-tasks-view__header{grid-template-columns:minmax(0,1fr)}.student-tasks-view__icon{display:none}.student-tasks-summary{gap:12px}.student-tasks-summary>div{grid-template-columns:1fr;gap:4px}.student-assignment-card__facts{grid-template-columns:minmax(0,1fr)}.student-assignment-card__footer{align-items:flex-start;flex-direction:column}}.student-assignment-detail{display:grid;gap:10px;margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.student-assignment-detail__header{display:grid;gap:4px}.student-assignment-detail__header span{color:var(--gold2);font-size:.72rem;font-weight:900;text-transform:uppercase}.student-assignment-detail__header h4{margin:0;color:var(--cream);font-size:1rem}.student-assignment-detail__header p,.student-assignment-detail p{margin:0;color:var(--soft);line-height:1.5}.student-assignment-lesson-snapshot{display:grid;gap:10px;margin-top:4px}.student-assignment-lesson-snapshot__blocks{display:grid;gap:8px;margin:0;padding:0;list-style:none}.student-assignment-lesson-snapshot__blocks li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.student-assignment-lesson-snapshot__blocks strong,.student-assignment-lesson-snapshot__blocks span{min-width:0;overflow-wrap:anywhere}.student-assignment-lesson-snapshot__blocks span{color:var(--color-text-muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.student-assignment-viewer{display:grid;gap:16px}.student-assignment-viewer__header .path-action{justify-self:start}.student-assignment-viewer__facts{max-width:760px}.student-assignment-viewer .lesson-preview{margin-top:4px}.student-lesson-progress-card{display:grid;gap:10px;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:12px;padding:18px;background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .12),#ffffff06)}.student-lesson-progress-card>span{color:var(--gold2);font-size:.72rem;font-weight:900;text-transform:uppercase}.student-lesson-progress-card h3,.student-lesson-progress-card p{margin:0}.student-lesson-progress-card .path-action{justify-self:start}.student-lesson-progress-card__checks{display:grid;gap:7px;margin:0;padding:0;list-style:none}.student-lesson-progress-card__checks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid rgb(var(--color-text-rgb) / .09);border-radius:10px;padding:9px 10px;color:var(--soft);background:rgb(var(--color-text-rgb) / .025)}.student-lesson-progress-card__checks li[data-passed=true] svg,.student-lesson-progress-card__checks li[data-passed=true] strong{color:var(--color-success)}.student-progress{display:grid;gap:18px}.student-progress__summary,.student-progress__recommendation,.student-progress__competencies,.student-progress__learning-paths,.student-progress__open-checks,.student-progress__lessons,.student-progress__attempts{display:grid;gap:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:clamp(16px,2.4vw,22px);background:radial-gradient(circle at 100% 0%,rgb(var(--color-accent-rgb) / .09),transparent 46%),#ffffff08}.student-progress__overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px}.student-progress__overview>.student-progress__recommendation{grid-column:1 / -1}.student-progress__summary{grid-template-columns:auto minmax(0,1fr);align-items:center}.student-progress__summary>div:last-child{display:grid;gap:5px}.student-progress__summary>div:last-child>span,.student-progress__recommendation>div>span{color:var(--pink);font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.student-progress__summary h3,.student-progress__summary p,.student-progress__recommendation h3,.student-progress__recommendation p{margin:0}.student-progress__summary h3,.student-progress__recommendation h3{color:var(--cream);font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.3}.student-progress__summary p,.student-progress__recommendation p,.student-progress__bar-label span,.student-progress__lessons p,.student-progress__attempts p,.student-progress__attempts time{color:var(--soft)}.student-progress__summary p,.student-progress__recommendation p{font-size:.8rem;line-height:1.5}.student-progress__ring{--ring-size: clamp(112px, 13vw, 142px);position:relative;display:grid;width:var(--ring-size);height:var(--ring-size);place-items:center;border-radius:50%;background:conic-gradient(from -90deg,var(--color-accent) 0deg,var(--color-accent-2) var(--student-progress-angle),rgb(var(--color-text-rgb) / .08) var(--student-progress-angle) 360deg);box-shadow:0 14px 34px #00000038}.student-progress__ring:after{position:absolute;inset:10px;border:1px solid rgb(var(--color-text-rgb) / .08);border-radius:inherit;background:rgb(var(--color-bg-rgb) / .94);content:""}.student-progress__ring>span{z-index:1;display:grid;justify-items:center;gap:2px}.student-progress__ring strong{color:var(--cream);font-size:clamp(1.6rem,3vw,2.25rem);line-height:1}.student-progress__ring small{color:var(--soft);font-size:.68rem;font-weight:800}.student-progress__recommendation{position:relative;grid-template-columns:auto minmax(0,1fr);align-content:center;border-color:rgb(var(--color-accent-2-rgb) / .28);background:radial-gradient(circle at 0 0,rgb(var(--color-accent-2-rgb) / .13),transparent 50%),#ffffff08}.student-progress__recommendation-icon,.student-progress__competency-icon{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--gold2);background:rgb(var(--color-accent-2-rgb) / .12)}.student-progress__recommendation>div{display:grid;gap:5px}.student-progress__recommendation button{grid-column:2;display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;justify-self:start;border:1px solid rgb(var(--color-accent-rgb) / .5);border-radius:10px;padding:0 13px;color:var(--cream);background:rgb(var(--color-accent-rgb) / .16);font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.student-progress__competency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.student-progress__competency-grid>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgb(var(--color-text-rgb) / .08);border-radius:13px;padding:12px;background:rgb(var(--color-text-rgb) / .025)}.student-progress__competency-grid>article>div{display:grid;gap:2px;min-width:0}.student-progress__competency-grid strong{color:var(--cream);font-size:.86rem}.student-progress__competency-grid small{color:var(--soft);font-size:.68rem;line-height:1.3}.student-progress__competency-grid b{color:var(--cream);font-size:1rem}.student-progress__competency-grid .student-progress__bar{grid-column:1 / -1}.student-progress__competency-grid .student-progress__bar-label{display:none}.student-progress__competency-assessment{grid-column:1 / -1}.student-progress__path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-progress__path-grid>article{display:grid;gap:11px;border:1px solid rgb(var(--color-text-rgb) / .1);border-left:3px solid rgb(var(--color-accent-rgb) / .75);border-radius:13px;padding:13px;background:rgb(var(--color-text-rgb) / .025)}.student-progress__path-grid>article[data-status=completed]{border-left-color:#4cd390e6}.student-progress__path-grid>article[data-status=completed_with_open_checks]{border-left-color:#f5bb4ee6}.student-progress__path-grid header{display:flex;align-items:start;justify-content:space-between;gap:12px}.student-progress__path-grid header div{display:grid;gap:3px;min-width:0}.student-progress__path-grid header strong{color:var(--cream)}.student-progress__path-grid header small{color:var(--soft)}.student-progress__path-grid header b{color:var(--cream)}.student-progress__path-lessons{display:grid;gap:6px;margin:2px 0 0;padding:0;list-style:none}.student-progress__path-lessons li{grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;border:1px solid rgb(255 255 255 / .07);border-radius:8px;color:var(--soft);background:#ffffff06}.student-progress__path-lessons li>a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:7px 8px;color:inherit;text-decoration:none}.student-progress__path-lessons li>a:hover{background:rgb(var(--color-accent-rgb) / .08)}.student-progress__path-lessons li>a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:7px}.student-progress__path-lessons li>a>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff12;font-size:.68rem;font-weight:900}.student-progress__path-lessons li>a>strong{overflow:hidden;color:var(--cream);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.student-progress__path-lessons li>a>small{font-size:.67rem;text-align:right}.student-progress__path-lessons li[data-status=completed]{border-color:#4cd39047}.student-progress__path-lessons li[data-status=completed]>a>span{color:#07140e;background:#4cd390}.student-progress__path-lessons li[data-status=completed_with_open_checks]{border-color:#f5bb4e4d}.student-progress__path-lessons li[data-status=in_progress]{border-color:#ff7a1a57}.student-progress__open-list{display:grid;gap:7px}.student-progress__open-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(245 187 78 / .22);border-radius:10px;padding:10px 12px;background:#f5bb4e0e}.student-progress__open-list article div{display:grid;gap:2px}.student-progress__open-list article strong{color:var(--cream)}.student-progress__open-list article small{color:var(--soft)}.student-progress__open-list article>span{color:#f5bb4e;font-size:.72rem;font-weight:900;text-transform:uppercase}.student-progress__section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.student-progress__section-heading div{display:grid;gap:2px}.student-progress__section-heading span{color:var(--pink);font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.student-progress__section-heading h3,.student-progress__lessons p{margin:0}.student-progress__section-heading small{color:var(--soft)}.student-progress__lesson-list{display:grid;gap:7px}.student-progress__lesson-list article{--lesson-progress-color: var(--color-text-rgb);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgb(var(--lesson-progress-color) / .12);border-left:3px solid rgb(var(--lesson-progress-color) / .72);border-radius:9px;padding:10px 12px;background:rgb(var(--lesson-progress-color) / .035)}.student-progress__lesson-list article[data-status=completed]{--lesson-progress-color: 76 211 144}.student-progress__lesson-list article[data-status=awaiting_teacher]{--lesson-progress-color: 245 187 78}.student-progress__lesson-list article[data-status=in_progress]{--lesson-progress-color: var(--color-accent-2-rgb)}.student-progress__lesson-list article[data-status=rejected]{--lesson-progress-color: var(--color-accent-rgb)}.student-progress__lesson-list article>div{display:grid;gap:2px}.student-progress__lesson-list article>div>span{color:var(--soft);font-size:.74rem}.student-progress__lesson-status{border-radius:999px;padding:5px 8px;color:rgb(var(--lesson-progress-color));background:rgb(var(--lesson-progress-color) / .1);font-size:.7rem;font-weight:850;white-space:nowrap}.student-progress__bar{display:grid;gap:7px}.student-progress__bar-label{display:flex;justify-content:space-between;gap:12px}.student-progress__track{overflow:hidden;height:12px;border-radius:999px;background:#ffffff14}.student-progress__track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--gold2));box-shadow:0 0 12px rgb(var(--color-accent-2-rgb) / .22);transition:width .24s ease}.student-teacher-snapshot{display:grid;gap:clamp(16px,2vw,24px)}.student-teacher-snapshot__header,.student-teacher-snapshot__actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-teacher-snapshot__header>div{display:grid;gap:5px}.student-teacher-snapshot__header span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.student-teacher-snapshot__header h2,.student-teacher-snapshot__header p,.student-teacher-snapshot__instructions p{margin:0}.student-teacher-snapshot__instructions,.student-teacher-snapshot__attachment{display:grid;gap:14px;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:16px;padding:clamp(16px,2.5vw,26px);color:var(--cream);background:rgb(var(--color-surface-rgb) / .72)}.student-teacher-snapshot__status{display:inline-flex;align-items:center;gap:6px;color:var(--success, var(--color-success));font-weight:850}.student-teacher-snapshot__actions{flex-wrap:wrap;justify-content:flex-start}.student-teacher-snapshot__actions p{flex-basis:100%;margin:0;color:var(--soft)}.student-teacher-snapshot__actions p.is-error{color:var(--danger, var(--color-danger))}@media(max-width:560px){.student-task-filters label{flex:1 1 140px;min-width:0}.student-teacher-snapshot__header{align-items:flex-start;flex-direction:column-reverse}}.student-progress__path-modules{display:grid;gap:12px}.student-progress__path-modules>section{display:grid;gap:7px}.student-progress__path-modules h4{margin:0;color:var(--soft);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.student-progress__attempts-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;border:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.student-progress__attempts-toggle>span{display:grid;gap:3px}.student-progress__attempts-toggle>strong{color:var(--color-accent-2);font-size:.78rem}.student-progress__attempt-pages{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.student-progress__attempt-pages button{border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:9px;padding:7px 10px;color:var(--cream);background:rgb(var(--color-text-rgb) / .04)}.student-progress__attempts h3,.student-progress__attempts p{margin:0}.student-progress__attempts>div{display:grid;gap:7px}.student-progress__attempts article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding-top:9px}.student-progress__attempts article>div{display:grid;gap:2px;min-width:0}.student-progress__attempts article>div span{color:var(--soft);font-size:.74rem}@media(max-width:640px){.student-progress__overview,.student-progress__summary{grid-template-columns:minmax(0,1fr)}.student-progress__ring{justify-self:center}.student-progress__recommendation button{grid-column:1 / -1}.student-progress__section-heading{align-items:flex-start;flex-direction:column}.student-progress__lesson-list article,.student-progress__attempts article{grid-template-columns:minmax(0,1fr) auto}.student-progress__attempts article time{grid-column:1 / -1}.student-progress__path-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:1040px){.student-progress__competency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.student-progress__competency-grid{grid-template-columns:minmax(0,1fr)}}.organizer-summary-readonly__facts{margin:10px 0 0}.organizer-summary-readonly[data-status=loading]{border-color:rgb(var(--color-accent-2-rgb) / .32)}.organizer-summary-readonly[data-status=error]{border-color:rgb(var(--color-accent-rgb) / .42)}.student-organizer-read-shell{display:grid;gap:12px}.student-organizer-read{--organizer-surface: var(--role-surface, var(--panel));--organizer-raised: var(--role-surface-raised, var(--panel2));--organizer-inset: var(--role-inset, var(--panel2));--organizer-hover: var(--role-hover, var(--panel2));--organizer-border: var(--role-border, var(--line));--organizer-border-strong: var(--role-border-strong, var(--line));--organizer-text: var(--role-text, var(--cream));--organizer-muted: var(--role-muted, var(--soft));display:grid;gap:12px;min-width:0}.student-organizer-read__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0;border:1px solid var(--organizer-border);border-radius:8px;padding:6px;background:var(--organizer-raised)}.student-organizer-read__tab{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:7px 8px;color:var(--organizer-muted);background:transparent;cursor:pointer;font:inherit;font-size:.78rem;font-weight:850;line-height:1.2;text-align:center}.student-organizer-read__tab:hover,.student-organizer-read__tab:focus-visible{border-color:var(--organizer-border-strong);color:var(--organizer-text);background:var(--organizer-hover);outline:0}.student-organizer-read__tab.active{border-color:rgb(var(--color-accent-rgb) / .32);color:var(--organizer-text);background:rgb(var(--color-accent-rgb) / .13)}.student-organizer-read__panel,.student-organizer-read__mini,.student-organizer-read__empty{display:grid;gap:12px;min-width:0;border:1px solid var(--organizer-border);border-radius:8px;background:var(--organizer-surface)}.student-organizer-read__panel{padding:14px}.student-organizer-read__mini,.student-organizer-read__empty{padding:12px}.student-organizer-read__panel-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.student-organizer-read__panel-head strong,.student-organizer-read__mini>strong,.student-organizer-read__empty strong,.student-organizer-read__row strong,.student-organizer-read__assignment strong{color:var(--organizer-text);font-weight:900}.student-organizer-read__panel-head p,.student-organizer-read__mini p,.student-organizer-read__empty p{margin:4px 0 0;color:var(--organizer-muted);line-height:1.45}.student-organizer-read__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.student-organizer-read__facts div{min-width:0;border:1px solid var(--organizer-border);border-radius:8px;padding:11px;background:var(--organizer-inset)}.student-organizer-read__facts div.is-positive{border-color:#40c4796b;background:#40c4791a}.student-organizer-read__facts div.is-warning{border-color:#f2bc3a7a;background:#f2bc3a1c}.student-organizer-read__facts div.is-negative{border-color:#e84a667a;background:#e84a661c}.student-organizer-read__facts dt,.student-organizer-read__row dt,.student-organizer-read__assignment dt{color:var(--organizer-muted);font-size:.7rem;font-weight:850;text-transform:uppercase}.student-organizer-read__facts dd{margin:4px 0 0;color:var(--organizer-text);font-size:.98rem;font-weight:900;overflow-wrap:anywhere}.student-organizer-read__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-organizer-read__rows{display:grid;gap:8px;min-width:0}.student-organizer-read__row,.student-organizer-read__assignment{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:1px solid var(--organizer-border);border-radius:8px;padding:10px;background:var(--organizer-inset)}.student-organizer-read__row.compact{grid-template-columns:minmax(110px,.38fr) minmax(0,1fr)}.student-organizer-read__row span,.student-organizer-read__assignment span{display:block;margin-top:3px;color:var(--organizer-muted);font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.student-organizer-read__row dl,.student-organizer-read__assignment dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.student-organizer-read__row dd,.student-organizer-read__assignment dd{margin:2px 0 0;color:var(--organizer-text);font-weight:800;overflow-wrap:anywhere}.student-organizer-read__assignment{grid-template-columns:minmax(160px,.5fr) minmax(0,1fr) 42px}.student-organizer-read__assignment.is-status-complete{border-color:var(--role-success-border, rgb(64 196 121 / .58));background:var(--role-success-surface, rgb(64 196 121 / .08))}.student-organizer-read__assignment.is-status-open{border-color:var(--role-danger-border, rgb(232 74 102 / .48));background:var(--role-danger-surface, rgb(232 74 102 / .07))}.student-organizer-read__assignment-action{display:grid!important;width:42px;min-height:42px;place-items:center;margin:0!important}.student-organizer-read__open{display:grid!important;width:36px;height:36px;place-items:center;border:1px solid rgb(var(--color-accent-2-rgb) / .3);border-radius:9px;color:var(--organizer-text)!important;background:rgb(var(--color-accent-2-rgb) / .1);text-decoration:none}.student-organizer-read__open:hover,.student-organizer-read__open:focus-visible{border-color:rgb(var(--color-accent-rgb) / .56);background:rgb(var(--color-accent-rgb) / .15);outline:0}.student-organizer-read__open.is-disabled{opacity:.24}.student-organizer-read__assignment-note{grid-column:1 / -1;margin:0;border-top:1px solid var(--organizer-border);padding-top:8px;color:var(--organizer-muted);font-size:.82rem;line-height:1.45}.student-organizer-read__assignment-note strong{color:var(--organizer-text)}@media(max-width:560px){.preview-session-card__facts{grid-template-columns:1fr}.student-assignment-lesson-snapshot__blocks li{align-items:flex-start;flex-direction:column}.student-organizer-read__tabs,.student-organizer-read__facts,.student-organizer-read__split,.student-organizer-read__row,.student-organizer-read__row.compact,.student-organizer-read__assignment,.student-organizer-read__row dl,.student-organizer-read__assignment dl{grid-template-columns:minmax(0,1fr)}.student-organizer-read__panel-head{align-items:stretch;flex-direction:column}.student-assignment-card__facts{grid-template-columns:1fr}.student-organizer-read__assignment{grid-template-columns:minmax(0,1fr) 42px}.student-organizer-read__assignment-title,.student-organizer-read__assignment dl{grid-column:1}.student-organizer-read__assignment-action{grid-column:2;grid-row:1}}.dashboard-section-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dashboard-organizer-entry{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:8px;padding:18px;background:#ffffff0b}.dashboard-organizer-entry h2{margin:4px 0 0;color:var(--cream);font-size:clamp(1.25rem,2.4vw,1.7rem)}.dashboard-organizer-entry p{max-width:720px;margin:8px 0 0;color:var(--soft);line-height:1.55}.dashboard-readonly-preview{display:grid;gap:16px;margin-top:22px}.dashboard-readonly-preview__header{display:grid;gap:6px}.dashboard-readonly-preview__header span{color:var(--gold2);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dashboard-readonly-preview__header h2{margin:0;color:var(--cream);font-size:clamp(1.1rem,2vw,1.42rem)}.dashboard-readonly-preview__header p{margin:0;color:var(--soft);line-height:1.55}.dashboard-library-stats,.lesson-summary-card__meta{display:flex;flex-wrap:wrap;gap:10px}.dashboard-library-stats{margin:0}.dashboard-library-stats div,.lesson-summary-card__meta span{border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:7px 9px;background:#ffffff09}.dashboard-library-stats dt{color:var(--soft);font-size:.72rem;font-weight:850;text-transform:uppercase}.dashboard-library-stats dd{margin:2px 0 0;color:var(--cream);font-weight:950}.lesson-summary-card__meta{margin-top:12px}.lesson-summary-card__meta span{color:var(--soft);font-size:.78rem;font-weight:850}.lesson-summary-card__link{display:inline-flex;align-self:flex-start;margin-top:16px;text-decoration:none}.teacher-lesson-workspace{display:grid;gap:18px}.teacher-lesson-list-page{display:grid;gap:16px}.teacher-lesson-list-page__header,.teacher-assignment-compact__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.teacher-lesson-list-page__new{flex:0 0 auto;margin-top:0;text-decoration:none}.teacher-lesson-list-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,173,92,.28);border-radius:10px;padding:10px 12px;color:var(--soft);background:#ffad5c12}.teacher-lesson-list-notice .path-action{flex:0 0 auto;margin-top:0}.teacher-lesson-list-message{margin:0;border:1px solid rgba(93,214,154,.32);border-radius:10px;padding:10px 12px;color:#9ce8c0;background:#5dd69a14}.teacher-lesson-list-message.error{border-color:#ff6b7d57;color:#ff9aaa;background:#ff6b7d14}.teacher-lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-lesson-card{position:relative;display:grid;align-content:start;gap:10px;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .06),transparent 55%),#ffffff06}.teacher-lesson-card:hover{border-color:rgb(var(--color-accent-rgb) / .32)}.teacher-lesson-card.is-busy{border-color:rgb(var(--color-accent-rgb) / .42)}.teacher-lesson-card__select{position:absolute;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:var(--surface-secondary, rgba(0, 0, 0, .18))}.teacher-lesson-card__select input{width:17px;height:17px;accent-color:rgb(var(--color-accent-rgb))}.teacher-lesson-card__heading{display:flex;flex-wrap:wrap;gap:6px;padding-right:34px}.teacher-lesson-card h3{margin:0;color:var(--cream);font-size:1.08rem;overflow-wrap:anywhere}.teacher-lesson-status{display:inline-flex;align-items:center;min-height:23px;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:3px 8px;font-size:.67rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.teacher-lesson-status--draft{color:var(--soft);background:#ffffff0b}.teacher-lesson-status--published{border-color:#5dd69a59;color:#8ae3b5;background:#5dd69a17}.teacher-lesson-status--changes{border-color:#ffad5c57;color:#ffbd79;background:#ffad5c14}.teacher-lesson-card__updated{display:flex;align-items:center;gap:6px;margin:0;color:var(--soft);font-size:.78rem}.teacher-lesson-card__updated svg{flex:0 0 auto;color:var(--gold2)}.teacher-lesson-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.teacher-lesson-card__actions .path-action{margin-top:0;text-decoration:none}.teacher-lesson-card__icon-action{display:inline-grid;width:40px;min-width:40px;height:40px;padding:0;place-items:center}.teacher-lesson-card__withdraw-confirm{display:inline-flex;gap:6px}.teacher-lesson-assignment-dialog{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:16px;padding:0;color:var(--cream);background:#101522;box-shadow:0 28px 90px #000000ad}.teacher-lesson-assignment-dialog::backdrop{background:#02050cc7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.teacher-lesson-assignment-dialog__panel{display:grid;max-height:inherit}.teacher-lesson-assignment-dialog__header,.teacher-lesson-assignment-dialog__footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px}.teacher-lesson-assignment-dialog__header{align-items:flex-start;border-bottom:1px solid rgb(var(--color-accent-rgb) / .18)}.teacher-lesson-assignment-dialog__header>div{display:grid;gap:4px;min-width:0}.teacher-lesson-assignment-dialog__header span{color:var(--pink);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.teacher-lesson-assignment-dialog__header h2,.teacher-lesson-assignment-dialog__header p,.teacher-lesson-assignment-dialog__message{margin:0}.teacher-lesson-assignment-dialog__header h2{font-size:1.2rem;overflow-wrap:anywhere}.teacher-lesson-assignment-dialog__header p,.teacher-lesson-assignment-dialog__message,.teacher-lesson-assignment-dialog__student small{color:var(--muted);font-size:.82rem}.teacher-lesson-assignment-dialog__close{display:inline-grid;flex:0 0 auto;width:40px;height:40px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:10px;color:var(--cream);background:#ffffff09;place-items:center;cursor:pointer}.teacher-lesson-assignment-dialog__close:hover,.teacher-lesson-assignment-dialog__close:focus-visible{border-color:rgb(var(--color-accent-rgb) / .52);background:rgb(var(--color-accent-rgb) / .1)}.teacher-lesson-assignment-dialog__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 20px}.teacher-lesson-assignment-dialog__search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-height:42px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:10px;padding:0 11px;color:var(--muted);background:#0003}.teacher-lesson-assignment-dialog__search input{min-width:0;border:0;outline:0;color:var(--cream);background:transparent;font:inherit}.teacher-lesson-assignment-dialog__students{display:grid;gap:6px;max-height:min(360px,44vh);overflow-y:auto;padding:0 20px 16px}.student-assignment-card.is-completed{border-color:color-mix(in srgb,#22c55e 72%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,#22c55e 13%,var(--color-surface-raised)),var(--color-surface-raised))}.student-assignment-card.is-completed:before{background:#22c55e}.student-assignment-card.is-completed .student-assignment-card__sequence,.student-assignment-card.is-completed .student-assignment-card__status{color:#4ade80}.teacher-lesson-status--legacy-path{border-color:color-mix(in srgb,var(--color-accent) 36%,transparent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 9%,transparent)}.teacher-lesson-assignment-dialog__details{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(14rem,1.3fr);gap:.75rem;padding:0 20px 16px}.teacher-lesson-assignment-dialog__updates{display:grid;gap:8px;margin:0 20px 16px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:12px;padding:12px;background:rgb(var(--color-accent-rgb) / .055)}.teacher-lesson-assignment-dialog__updates header>div,.teacher-lesson-assignment-dialog__updates label>span{display:grid;gap:2px;min-width:0}.teacher-lesson-assignment-dialog__updates header span,.teacher-lesson-assignment-dialog__updates small,.teacher-lesson-assignment-dialog__updates p{margin:0;color:var(--muted);font-size:.76rem}.teacher-lesson-assignment-dialog__updates label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border-radius:9px;padding:9px 10px;background:#0003;cursor:pointer}.teacher-lesson-assignment-dialog__updates input{width:18px;height:18px;accent-color:var(--pink)}.teacher-lesson-assignment-dialog__details label{display:grid;gap:.4rem;color:var(--teacher-muted, var(--muted));font-size:.76rem;font-weight:800}.teacher-lesson-assignment-dialog__details :is(input,textarea){width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;padding:.7rem .8rem}.teacher-lesson-assignment-dialog__details textarea{resize:vertical}.teacher-lesson-assignment-dialog__student{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;background:#ffffff06;cursor:pointer}.teacher-lesson-assignment-dialog__student:has(input:checked){border-color:rgb(var(--color-accent-rgb) / .45);background:rgb(var(--color-accent-rgb) / .1)}.teacher-lesson-assignment-dialog__student input{width:18px;height:18px;accent-color:var(--pink)}.teacher-lesson-assignment-dialog__student span{display:grid;gap:2px;min-width:0}.teacher-lesson-assignment-dialog__state,.teacher-lesson-assignment-dialog__empty,.teacher-lesson-assignment-dialog__no-results{display:grid;gap:8px;justify-items:center;min-height:160px;margin:0;padding:24px;color:var(--muted);text-align:center;place-content:center}.teacher-lesson-assignment-dialog__state.error{color:#ff9a9a}.teacher-lesson-assignment-dialog__empty p{margin:0}.teacher-lesson-assignment-dialog__footer{border-top:1px solid rgb(var(--color-accent-rgb) / .18)}.teacher-lesson-assignment-dialog__message{flex:1 1 auto}.teacher-lesson-list-empty{display:grid;justify-items:center;gap:9px;min-height:220px;place-content:center;border:1px dashed rgb(var(--color-accent-rgb) / .28);border-radius:14px;padding:26px;color:var(--soft);text-align:center;background:rgb(var(--color-accent-rgb) / .035)}.teacher-lesson-list-empty>svg{color:var(--gold2)}.teacher-lesson-list-empty strong{color:var(--cream);font-size:1.08rem}.teacher-lesson-list-empty p{max-width:460px;margin:0}.teacher-lesson-list-empty .path-action{margin-top:4px;text-decoration:none}.teacher-lesson-list-empty__spinner{animation:teacher-lesson-spin .9s linear infinite}@keyframes teacher-lesson-spin{to{transform:rotate(360deg)}}.teacher-assignment-compact{display:grid;gap:18px}.teacher-assignment-compact__header .path-action{flex:0 0 auto;margin-top:0;text-decoration:none}.teacher-assignment-compact__form{display:grid;gap:16px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;padding:clamp(16px,2.5vw,24px);background:rgb(var(--color-accent-rgb) / .05)}.teacher-assignment-compact__lesson{display:grid;gap:4px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px}.teacher-assignment-compact__lesson span{color:var(--soft);font-size:.72rem;font-weight:850;text-transform:uppercase}.teacher-assignment-compact__lesson strong{color:var(--cream);font-size:1.08rem}.teacher-assignment-compact__form>.path-action{justify-self:start;margin-top:0}.teacher-lesson-workspace__header{margin-bottom:0}.teacher-lesson-workspace__nav .path-action{margin-top:0}.teacher-lesson-workspace__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.teacher-lesson-workspace__chips span,.teacher-lesson-workspace__quality-note{border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:7px 9px;color:var(--soft);background:#ffffff09;font-size:.82rem;font-weight:850}.teacher-lesson-workspace__quality-note{margin:0}.teacher-lesson-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:8px;padding:14px 16px;background:rgb(var(--color-accent-rgb) / .08);min-width:0}.teacher-lesson-entry-cta div{min-width:0}.teacher-lesson-entry-cta span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.teacher-lesson-entry-cta p{margin:4px 0 0;color:var(--soft);line-height:1.45;overflow-wrap:anywhere}.teacher-lesson-entry-cta__link{flex:0 0 auto;margin-top:0;text-decoration:none}.teacher-library-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.35fr) minmax(150px,.35fr);gap:10px}.teacher-library-filters label{display:grid;gap:6px}.teacher-library-filters span{color:var(--soft);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.teacher-library-filters input,.teacher-library-filters select{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:var(--cream);background:#ffffff0d}.teacher-library-filters select option{color:#1f1a12}.teacher-dev-drafts-readonly{margin-top:22px}.teacher-dev-draft-card__stats{margin-top:12px}.teacher-dev-draft-card__stats dd{overflow-wrap:anywhere}.teacher-dev-draft-card p{margin:10px 0 0;color:var(--soft);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.teacher-local-drafts-readonly,.teacher-browser-local-lessons-readonly{margin-top:22px}.teacher-local-draft-card p,.teacher-browser-local-lesson-card p{margin:10px 0 0;color:var(--soft);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.teacher-browser-local-lesson-card__editor-link{align-self:flex-start;margin-top:14px;text-decoration:none}.teacher-browser-local-lesson-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.teacher-browser-local-lesson-card__actions .path-action{margin-top:0}.teacher-browser-local-lesson-card__delete-message{color:var(--color-danger)}.teacher-dev-draft-card__detail-link{margin-top:14px}.teacher-dev-draft-card__detail-link.active{border-color:rgb(var(--color-accent-rgb) / .5);background:rgb(var(--color-accent-rgb) / .16);color:var(--cream)}.teacher-dev-draft-detail{margin-top:20px;min-width:0}.teacher-dev-draft-detail .module-card__body{gap:14px}.teacher-dev-draft-detail p{max-width:760px;color:var(--soft);line-height:1.5}.teacher-dev-draft-detail__stats{margin-top:4px}.teacher-dev-draft-detail__stats dd{overflow-wrap:anywhere}.teacher-dev-draft-detail__section{display:grid;gap:10px;margin-top:6px}.teacher-dev-draft-detail__section h4{margin:0;color:var(--cream);font-size:.95rem}.teacher-dev-draft-detail__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.teacher-dev-draft-detail__list--ordered{list-style:decimal;padding-left:20px}.teacher-dev-draft-detail__list li{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:9px 10px;background:#ffffff09;color:var(--soft);overflow-wrap:anywhere}.teacher-dev-draft-detail__list strong{display:block;color:var(--cream);font-size:.84rem}.teacher-dev-draft-detail__list span{display:block;margin-top:3px;font-size:.82rem}.teacher-dev-draft-metadata-edit{border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.teacher-dev-draft-metadata-edit header{display:grid;gap:3px}.teacher-dev-draft-metadata-edit header span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.teacher-dev-draft-metadata-edit__grid{display:grid;max-width:780px;gap:10px}.teacher-dev-draft-metadata-edit__grid label{display:grid;min-width:0;gap:6px}.teacher-dev-draft-metadata-edit__grid label span{color:var(--soft);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.teacher-dev-draft-metadata-edit__grid input,.teacher-dev-draft-metadata-edit__grid textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:var(--cream);background:#ffffff0d;font:inherit;overflow-wrap:anywhere}.teacher-dev-draft-metadata-edit__grid textarea{resize:vertical}.teacher-dev-draft-metadata-edit__button{justify-self:start;margin-top:0}.teacher-dev-draft-metadata-edit__message{max-width:780px}.teacher-local-draft-promotion{border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.teacher-local-draft-promotion header{display:grid;gap:3px}.teacher-local-draft-promotion header span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.teacher-local-draft-promotion p{margin:0;max-width:780px;color:var(--soft);line-height:1.5;overflow-wrap:anywhere}.teacher-local-draft-promotion__button{justify-self:start;margin-top:0}.teacher-local-draft-promotion__message{max-width:780px}.teacher-dev-draft-preview{display:grid;gap:14px;border-top:1px solid rgba(255,255,255,.09);padding-top:14px;min-width:0}.teacher-dev-draft-preview__header{display:grid;max-width:820px;gap:6px}.teacher-dev-draft-preview__header span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.teacher-dev-draft-preview__header h3{margin:0;color:var(--cream);font-size:clamp(1.05rem,2vw,1.34rem);overflow-wrap:anywhere}.teacher-dev-draft-preview__header p,.teacher-dev-draft-preview__section p,.teacher-dev-draft-preview__teacher-note p{margin:0;color:var(--soft);line-height:1.5;overflow-wrap:anywhere}.teacher-dev-draft-preview__stats dd{overflow-wrap:anywhere}.teacher-dev-draft-preview__teacher-note{max-width:820px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:6px;padding:10px 12px;background:rgb(var(--color-accent-rgb) / .08)}.teacher-dev-draft-preview__teacher-note strong,.teacher-dev-draft-preview__section h4{color:var(--cream);font-size:.92rem}.teacher-dev-draft-preview__section{display:grid;max-width:920px;gap:10px;min-width:0}.teacher-dev-draft-preview__section h4{margin:0}.teacher-dev-draft-preview__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.teacher-dev-draft-preview__list--ordered{padding-left:20px;list-style:decimal}.teacher-dev-draft-preview__list li{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:9px 10px;background:#ffffff09;color:var(--soft);overflow-wrap:anywhere}.teacher-dev-draft-preview__list strong{display:block;color:var(--cream);font-size:.84rem}.teacher-dev-draft-preview__list span{display:block;margin-top:3px;font-size:.82rem;overflow-wrap:anywhere}.teacher-dev-draft-preview__list p{margin-top:8px}.teacher-students-roster{display:grid;gap:20px}.teacher-students-roster__header{max-width:820px}.teacher-student-form,.teacher-student-card{min-width:0}.teacher-student-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-student-form__grid.compact{grid-template-columns:1fr}.teacher-student-form__grid label{display:grid;min-width:0;gap:6px}.teacher-student-form__grid label.wide{grid-column:1 / -1}.teacher-student-form__grid span{color:var(--soft);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.teacher-student-form__grid input,.teacher-student-form__grid textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:var(--cream);background:#ffffff0d;font:inherit}.teacher-student-form__grid textarea{resize:vertical}.teacher-student-card__stats{margin-top:12px}.teacher-student-card__stats dd{overflow-wrap:anywhere}.teacher-student-card p{margin:10px 0 0;color:var(--soft);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.teacher-student-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.teacher-student-card__actions .path-action{margin-top:0}.teacher-student-card__message{color:var(--gold2)}.app-error-boundary{display:grid;width:min(100%,720px);gap:14px;margin:clamp(36px,9vw,100px) auto;border:1px solid color-mix(in srgb,var(--gold2) 35%,transparent);border-radius:18px;padding:clamp(24px,5vw,48px);background:var(--panel)}.app-error-boundary small{color:var(--gold2);font-weight:800;text-transform:uppercase}.app-error-boundary h1,.app-error-boundary p{margin:0}.app-error-boundary p{color:var(--soft);line-height:1.6}.app-error-boundary button{justify-self:start;border:0;border-radius:999px;padding:11px 18px;background:var(--gold2);color:#17120c;font:inherit;font-weight:900;cursor:pointer}.teacher-student-invites{display:grid;gap:10px;margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.teacher-student-invites h4{margin:0}.teacher-student-invites form{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:end;gap:8px}.teacher-student-invites label{display:grid;gap:5px;min-width:0}.teacher-student-invites label>span{color:var(--soft);font-size:.72rem;font-weight:850;text-transform:uppercase}.teacher-student-invites input,.teacher-student-invites select{min-width:0;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 10px;color:var(--cream);background:var(--panel);font:inherit}.teacher-student-invites ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.teacher-student-invites li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-radius:8px;padding:8px 10px;background:#ffffff0a;font-size:.78rem}.teacher-student-invites li span{overflow-wrap:anywhere}.teacher-student-invites li button{border:0;padding:4px 7px;color:var(--soft);background:transparent;text-decoration:underline;cursor:pointer}@media(max-width:780px){.teacher-student-invites form{grid-template-columns:1fr}}.teacher-assignments-local{display:grid;gap:20px}.teacher-assignments-local__header{max-width:820px}.teacher-assignment-form,.teacher-assignment-card{min-width:0}.teacher-assignment-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-assignment-form__grid label{display:grid;min-width:0;gap:6px}.teacher-assignment-form__grid label.wide{grid-column:1 / -1}.teacher-assignment-form__grid span{color:var(--soft);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.teacher-assignment-form__grid input,.teacher-assignment-form__grid select,.teacher-assignment-form__grid textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:var(--cream);background:#ffffff0d;font:inherit}.teacher-assignment-form__grid textarea{resize:vertical}.teacher-assignment-card__stats dd{overflow-wrap:anywhere}.teacher-assignment-card p{margin:10px 0 0;color:var(--soft);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.teacher-assignment-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.teacher-assignment-card__actions .path-action{margin-top:0}.teacher-assignment-card__message{color:var(--gold2)}@media(max-width:1050px){.teacher-dashboard-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-dashboard-session-list{grid-template-columns:1fr}.teacher-dashboard-session-list>svg{display:none}}@media(max-width:760px){.teacher-dashboard-overview,.teacher-dashboard-primary__grid,.teacher-dashboard-secondary,.teacher-dashboard-tools__grid,.teacher-lesson-list{grid-template-columns:minmax(0,1fr)}.teacher-dashboard-action-card--primary{min-height:148px}.teacher-dashboard-action-card--tool{min-height:96px}.teacher-lesson-list-page__header,.teacher-assignment-compact__header,.teacher-lesson-list-notice{align-items:stretch;flex-direction:column}.teacher-lesson-list-page__new,.teacher-assignment-compact__header .path-action,.teacher-lesson-list-notice .path-action{justify-content:center;width:100%}.dashboard-organizer-entry{align-items:stretch;flex-direction:column}.dashboard-organizer-entry .path-action{justify-content:center;width:100%}.teacher-library-filters,.teacher-assignment-form__grid,.teacher-student-form__grid{grid-template-columns:1fr}.teacher-lesson-entry-cta{align-items:stretch;flex-direction:column}.teacher-lesson-entry-cta__link{width:100%;justify-content:center}}.path-summary-grid,.level-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.level-detail{display:grid;gap:16px}.level-detail-head{padding:clamp(18px,3vw,28px)}.level-detail-head>span{color:var(--gold2);font-weight:950;letter-spacing:.08em;text-transform:uppercase}.level-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.level-detail-actions .path-action:disabled{cursor:default;opacity:.72}.mission-panel{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:20px;background:rgb(var(--color-bg-rgb) / .68);padding:16px}.mission-panel.highlight{background:rgb(var(--color-accent-rgb) / .1)}.mission-panel.wide{grid-column:1 / -1}.mission-panel p{margin:0;color:var(--cream);line-height:1.55}.mission-list{margin:0;padding-left:19px;color:var(--cream)}.mission-list li{margin:0 0 9px;line-height:1.45}.mission-list li:last-child{margin-bottom:0}.criteria-list{display:grid;gap:10px}.criteria-check{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px;background:#ffffff08;color:var(--cream);line-height:1.45;cursor:pointer}.criteria-check:hover{border-color:rgb(var(--color-accent-rgb) / .34);background:rgb(var(--color-accent-rgb) / .08)}.criteria-check.checked{border-color:rgb(var(--color-accent-2-rgb) / .36);background:rgb(var(--color-accent-2-rgb) / .09)}.criteria-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--gold2)}.criteria-check span{min-width:0}.tool-button-row{display:flex;flex-wrap:wrap;gap:9px}.tool-button-row button{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:999px;background:#ffffff0a;color:var(--cream);padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:850}.tool-button-row button.linked{cursor:pointer}.tool-button-row button.linked:hover{border-color:rgb(var(--color-accent-rgb) / .54);background:rgb(var(--color-accent-rgb) / .13)}.tool-button-row button.pending,.tool-button-row button:disabled{cursor:not-allowed;opacity:.66}.tool-button-row button em{border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:999px;padding:2px 6px;color:var(--soft);font-size:.68rem;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.fingerstyle-path{position:relative;display:grid;gap:clamp(18px,3vw,30px)}.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-grid{min-width:0}.fingerstyle-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:clamp(20px,4vw,42px);align-items:center;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:clamp(18px,3vw,32px);background:linear-gradient(115deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .9) 54%,#152c2ac7),rgb(var(--color-bg-rgb) / .94);box-shadow:var(--shadow)}.fingerstyle-saloon-sign{width:fit-content;margin:12px 0 10px;border:1px solid rgb(var(--color-accent-rgb) / .62);padding:7px 13px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:950;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1.2deg)}.fingerstyle-hero h1{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(3.2rem,8vw,7.1rem);font-weight:900;letter-spacing:.03em;line-height:.9;text-transform:uppercase;text-shadow:0 3px 0 rgba(7,36,38,.82),0 18px 40px rgba(0,0,0,.42)}.fingerstyle-hero-line{margin:14px 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.35rem,2.7vw,2.2rem);font-style:italic;line-height:1.1}.fingerstyle-hero-copy>p:not(.fingerstyle-hero-line){max-width:780px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.56}.fingerstyle-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.fingerstyle-hero-actions span{color:var(--color-text);font-weight:900}.fingerstyle-hero-art{position:relative;min-width:0;margin:0;align-self:stretch;min-height:390px}.fingerstyle-hero-art img{display:block;width:100%;height:100%;min-height:390px;max-height:560px;border:1px solid rgb(var(--color-text-rgb) / .24);border-radius:8px;object-fit:cover;object-position:42% 50%;background:var(--color-bg);box-shadow:0 22px 58px #0000005c}.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid{display:grid;gap:14px}.fingerstyle-core-grid{grid-template-columns:minmax(0,.95fr) minmax(280px,1fr);align-items:stretch}.fingerstyle-boom-card,.fingerstyle-hand-map,.fingerstyle-rule-card,.fingerstyle-pattern-section,.fingerstyle-history,.fingerstyle-exercises,.fingerstyle-kernsatz{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),rgb(var(--color-bg-rgb) / .72)}.fingerstyle-boom-card,.fingerstyle-hand-map,.fingerstyle-rule-card{padding:clamp(15px,2vw,20px)}.fingerstyle-boom-card,.fingerstyle-hand-map{height:100%}.fingerstyle-boom-card h2,.fingerstyle-hand-map h2,.fingerstyle-section-head h2{margin:8px 0 10px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.75rem,3.4vw,3.1rem);line-height:.98;letter-spacing:.04em;text-transform:uppercase}.fingerstyle-boom-card h2 span:first-child,.fingerstyle-boom-chick strong:nth-child(1),.fingerstyle-boom-chick strong:nth-child(5){color:var(--color-accent)}.fingerstyle-boom-card h2 span:last-child,.fingerstyle-boom-chick strong:nth-child(3),.fingerstyle-boom-chick strong:nth-child(7){color:#79bf42}.fingerstyle-boom-card p,.fingerstyle-section-head p,.fingerstyle-pattern-card p,.fingerstyle-history-card p,.fingerstyle-exercise-card p,.fingerstyle-rule-card p,.fingerstyle-kernsatz p{margin:0;color:var(--muted);line-height:1.52}.fingerstyle-boom-card p strong{color:var(--color-text)}.fingerstyle-string-note{display:block;margin-top:6px;color:var(--color-text);font-weight:850}.fingerstyle-boom-chick{display:grid;grid-template-columns:repeat(7,auto);gap:8px;align-items:center;width:fit-content;max-width:100%;margin-top:18px;overflow:auto}.fingerstyle-boom-chick strong{border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:999px;padding:8px 11px;background:#00000038;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.fingerstyle-boom-chick span{width:16px;height:2px;background:rgb(var(--color-text-rgb) / .42)}.fingerstyle-string-map{display:grid;margin-top:16px}.fingerstyle-explainer-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.fingerstyle-explainer-board{width:min(100%,560px);min-width:0}.fingerstyle-explainer-board .fretboard-string{stroke:rgb(var(--color-text-rgb) / .72)}.fingerstyle-explainer-board .fretboard-fret{stroke:rgb(var(--color-accent-rgb) / .28);stroke-width:2.2}.fingerstyle-explainer-board .fretboard-nut{stroke-width:7}.fingerstyle-explainer-board .fretboard-number,.fingerstyle-explainer-board .fretboard-tuning{font-size:17px}.fingerstyle-explainer-board .fretboard-tuning{fill:var(--color-accent)}.fingerstyle-explainer-board .fretboard-fingering-label circle{r:13px}.fingerstyle-finger-list{display:grid;gap:9px}.fingerstyle-finger{display:grid;grid-template-columns:42px minmax(96px,.45fr) minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;padding:9px;background:#ffffff09}.fingerstyle-finger b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:1.2rem;line-height:1}.fingerstyle-finger strong{color:var(--color-text)}.fingerstyle-finger span{color:var(--muted);font-weight:760}.fingerstyle-finger.purple b{background:#6f3c83}.fingerstyle-finger.blue b{background:#1974b8}.fingerstyle-finger.green b{background:#5a9f38}.fingerstyle-finger.orange b{background:var(--color-accent)}.fingerstyle-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fingerstyle-rule-card{display:grid;gap:10px;align-content:start}.fingerstyle-rule-card svg{color:var(--gold2)}.fingerstyle-rule-card h3,.fingerstyle-pattern-card h3,.fingerstyle-history-card h3,.fingerstyle-exercise-card h3{margin:0;color:var(--color-text);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.1}.fingerstyle-pattern-section,.fingerstyle-history,.fingerstyle-exercises{display:grid;gap:16px;padding:clamp(16px,2.4vw,24px)}.fingerstyle-section-head{max-width:860px}.fingerstyle-exercises-head{position:relative;max-width:none;min-height:clamp(260px,34vw,430px);display:grid;align-content:end;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:clamp(18px,3vw,30px);background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .9),rgb(var(--color-bg-rgb) / .62) 42%,rgb(var(--color-bg-rgb) / .18) 72%),linear-gradient(0deg,rgb(var(--color-bg-rgb) / .86),rgb(var(--color-bg-rgb) / .16) 58%),url(/FOTOS/fingerstyle%20DAUMENPICK2.png) center / cover no-repeat;box-shadow:0 22px 60px #00000057}.fingerstyle-exercises-head .section-label,.fingerstyle-exercises-head h2,.fingerstyle-exercises-head p{position:relative;z-index:1}.fingerstyle-exercises-head h2{max-width:760px;text-shadow:0 3px 0 rgba(7,36,38,.72),0 16px 40px rgba(0,0,0,.5)}.fingerstyle-exercises-head p{max-width:560px;color:var(--color-text);font-weight:820}.fingerstyle-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fingerstyle-pattern-card,.fingerstyle-history-card{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:16px;background:#ffffff09}.fingerstyle-pattern-card{display:grid;align-content:start;gap:10px}.fingerstyle-pattern-card>span{display:block;color:var(--color-accent-2);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.fingerstyle-pattern-card>strong{display:inline-flex;width:fit-content;border:1px solid rgb(var(--color-accent-rgb) / .48);border-radius:999px;padding:8px 15px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent));font-size:clamp(1.2rem,2.7vw,1.85rem);letter-spacing:.05em}.fingerstyle-pattern-card em{display:inline-flex;color:var(--color-text);font-style:normal;font-weight:950}.fingerstyle-pattern-card .alphatab-viewer{margin:4px 0 0;border-radius:8px}.fingerstyle-pattern-card .alphatab-head{padding-bottom:8px}.fingerstyle-pattern-card .alphatab-head h3{font-size:clamp(1.05rem,2vw,1.42rem)}.fingerstyle-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fingerstyle-history-card{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:start}.fingerstyle-history-card span{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));font-weight:950}.fingerstyle-history-card p{margin-top:6px}.fingerstyle-exercise-grid{display:grid;gap:18px}.fingerstyle-exercise-card{min-width:0;display:grid;grid-template-columns:1fr;gap:12px;align-items:start;border-top:1px solid rgb(var(--color-accent-rgb) / .28);padding-top:18px}.fingerstyle-exercise-card:first-child{border-top:0;padding-top:0}.fingerstyle-exercise-card .alphatab-viewer{grid-column:1;width:100%;margin:0;border-radius:8px}.fingerstyle-exercise-card .alphatab-head{padding-bottom:8px}.fingerstyle-exercise-card .alphatab-head h3{font-size:clamp(1.05rem,2vw,1.45rem)}.fingerstyle-exercise-card header{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.fingerstyle-exercise-card header>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:1.8rem}.fingerstyle-exercise-card header em{display:block;margin-bottom:4px;color:var(--color-accent-2);font-size:.78rem;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.fingerstyle-exercise-pattern{color:var(--color-accent)!important;font-weight:950}.fingerstyle-kernsatz{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 44%,var(--color-accent-2)),var(--gold2)}.fingerstyle-kernsatz svg{color:var(--color-bg)}.fingerstyle-kernsatz p{color:var(--color-bg);font-weight:800}.fingerstyle-kernsatz strong{font-weight:950;text-transform:uppercase}.footer-note{margin-top:22px;padding:18px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:22px;background:#00000029;color:var(--muted);line-height:1.5}.pocket-path{position:relative;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:28px;background:linear-gradient(110deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .94) 52%,rgb(var(--color-bg-rgb) / .88)),rgb(var(--color-bg-rgb) / .94);box-shadow:var(--shadow);padding:clamp(18px,3vw,34px)}.pocket-path:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgb(var(--color-text-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text-rgb) / .025) 1px,transparent 1px);background-size:42px 42px}.pocket-path>*{position:relative;z-index:1}.pocket-hero{min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:clamp(18px,5vw,48px);align-items:center;border-bottom:1px solid rgb(var(--color-accent-rgb) / .28);padding-bottom:clamp(18px,3vw,28px)}.pocket-kicker{color:var(--color-text);font-family:var(--font-brand);font-size:clamp(4rem,11vw,9rem);line-height:.82;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 16px 38px rgba(0,0,0,.45)}.pocket-hero h1{width:fit-content;margin:10px 0 14px;padding:7px 14px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(2rem,4.5vw,4.2rem);line-height:.95;letter-spacing:.06em;text-transform:uppercase}.pocket-script{margin:0 0 8px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,3.4vw,2.7rem);font-style:italic;line-height:1.05}.pocket-hero p:not(.pocket-script){max-width:760px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.55}.pocket-hero-art{margin:0;justify-self:end;align-self:stretch;width:min(100%,360px);min-height:310px;display:flex;align-items:center;justify-content:center}.pocket-hero-art img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,0,0,.42))}.pocket-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(18px,3vw,28px) 0}.pocket-benefit{display:flex;gap:10px;align-items:center;min-height:62px;color:var(--gold2);font-weight:950;text-transform:uppercase;line-height:1.2}.pocket-benefit span{flex:0 0 42px;height:42px;display:grid;place-items:center;border:2px solid var(--gold2);border-radius:50%;color:var(--gold2);font-size:1.3rem}.pocket-group{margin-top:clamp(18px,3vw,30px)}.pocket-group-head{display:grid;grid-template-columns:auto minmax(190px,auto) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px}.pocket-group-head span{padding:7px 14px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent));font-weight:950;text-transform:uppercase;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);white-space:nowrap}.pocket-group-head h2{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.35rem,3vw,2.35rem);font-style:italic;font-weight:500;line-height:1.05}.pocket-group-head p{margin:0;color:var(--muted);line-height:1.35}.pocket-chord-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px}.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(170px,260px))}.pocket-chord-card{position:relative;display:block;min-width:0;border:0;border-radius:8px;padding:0;color:inherit;background:transparent;box-shadow:none;cursor:pointer;font:inherit;text-align:left}.pocket-chord-card--static{cursor:default}.pocket-chord-card:hover{transform:translateY(-2px)}.pocket-chord-card--static:hover{transform:none}.pocket-chord-card:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .46);outline-offset:4px}.pocket-card-diagram{--cdc-diagram-width: 150px;min-height:100%;border-color:transparent;background:transparent;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.pocket-chord-card--link .pocket-card-diagram{border-color:rgb(var(--color-accent-rgb) / .13)}.pocket-chord-card--link:hover .pocket-card-diagram,.pocket-chord-card--link:focus-visible .pocket-card-diagram{border-color:rgb(var(--color-accent-rgb) / .38);background:rgb(var(--color-bg-rgb) / .16);box-shadow:0 10px 24px #00000024}.pocket-chord-card--static:hover .pocket-card-diagram{border-color:transparent;background:transparent;box-shadow:none}.pocket-card-diagram svg .mini-line{stroke-width:1.9}.pocket-card-diagram svg .mini-dot{opacity:.92}.pocket-card-diagram svg .root-dot{fill:#2f9e44;opacity:1}.pocket-card-diagram svg .mini-text{fill:#071018;font-size:17px;font-weight:900;font-family:Arial,Helvetica,sans-serif;stroke:none;text-rendering:geometricPrecision}.pocket-card-diagram svg .pocket-dot-label{fill:#02070c;font-size:21px;font-weight:900;font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.pocket-card-diagram svg .pocket-dot-label--wide{font-size:17px}.pocket-card-diagram svg .open-string-marker{fill:rgb(var(--color-bg-rgb) / .72);stroke:rgb(var(--color-text-rgb) / .88);stroke-width:2}.pocket-card-diagram svg .root-open-string-marker{fill:#2f9e4457;stroke:#2f9e44;stroke-width:2.3}.pocket-card-diagram svg .open-string-label{fill:rgb(var(--color-text-rgb) / .94);font-family:Arial,Helvetica,sans-serif;font-size:15.5px;font-weight:900;paint-order:stroke;pointer-events:none;stroke:rgb(var(--color-bg-rgb) / .28);stroke-width:.3}.pocket-card-diagram svg .open-string-label--wide{font-size:13px}.pocket-card-diagram svg .root-open-string-label{fill:#eaffef}.pocket-card-diagram svg .muted-string-marker{fill:rgb(var(--color-text-rgb) / .82);font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;text-transform:none}.pocket-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:18px;align-items:stretch;margin-top:clamp(22px,4vw,34px)}.pocket-rhythm,.pocket-practice{border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;background:#0000003d;padding:clamp(14px,2vw,20px)}.pocket-rhythm h2,.pocket-practice h2{margin:0 0 10px;color:var(--gold2);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2.4rem);line-height:1;letter-spacing:.04em;text-transform:uppercase}.pocket-rhythm p{max-width:680px;margin:0 0 12px;color:var(--muted);line-height:1.45}.pocket-strum-table{display:grid;grid-template-columns:minmax(82px,auto) minmax(0,1fr);border:1px solid rgb(var(--color-accent-rgb) / .45);border-radius:6px;overflow:hidden}.pocket-strum-label{min-height:34px;display:grid;align-items:center;padding:0 10px;border-right:1px solid rgb(var(--color-accent-rgb) / .3);border-bottom:1px solid rgb(var(--color-accent-rgb) / .3);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .1);font-weight:950;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.pocket-strum-row{display:grid;grid-template-columns:repeat(8,minmax(32px,1fr));border-bottom:1px solid rgb(var(--color-accent-rgb) / .3)}.pocket-strum-table>:nth-last-child(-n+2){border-bottom:0}.pocket-count,.pocket-arrow{min-height:34px;display:grid;place-items:center;border-right:1px solid rgb(var(--color-accent-rgb) / .3);font-weight:950}.pocket-count{color:rgb(var(--color-text-rgb) / .76);background:rgb(var(--color-accent-rgb) / .055);font-size:.82rem}.pocket-arrow.down,.pocket-arrow.up{color:var(--gold2);background:rgb(var(--color-accent-rgb) / .1)}.pocket-arrow{color:var(--gold2);font-size:1.18rem;line-height:1;background:#ffffff09}.pocket-arrow.rest{color:rgb(var(--color-text-rgb) / .18);background:linear-gradient(90deg,transparent calc(50% - 1px),rgb(var(--color-text-rgb) / .16) 50%,transparent calc(50% + 1px)),#ffffff05}.pocket-pattern-name{display:block;margin-top:9px;color:var(--muted);text-align:center;font-size:clamp(.82rem,1.6vw,1rem);letter-spacing:.18em}.pocket-practice{display:grid;align-content:start;gap:12px}.pocket-practice-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.pocket-practice-item span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));font-weight:950}.pocket-practice-item p{margin:0;color:var(--cream);line-height:1.35}.pocket-finish{margin-top:clamp(20px,4vw,34px);padding-top:18px;border-top:3px double rgb(var(--color-accent-rgb) / .74);color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.6rem,4.4vw,3.5rem);line-height:1.08;letter-spacing:.055em;text-align:center;text-transform:uppercase}.pocket-finish strong{color:var(--gold2)}.admin-editor{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:24px;background:rgb(var(--color-bg-rgb) / .68);padding:18px;box-shadow:0 14px 36px #00000038}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.admin-toolbar label,.admin-field{display:grid;gap:7px;color:var(--muted);font-weight:800;font-size:.86rem}.admin-toolbar select,.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#0003;color:var(--cream);padding:11px 12px;outline:0}.admin-field textarea{resize:vertical;min-height:92px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-actions .debug-action:disabled{opacity:.45;cursor:not-allowed}.admin-chord-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px}.admin-chord-item{border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:11px;background:#00000024;color:var(--cream);text-align:left;cursor:pointer}.admin-chord-item:hover,.admin-chord-item.active{background:rgb(var(--color-accent-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .28)}.admin-chord-item strong,.admin-chord-item span,.admin-chord-item small{display:block}.admin-chord-item span,.admin-chord-item small{margin-top:3px;color:var(--muted);font-size:.82rem}.admin-import{display:grid;gap:10px;margin:0 0 16px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:18px;padding:14px;background:#0000001f}.admin-import-head{display:flex;justify-content:space-between;gap:14px;align-items:start;min-width:0}.admin-import-head h3{margin:0 0 4px;color:var(--gold2);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.admin-import-head p{margin:0;color:var(--muted);line-height:1.4;font-size:.9rem}.admin-import-text{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#00000038;color:var(--cream);padding:12px;outline:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.45}.admin-derived{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.admin-derived span{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px;padding:6px 9px;color:var(--muted);background:#ffffff09;font-size:.82rem;font-weight:800}.admin-message{margin:0 0 14px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:16px;background:rgb(var(--color-accent-rgb) / .1);color:var(--gold2);padding:12px;font-weight:850;min-width:0;overflow-wrap:anywhere}.admin-message-error{border-color:rgb(var(--color-accent-rgb) / .45);background:rgb(var(--color-accent-rgb) / .12);color:#f0b0a6}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-field-wide{grid-column:1 / -1}.lesson-editor{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:calc(100dvh - 104px);min-height:calc(100vh - 104px);margin-inline:0;gap:8px}.lesson-editor-topbar{position:relative;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .12);border-radius:12px;padding:8px 10px;background:rgb(var(--color-surface-rgb) / .72)}.lesson-editor-head.lesson-editor-topbar{align-items:center;min-height:0;padding-block:7px}.lesson-editor-topbar__main{display:flex;min-width:0;max-width:none;gap:12px;align-items:center}.lesson-editor-topbar__context{display:flex;min-width:0;flex-wrap:wrap;gap:10px 14px;align-items:center}.lesson-editor-current-title{max-width:900px;margin:0;color:var(--cream);font-family:var(--font-brand);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:850;line-height:1.22;overflow-wrap:anywhere}.lesson-editor-topbar__meta{display:flex;min-width:0;flex-wrap:wrap;gap:8px}.lesson-editor-head .lesson-editor-topbar__meta span{border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px;padding:6px 9px;color:var(--soft);background:rgb(var(--color-accent-rgb) / .07);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:none}.lesson-editor-topbar__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:none}.lesson-editor-icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:10px;color:var(--cream);background:#ffffff0b;cursor:pointer}.lesson-editor-icon-button:hover:not(:disabled){border-color:rgb(var(--color-accent-rgb) / .34);color:var(--gold2);background:#ffffff13}.lesson-editor-icon-button:disabled{cursor:not-allowed;opacity:.48}.lesson-editor-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.lesson-editor-workbench{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.5vw,16px);align-items:stretch;min-width:0;min-height:0;height:100%}.lesson-editor-workbench.preview-mode{grid-template-columns:minmax(0,1fr)}.lesson-editor-preview-mode-toggle{flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.lesson-editor-document-kind{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:10px;background:#040a12b8}.lesson-editor-document-kind button{display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:.35rem .62rem;border:0;border-radius:7px;background:transparent;color:var(--color-text-muted);font-size:.72rem;font-weight:800}.lesson-editor-document-kind button svg{width:14px;height:14px}.lesson-editor-document-kind button.selected{background:var(--color-accent);color:#101010;box-shadow:0 3px 12px rgb(var(--color-accent-rgb) / .24)}.lesson-editor-chapter-header{position:relative;scroll-margin-top:82px}.lesson-editor-chapter-header h2,.lesson-editor-chapter-header>strong{margin:0}.lesson-editor-chapter-header input,.lesson-editor-chapter-header textarea{width:100%;border-color:transparent;background:transparent;color:inherit;text-align:inherit}.lesson-editor-chapter-header .lesson-editor-canvas-title-input{font:inherit;font-size:inherit;font-weight:inherit}.lesson-editor-chapter-header .lesson-editor-canvas-block-copy-input{max-width:72ch;margin-top:8px;padding-inline:0}.lesson-editor-chapter-header.content-block--text-align-center .lesson-editor-chapter-header__index{justify-content:center}.lesson-editor-chapter-header.content-block--text-align-center .lesson-editor-canvas-block-copy-input{margin-inline:auto}.lesson-editor-chapter-header.content-block--text-align-right .lesson-editor-chapter-header__index{justify-content:flex-end}.lesson-editor-chapter-header.content-block--text-align-right .lesson-editor-canvas-block-copy-input{margin-left:auto}.lesson-editor-chapter-header__index,.lesson-editor-path-choice>header{display:flex;align-items:center;gap:8px;color:var(--color-accent);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lesson-editor-chapter-header__index svg,.lesson-editor-path-choice>header svg{width:16px;height:16px}.lesson-editor-path-choice{display:grid;gap:12px;padding:20px;border:1px solid rgb(98 143 255 / .42);border-radius:14px;background:#628fff14}.lesson-editor-path-choice__options{display:grid;gap:8px}.lesson-editor-path-choice__options>div{display:grid;grid-template-columns:24px minmax(90px,1fr) minmax(130px,1.2fr) 28px;gap:7px;align-items:center}.lesson-editor-path-choice__options>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:#101010;font-weight:800}.lesson-editor-path-choice__add{justify-self:start;display:inline-flex;align-items:center;gap:6px}.lesson-editor-path-choice__add svg{width:14px}.lesson-editor-structure-chapter{margin-top:10px;border-top:1px solid rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-accent-rgb) / .07)}.lesson-editor-flow-actions{display:grid;gap:7px;margin-top:14px}.lesson-editor-flow-actions .debug-action{display:flex;align-items:center;justify-content:center;gap:7px}.lesson-editor-flow-actions svg{width:15px}.lesson-editor-flow-warning{color:#ff8585}.lesson-editor-flow-modal-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:#00050ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lesson-editor-flow-modal{width:min(760px,96vw);max-height:min(760px,90vh);overflow:auto;display:grid;gap:18px;padding:22px;border:1px solid rgb(var(--color-accent-rgb) / .5);border-radius:18px;color:var(--text-primary);background:var(--surface-primary);box-shadow:0 24px 80px #0000008c}.lesson-editor-flow-modal>header,.lesson-editor-flow-modal>footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.lesson-editor-flow-modal>header span{color:var(--color-accent);font-size:.68rem;font-weight:800;text-transform:uppercase}.lesson-editor-flow-modal>header h2{margin:3px 0 0}.lesson-editor-flow-library{display:grid;gap:8px}.lesson-editor-flow-library>button{display:grid;grid-template-columns:28px 1fr 20px;gap:12px;align-items:center;padding:13px;border:1px solid var(--border-subtle);border-radius:12px;text-align:left;background:#ffffff09}.lesson-editor-flow-library>button:hover{border-color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .08)}.lesson-editor-flow-library span{display:grid;gap:3px}.lesson-editor-flow-library small{color:var(--color-text-muted)}.lesson-editor-flow-chapter-selection{display:grid;gap:8px}.lesson-editor-flow-chapter-selection label{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid rgb(255 255 255 / .1);border-radius:10px}.lesson-editor-choice-fields{display:grid;gap:10px;margin-top:12px}.lesson-editor-choice-fields>div{display:grid;gap:6px;padding:10px;border:1px solid rgb(255 255 255 / .1);border-radius:10px}.lesson-editor-origin-note{color:var(--color-text-muted)}@media(max-width:700px){.lesson-editor-path-choice__options>div{grid-template-columns:24px 1fr 28px}.lesson-editor-path-choice__options select{grid-column:2 / 4}.lesson-editor-flow-modal-backdrop{padding:8px}}.teacher-lesson-publish-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#00050ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.teacher-lesson-publish-dialog{width:min(620px,96vw);display:grid;gap:18px;padding:22px;border:1px solid color-mix(in srgb,var(--color-accent) 50%,var(--border-subtle));border-radius:18px;color:var(--text-primary);background:var(--surface-primary);box-shadow:0 24px 80px #0000008c}.teacher-lesson-publish-dialog>header,.teacher-lesson-publish-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.teacher-lesson-publish-dialog>header span{color:var(--color-accent);font-size:.7rem;font-weight:800;text-transform:uppercase}.teacher-lesson-publish-dialog>header h3{margin:3px 0 0}.teacher-lesson-publish-dialog__channels{display:grid;grid-template-columns:1fr;gap:10px}.teacher-lesson-publish-dialog__channels>label,.teacher-lesson-publish-dialog__channels>div{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:15px;border:1px solid var(--border-subtle);border-radius:13px;color:var(--text-primary);background:var(--surface-secondary);cursor:pointer}.tools-launcher{gap:clamp(22px,3vw,38px)}.tools-launcher__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tools-launcher__groups>section{min-width:0;padding-top:14px;border-top:2px solid color-mix(in srgb,var(--accent-primary) 52%,var(--border-subtle))}.tools-launcher__groups h2{margin:0 0 10px;font-family:var(--font-display);font-size:1rem;letter-spacing:.02em}.tools-launcher__groups section>div{display:grid;gap:5px}.tools-launcher__groups button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:74px;padding:13px 14px;border:0;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);background:transparent;text-align:left;cursor:pointer}.tools-launcher__groups button:hover{background:color-mix(in srgb,var(--accent-primary) 6%,transparent)}.tools-launcher__groups button:focus-visible{outline:0;box-shadow:var(--focus-ring)}.tools-launcher__groups button span{display:grid;gap:4px}.tools-launcher__groups button strong{font-size:.9rem}.tools-launcher__groups button small{color:var(--text-muted);line-height:1.45}.tools-launcher__groups button>svg{width:17px;color:var(--accent-primary)}@media(max-width:900px){.tools-launcher__groups{grid-template-columns:1fr}}.teacher-lesson-publish-dialog__channels label.selected,.teacher-lesson-publish-dialog__channels div.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--surface-primary))}.teacher-lesson-publish-dialog__channels label:focus-within{outline:3px solid color-mix(in srgb,var(--color-accent) 30%,transparent);outline-offset:2px}.teacher-lesson-publish-dialog__channels input{position:absolute;opacity:0}.teacher-lesson-publish-dialog__channels svg{color:var(--color-accent)}.teacher-lesson-publish-dialog__channels span{display:grid;gap:3px}.teacher-lesson-publish-dialog__channels small{color:var(--text-muted)}.teacher-lesson-publish-dialog__error{color:var(--color-danger, #c24141)}.teacher-lesson-publish-dialog__legacy{display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--border-subtle));border-radius:12px;padding:12px;background:color-mix(in srgb,var(--color-accent) 6%,var(--surface-secondary))}.teacher-lesson-publish-dialog__legacy p{margin:0;color:var(--text-muted);line-height:1.45}.teacher-lesson-publish-dialog__legacy button{justify-self:start}@media(max-width:560px){.teacher-lesson-publish-dialog__channels{grid-template-columns:1fr}}.teacher-lesson-list-controls{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,auto)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-primary)}.teacher-lesson-list-controls label{display:grid;gap:5px;color:var(--text-muted);font-size:.72rem;font-weight:800}.teacher-lesson-list-controls input,.teacher-lesson-list-controls select{min-height:42px;border:1px solid var(--border-subtle);border-radius:9px;padding:0 11px;color:var(--text-primary);background:var(--surface-secondary);font:inherit}.teacher-lesson-list-controls__search{position:relative}.teacher-lesson-list-controls__search svg{position:absolute;left:12px;bottom:12px;color:var(--text-muted)}.teacher-lesson-list-controls__search input{padding-left:38px}.teacher-lesson-list-controls output{align-self:center;color:var(--text-muted);font-size:.82rem;font-weight:800;white-space:nowrap}.teacher-lesson-list-batch{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 14px;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-primary)}.teacher-lesson-list-batch label{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:var(--text-muted);font-size:.78rem;font-weight:800}.teacher-lesson-list-batch input{width:17px;height:17px;accent-color:rgb(var(--color-accent-rgb))}.teacher-lesson-list-batch strong{font-size:.8rem}.teacher-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.teacher-pagination button{display:inline-flex;align-items:center;gap:6px;min-height:40px;border:1px solid var(--border-subtle);border-radius:9px;padding:0 12px;color:var(--text-primary);background:var(--surface-primary);font:inherit;font-weight:800;cursor:pointer}.teacher-pagination button:disabled{opacity:.4;cursor:not-allowed}.teacher-pagination svg{width:16px;height:16px}.teacher-pagination span{color:var(--text-muted);font-size:.82rem;font-weight:800}@media(max-width:760px){.teacher-lesson-list-controls{grid-template-columns:1fr 1fr}.teacher-lesson-list-controls__search,.teacher-lesson-list-controls output{grid-column:1 / -1}.teacher-pagination{justify-content:space-between}.teacher-pagination button{font-size:.78rem}}.lesson-editor-preview-mode-toggle[aria-pressed=true]{border-color:rgb(var(--color-accent-rgb) / .46);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-main--preview-mode{overflow:hidden}.lesson-editor-preview-mode-stage{position:relative;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.lesson-editor-toolrail{position:sticky;top:8px;z-index:8;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;align-content:stretch;min-width:0;min-height:0;border:1px solid rgb(var(--color-accent-rgb) / .12);border-radius:14px;padding:7px;background:rgb(var(--color-surface-rgb) / .84);box-shadow:0 14px 34px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lesson-editor-toolrail.closed{width:100%}.lesson-editor-panel-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:6px;min-width:0}.lesson-editor-toolrail.closed .lesson-editor-panel-switcher{grid-template-columns:1fr}.lesson-editor-panel-switcher button{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:9px;padding:8px 9px;color:var(--soft);background:#0000001f;font-size:.78rem;font-weight:900;cursor:pointer}.lesson-editor-toolrail.closed .lesson-editor-panel-switcher button:not(.lesson-editor-panel-switcher__close){writing-mode:vertical-rl;min-height:84px;padding:8px 4px}.lesson-editor-panel-switcher button.selected,.lesson-editor-panel-switcher button:hover{border-color:rgb(var(--color-accent-rgb) / .32);color:var(--cream);background:rgb(var(--color-accent-rgb) / .11)}.lesson-editor-panel-switcher__close{color:var(--gold2)!important}.lesson-editor-inspector{position:absolute;top:8px;right:0;z-index:9;display:block}.lesson-editor-inspector.open{position:relative;top:8px;right:auto;display:grid;min-width:0;min-height:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:14px;padding:12px;background:rgb(var(--color-surface-rgb) / .9);box-shadow:0 18px 44px #0000002e;overflow-x:hidden}.lesson-editor-inspector.open>*,.lesson-editor-block--inspector,.lesson-editor-theory-quiz-fields{width:100%;min-width:0;max-width:100%}.lesson-editor-inspector.closed{pointer-events:none}.lesson-editor-inspector-tab{pointer-events:auto;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px 0 0 999px;padding:9px 12px;color:var(--gold2);background:rgb(var(--color-surface-rgb) / .94);box-shadow:0 14px 34px #00000038;font-size:.78rem;font-weight:950;cursor:pointer}.lesson-editor-inspector-note{margin:0 0 12px;color:var(--muted);font-size:.82rem;line-height:1.4}.lesson-editor-inspector-advanced{display:grid;gap:10px;border:1px solid rgb(var(--color-accent-rgb) / .12);border-radius:10px;padding:10px;background:#0000001a}.lesson-editor-inspector-advanced>summary{color:var(--soft);cursor:pointer;font-size:.82rem;font-weight:900;list-style:none}.lesson-editor-inspector-advanced>summary::-webkit-details-marker{display:none}.lesson-editor-inspector-stack{display:grid;gap:12px;min-width:0}.lesson-editor-fieldset{display:grid;min-width:0;gap:10px;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:12px;padding:12px;background:#ffffff07}.lesson-editor-fieldset legend{padding:0 6px;color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}.lesson-editor-fieldset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,156px),1fr));gap:10px;min-width:0}.lesson-editor-header-template-options,.lesson-editor-header-alignment-options,.lesson-editor-header-highlight-options{display:grid;gap:6px;min-width:0}.lesson-editor-header-template-options,.lesson-editor-header-alignment-options{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-editor-header-highlight-options{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-editor-header-highlight-options>:last-child:nth-child(odd){grid-column:1 / -1}.lesson-editor-header-template-options button,.lesson-editor-header-alignment-options button,.lesson-editor-header-highlight-options button{min-width:0;border:1px solid rgb(var(--color-text-rgb) / .13);border-radius:8px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035);font:inherit;cursor:pointer;transition:border-color .14s ease,color .14s ease,background-color .14s ease,box-shadow .14s ease}.lesson-editor-header-template-options button:hover,.lesson-editor-header-template-options button:focus-visible,.lesson-editor-header-template-options button.selected,.lesson-editor-header-alignment-options button:hover,.lesson-editor-header-alignment-options button:focus-visible,.lesson-editor-header-alignment-options button.selected,.lesson-editor-header-highlight-options button:hover,.lesson-editor-header-highlight-options button:focus-visible,.lesson-editor-header-highlight-options button.selected{border-color:rgb(var(--color-accent-rgb) / .62);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-header-template-options button:focus-visible,.lesson-editor-header-alignment-options button:focus-visible,.lesson-editor-header-highlight-options button:focus-visible{outline:2px solid rgb(var(--color-accent-rgb) / .52);outline-offset:2px}.lesson-editor-header-template-options button.selected,.lesson-editor-header-alignment-options button.selected,.lesson-editor-header-highlight-options button.selected{box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .26)}.lesson-editor-header-template-options button{display:grid;gap:6px;min-height:62px;padding:7px;text-align:center}.lesson-editor-header-template-options button strong,.lesson-editor-header-highlight-options button strong{min-width:0;overflow:hidden;font-size:.68rem;font-weight:850;line-height:1.15;text-overflow:ellipsis}.lesson-editor-header-template-preview{display:flex;flex-direction:column;justify-content:center;gap:3px;width:100%;height:30px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:5px;padding:5px;background:rgb(var(--color-bg-rgb) / .42)}.lesson-editor-header-template-preview i{display:block;height:3px;border-radius:999px;background:currentColor;opacity:.72}.lesson-editor-header-template-preview--compact{align-items:flex-start}.lesson-editor-header-template-preview--compact i:nth-child(1){width:34%}.lesson-editor-header-template-preview--compact i:nth-child(2){width:78%;height:5px}.lesson-editor-header-template-preview--compact i:nth-child(3){width:56%}.lesson-editor-header-template-preview--hero{align-items:center}.lesson-editor-header-template-preview--hero i:nth-child(1){width:28%}.lesson-editor-header-template-preview--hero i:nth-child(2){width:86%;height:7px}.lesson-editor-header-template-preview--hero i:nth-child(3){width:48%}.lesson-editor-header-template-preview--minimal{align-items:flex-start;justify-content:flex-end}.lesson-editor-header-template-preview--minimal i:nth-child(1){width:22%}.lesson-editor-header-template-preview--minimal i:nth-child(2){width:62%;height:4px}.lesson-editor-header-template-preview--minimal i:nth-child(3){width:38%;opacity:.42}.lesson-editor-header-alignment-options button{display:grid;place-items:center;min-height:38px;padding:7px}.lesson-editor-header-highlight-options button{display:grid;grid-template-columns:minmax(34px,.55fr) minmax(0,1fr);gap:7px;align-items:center;min-height:42px;padding:7px 8px;text-align:left}.lesson-editor-header-highlight-swatch{display:grid;place-items:center;min-width:0;height:24px}.lesson-editor-header-highlight-swatch i{display:block;width:86%;height:3px;border-radius:999px;background:rgb(var(--color-text-rgb) / .45)}.lesson-editor-header-highlight-option--none .lesson-editor-header-highlight-swatch i{opacity:.38}.lesson-editor-header-highlight-option--underline .lesson-editor-header-highlight-swatch i{height:9px;border-bottom:2px solid var(--color-accent);border-radius:0;background:transparent}.lesson-editor-header-highlight-option--soft-pill .lesson-editor-header-highlight-swatch i{height:13px;border:1px solid rgb(var(--color-accent-rgb) / .45);border-radius:999px;background:rgb(var(--color-accent-rgb) / .15)}.lesson-editor-header-highlight-option--accent-bar .lesson-editor-header-highlight-swatch i{height:15px;border-left:3px solid var(--color-accent);border-radius:1px;background:rgb(var(--color-text-rgb) / .08)}.lesson-editor-header-highlight-option--ribbon .lesson-editor-header-highlight-swatch i{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2))}.lesson-editor-rhythm-guide-inspector{background:linear-gradient(135deg,rgba(255,47,114,.08),transparent 65%),#ffffff07}.lesson-editor-rhythm-guide-action{justify-content:center;min-height:42px;width:100%}.lesson-editor-fieldset .admin-field,.lesson-editor-fieldset .admin-field-wide,.lesson-editor-inspector-stack .admin-field,.lesson-editor-inspector-stack .admin-field-wide{min-width:0}.lesson-editor-fieldset :where(input,select,textarea),.lesson-editor-inspector-stack :where(input,select,textarea){width:100%;min-width:0;min-height:42px}.lesson-editor-fieldset :where(.admin-field>span,.admin-field-wide>span),.lesson-editor-inspector-stack :where(.admin-field>span,.admin-field-wide>span){display:block;min-width:0;overflow:hidden;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-inline-upload{gap:8px}.lesson-editor-inline-upload__drop{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-width:0;border:1px dashed rgb(var(--color-accent-rgb) / .34);border-radius:8px;padding:10px;color:var(--text-primary, var(--text));cursor:pointer;background:var(--surface-secondary, rgba(255, 255, 255, .035))}.lesson-editor-inline-upload__drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.lesson-editor-inline-upload__drop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-selected-file{display:grid;gap:5px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:8px;padding:8px 10px;background:#ffffff08}.lesson-editor-selected-file strong{min-width:0;color:var(--cream);font-size:.84rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-media-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;min-width:0}.lesson-editor-image-source-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(156px,.42fr);gap:8px;align-items:end;min-width:0}.lesson-editor-stage-presentation-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;min-width:0}.lesson-editor-stage-presentation-group{display:grid;align-content:start;gap:8px;min-width:0;padding:10px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:10px;background:rgb(var(--color-text-rgb) / .025)}.lesson-editor-stage-presentation-group>strong{color:var(--cream);font-size:.78rem;font-weight:900}.lesson-editor-stage-presentation-group .lesson-editor-notation-layer-button,.lesson-editor-stage-presentation-toggle{min-height:44px}.lesson-editor-stage-presentation-toggle{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;color:var(--muted);background:rgb(var(--color-text-rgb) / .035);font:inherit;font-weight:850;cursor:pointer}.lesson-editor-stage-presentation-toggle.selected{border-color:rgb(var(--color-accent-rgb) / .62);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-stage-presentation-toggle small{color:var(--soft);font-size:.7rem}.lesson-editor-stage-presentation-toggle:focus-visible{outline:2px solid rgb(var(--color-accent-rgb) / .85);outline-offset:2px}.lesson-editor-stage-presentation-groups .lesson-editor-stage-fretboard-builder{grid-column:1 / -1}.lesson-editor-image-library{display:grid;gap:8px;min-width:0}.lesson-editor-image-library .lesson-asset-dialog-trigger,.lesson-editor-image-library .debug-action{width:100%}.lesson-editor-media-action-row .lesson-editor-inspector-advanced{min-width:0}.lesson-editor-media-action-row .debug-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.lesson-editor-media-action-row .debug-action:disabled{cursor:not-allowed;opacity:.5}.lesson-editor-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;min-width:0}.lesson-editor-toggle-grid--chips{grid-template-columns:repeat(auto-fit,minmax(154px,1fr));align-items:stretch}.lesson-editor-toggle-grid--chips .lesson-editor-toggle-field{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:42px;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:8px 9px;color:var(--soft);background:#ffffff09;line-height:1.15}.lesson-editor-toggle-grid--chips .lesson-editor-toggle-field:has(input:checked){border-color:rgb(var(--color-accent-rgb) / .42);color:var(--cream);background:rgb(var(--color-accent-rgb) / .1)}.lesson-editor-toggle-grid--chips .lesson-editor-toggle-field input{width:16px;height:16px;margin:0}.lesson-editor-segmented-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;min-width:0}.lesson-editor-segmented-control button{min-width:0;min-height:38px;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:7px 9px;color:var(--soft);background:#ffffff09;font-size:.78rem;font-weight:900;cursor:pointer}.lesson-editor-segmented-control button:hover,.lesson-editor-segmented-control button:focus-visible,.lesson-editor-segmented-control button.selected{border-color:rgb(var(--color-accent-rgb) / .42);color:var(--cream);background:rgb(var(--color-accent-rgb) / .1);outline:0}.lesson-editor-segmented-control button:disabled{cursor:not-allowed}.lesson-editor-segmented-control button.selected:disabled{opacity:.82}.lesson-editor-preview-viewport{display:flex;gap:2px;padding:2px;border:1px solid rgb(var(--color-border-rgb) / .7);border-radius:8px;background:rgb(var(--color-bg-rgb) / .5)}.lesson-editor-preview-viewport button{border:0;border-radius:5px;background:transparent;color:var(--color-text-soft);padding:.35rem .55rem;font-size:.7rem}.lesson-editor-preview-viewport button.selected{background:var(--color-accent);color:#fff}.lesson-editor-preview-mode-stage{width:100%;margin-inline:auto;transition:width .18s ease}.lesson-editor-preview-mode-stage.is-tablet{width:min(100%,820px)}.lesson-editor-preview-mode-stage.is-mobile{width:min(100%,390px)}.lesson-editor-field-help{color:var(--muted);font-size:.76rem;line-height:1.35}.lesson-editor-eartrainer-fields,.lesson-editor-tuner-fields,.lesson-editor-scale-slider-fields{display:grid;gap:12px;min-width:0}.lesson-editor-eartrainer-intervals{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;min-width:0}.lesson-editor-eartrainer-rootmodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;min-width:0}.lesson-editor-eartrainer-rootmodes button{min-height:38px;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:10px;padding:7px 8px;color:var(--soft);background:#ffffff09;font-size:.78rem;font-weight:900;line-height:1.2}.lesson-editor-eartrainer-rootmodes button:hover,.lesson-editor-eartrainer-rootmodes button.active{border-color:rgb(var(--color-accent-rgb) / .42);color:var(--gold2);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-eartrainer-intervals label{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:10px;padding:7px 8px;color:var(--soft);background:#ffffff09;font-size:.82rem;font-weight:900;line-height:1.2}.lesson-editor-eartrainer-intervals input{width:auto;min-width:0}.lesson-editor-eartrainer-diagram-preview{display:grid;gap:10px;min-width:0;margin-top:10px;padding-top:10px;border-top:1px solid rgb(var(--color-accent-rgb) / .16)}.lesson-editor-eartrainer-diagram-preview>strong{overflow-wrap:anywhere;color:var(--gold2);font-size:.78rem;line-height:1.35}.lesson-editor-eartrainer-diagram-preview .eartrainer-diagram-answer-grid{grid-template-columns:1fr;width:100%}.lesson-editor-toggle-field{display:inline-flex;align-items:center;gap:8px;min-height:34px;color:var(--soft);font-size:.82rem;font-weight:900}.lesson-editor-toggle-field input{width:auto}.lesson-editor-pattern-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;min-width:0}.lesson-editor-pattern-bars label,.lesson-editor-metronome-custom-accents label{display:grid;gap:5px;min-width:0;color:var(--soft);font-size:.76rem;font-weight:900}.lesson-editor-metronome-custom-accents{display:grid;gap:8px;min-width:0}.lesson-editor-metronome-custom-accents>span{color:var(--muted);font-size:.78rem;font-weight:800}.lesson-editor-metronome-custom-accents>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;min-width:0}.lesson-editor-inspector-empty{display:grid;gap:6px;min-width:0}.lesson-editor-inspector-empty span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-inspector-empty strong{color:var(--cream);overflow-wrap:anywhere}.lesson-editor-toolrail-status{display:grid;min-width:0;gap:6px}.lesson-editor-toolrail-status span{border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:7px 10px;color:var(--soft);background:#ffffff09;font-size:.76rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.lesson-editor-toolrail-panel{position:relative;min-width:min(100%,176px);min-height:0;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;background:#00000024}.lesson-editor-toolrail-panel--static{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding:10px}.lesson-editor-toolrail-panel--static>header{display:grid;gap:3px}.lesson-editor-toolrail-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:8px 10px;cursor:pointer;list-style:none}.lesson-editor-toolrail-panel>summary::-webkit-details-marker{display:none}.lesson-editor-toolrail-panel>summary:after{content:"+";display:grid;width:24px;height:24px;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px;color:var(--gold2);background:#00000029;font-weight:950}.lesson-editor-toolrail-panel[open]>summary:after{content:"-"}.lesson-editor-toolrail-panel>summary span,.lesson-editor-toolrail-panel>summary strong,.lesson-editor-toolrail-panel--static>header span,.lesson-editor-toolrail-panel--static>header strong{display:block;min-width:0;overflow-wrap:anywhere}.lesson-editor-toolrail-panel>summary span,.lesson-editor-toolrail-panel--static>header span{color:var(--soft);font-size:.66rem;font-weight:950;letter-spacing:.07em;line-height:1.1;text-transform:uppercase}.lesson-editor-toolrail-panel>summary strong,.lesson-editor-toolrail-panel--static>header strong{color:var(--cream);font-size:.86rem;font-weight:950;line-height:1.18}.lesson-editor-toolrail-body{position:static;top:calc(100% + 8px);left:0;z-index:15;display:grid;align-content:start;width:100%;max-height:none;min-height:0;gap:12px;overflow:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.lesson-editor-toolrail-advanced,.lesson-editor-toolrail-advanced-host{min-height:0}.lesson-editor-toolrail-body small{color:var(--muted);font-size:.78rem;line-height:1.35}.lesson-editor-inspector-panel{flex:1 1 280px}.lesson-editor-inspector-panel .lesson-editor-toolrail-body{right:0;left:auto;width:min(780px,calc(100vw - 40px))}.lesson-editor-add--toolrail{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.lesson-editor-add--toolrail .debug-action{min-height:40px}.lesson-editor-block-palette{display:grid;gap:10px}.lesson-editor-palette-insert-position{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px}.lesson-editor-palette-insert-position button{min-width:0;min-height:30px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:7px;padding:5px 7px;color:var(--soft);background:#ffffff09;font:inherit;font-size:.69rem;font-weight:850;cursor:pointer}.lesson-editor-palette-insert-position button:hover,.lesson-editor-palette-insert-position button:focus-visible,.lesson-editor-palette-insert-position button.selected{border-color:rgb(var(--color-accent-rgb) / .55);color:var(--cream);background:rgb(var(--color-accent-rgb) / .13)}.lesson-editor-palette-insert-position button:disabled{opacity:.42;cursor:not-allowed}.lesson-editor-block-palette__group{display:grid;gap:6px}.lesson-editor-block-palette__group h4{margin:0;color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-block-palette__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px}.lesson-editor-block-palette__items button{display:grid;align-content:center;justify-items:center;gap:4px;width:100%;min-height:58px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:8px;padding:6px 5px;color:var(--cream);background:#ffffff0b;text-align:center;cursor:pointer}.lesson-editor-block-palette__items button:hover,.lesson-editor-block-palette__items button:focus-visible,.lesson-editor-block-palette__items button.selected{border-color:rgb(var(--color-accent-rgb) / .42);background:#d6a84f1c;outline:0}.lesson-editor-block-palette__items button span{max-width:100%;font-size:.72rem;font-weight:950;line-height:1.08;overflow-wrap:anywhere}.lesson-editor-block-palette__items button small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lesson-editor-block-palette__icon{color:var(--soft);flex:0 0 auto}.lesson-editor-block-palette__icon--image{display:block;width:24px;height:24px;object-fit:contain;filter:brightness(1.18) saturate(.82)}.lesson-editor-block-palette__items button.lesson-editor-block-palette__item--warning{border-color:#ff9f4385;background:#ff9f4317}.lesson-editor-block-palette__item--warning .lesson-editor-block-palette__icon,.lesson-editor-block-palette__item--warning span{color:#ffb067}.lesson-editor-block-palette__items button.lesson-editor-block-palette__item--warning:hover,.lesson-editor-block-palette__items button.lesson-editor-block-palette__item--warning:focus-visible{border-color:#ff9f43d1;background:#ff9f4329}.lesson-editor-block-palette__items button.lesson-editor-block-palette__item--warning.selected{border-color:#ff9f43e6;background:linear-gradient(rgb(var(--color-accent-rgb) / .1),rgb(var(--color-accent-rgb) / .1)),#ff9f4326;box-shadow:0 0 0 2px rgb(var(--color-accent-rgb) / .24)}.lesson-editor-callout-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;min-width:0}.lesson-editor-callout-presets .debug-action{justify-content:start;min-width:0}.lesson-editor-callout-presets .content-block-icon{flex:0 0 auto;width:18px;height:18px}.lesson-editor-callout-icon-picker{display:grid;gap:10px;min-width:0}.lesson-editor-callout-current-icon{display:inline-flex;width:fit-content;max-width:100%;align-items:center;gap:8px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:8px;padding:7px 9px;color:var(--cream);background:rgb(var(--color-bg-rgb) / .44);font-size:.82rem;font-weight:850}.lesson-editor-callout-current-icon .content-block-icon{flex:0 0 auto;width:20px;height:20px}.lesson-editor-callout-icon-groups{display:grid;gap:10px}.lesson-editor-callout-icon-group{display:grid;gap:6px;min-width:0}.lesson-editor-callout-icon-group>summary{color:var(--muted);cursor:pointer;font-size:.68rem;font-weight:900;letter-spacing:.06em;list-style:none;text-transform:uppercase}.lesson-editor-callout-icon-group>summary::-webkit-details-marker{display:none}.lesson-editor-callout-icon-group>summary:after{content:" +"}.lesson-editor-callout-icon-group[open]>summary:after{content:" -"}.lesson-editor-callout-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;min-width:0}.lesson-editor-callout-icon-picker.compact .lesson-editor-callout-icon-grid{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.lesson-editor-callout-icon-grid button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:38px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;padding:7px;color:var(--cream);background:rgb(var(--color-bg-rgb) / .34);cursor:pointer;text-align:left}.lesson-editor-callout-icon-grid button:hover,.lesson-editor-callout-icon-grid button:focus-visible,.lesson-editor-callout-icon-grid button.selected{border-color:rgb(var(--color-accent-rgb) / .62);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-callout-icon-grid button.selected{box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .42)}.lesson-editor-callout-icon-grid .content-block-icon{width:20px;height:20px}.lesson-editor-callout-icon-grid .content-block-icon--image img,.lesson-editor-callout-current-icon .content-block-icon--image img,.lesson-editor-callout-presets .content-block-icon--image img{width:100%;height:100%;object-fit:contain}.lesson-editor-callout-icon-grid small{min-width:0;overflow:hidden;color:inherit;font-size:.76rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-callout-control-group{display:block;min-width:0;border-top:1px solid rgb(255 255 255 / .1);padding-top:8px}.lesson-editor-callout-control-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;color:var(--gold2);cursor:pointer;font-size:.72rem;font-weight:950;letter-spacing:.07em;list-style:none;text-transform:uppercase}.lesson-editor-callout-control-group>summary::-webkit-details-marker{display:none}.lesson-editor-callout-control-group>summary:after{content:"+";color:var(--muted);font-size:1rem;line-height:1}.lesson-editor-callout-control-group[open]>summary:after{content:"−"}.lesson-editor-callout-control-group>.lesson-editor-fieldset-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:7px 0 3px}.lesson-editor-callout-control-group .lesson-editor-callout-current-icon{min-height:38px;padding:7px 9px}.lesson-editor-callout-control-group .lesson-editor-callout-icon-groups{gap:4px}.lesson-editor-inspector-section{display:block;min-width:0;border:1px solid rgb(255 255 255 / .1);border-radius:9px;background:#ffffff06}.lesson-editor-inspector-section>summary{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:var(--cream);cursor:pointer;font-size:.75rem;font-weight:900;list-style:none}.lesson-editor-inspector-section>summary::-webkit-details-marker{display:none}.lesson-editor-inspector-section>summary:after{content:"+";color:var(--muted);font-size:1rem}.lesson-editor-inspector-section[open]>summary:after{content:"−"}.lesson-editor-inspector-section>summary small{margin-left:auto;color:var(--muted);font-size:.65rem;font-weight:700}.lesson-editor-inspector-section>.lesson-editor-fieldset{margin:0;border:0;border-top:1px solid rgb(255 255 255 / .08);border-radius:0}.lesson-editor-inspector-text-action{margin-top:8px;border:0;padding:4px 0;color:var(--muted);background:transparent;font-size:.7rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.lesson-editor-inspector-text-action:hover,.lesson-editor-inspector-text-action:focus-visible{color:var(--gold2)}.lesson-editor-sidebar{position:sticky;top:14px;display:grid;gap:12px;min-width:0;align-self:start}.lesson-editor-sidebar-panel{display:grid;gap:11px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;padding:13px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#00000029}.lesson-editor-sidebar-panel,.lesson-editor-topbar,.lesson-editor-secondary-panel{box-shadow:none}.lesson-editor-sidebar-panel>span,.lesson-editor-sidebar-panel__head span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.lesson-editor-sidebar-panel h2{margin:0;color:var(--cream);font-family:var(--font-brand);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:850;line-height:1.12;overflow-wrap:anywhere}.lesson-editor-sidebar-panel p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.42}.lesson-editor-sidebar-panel__head{display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0}.lesson-editor-sidebar-panel__head strong{color:var(--cream);font-size:.9rem}.lesson-editor-sidebar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.lesson-editor-sidebar-stats div{display:grid;gap:4px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:10px;padding:8px;background:#00000029}.lesson-editor-sidebar-stats dt{color:var(--soft);font-size:.68rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-sidebar-stats dd{margin:0;color:var(--cream);font-size:.86rem;font-weight:900;overflow-wrap:anywhere}.lesson-editor-add--sidebar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.lesson-editor-add--sidebar .debug-action{justify-content:center;width:100%}.lesson-editor-structure-list{display:grid;gap:6px;max-height:none;margin:0;padding:0;overflow:visible;list-style:none}.lesson-editor-structure-list li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:stretch;min-width:0}.lesson-editor-structure-list li:has(.lesson-editor-structure-children){grid-template-rows:auto auto}.lesson-editor-structure-list li:before,.lesson-editor-structure-list li:after{content:"";position:absolute;right:4px;left:4px;z-index:1;height:2px;border-radius:999px;background:transparent;pointer-events:none}.lesson-editor-structure-list li:before{top:-4px}.lesson-editor-structure-list li:after{bottom:-4px}.lesson-editor-structure-list li.drop-before:before,.lesson-editor-structure-list li.drop-after:after{background:linear-gradient(90deg,var(--gold2),rgb(var(--color-accent-2-rgb) / .72));box-shadow:0 0 0 3px rgb(var(--color-accent-rgb) / .08)}.lesson-editor-structure-drag-handle,.lesson-editor-structure-list a,.lesson-editor-structure-entry{border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:10px;color:inherit;background:#ffffff09}.lesson-editor-structure-drag-handle{display:grid;width:30px;min-height:100%;place-items:center;padding:0;color:var(--soft);cursor:grab}.lesson-editor-structure-drag-handle:active{cursor:grabbing}.lesson-editor-structure-list a,.lesson-editor-structure-entry{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:8px;text-decoration:none}.lesson-editor-structure-list a:hover,.lesson-editor-structure-entry:hover,.lesson-editor-structure-drag-handle:hover{border-color:rgb(var(--color-accent-rgb) / .34);background:rgb(var(--color-accent-rgb) / .08)}.lesson-editor-structure-list li.selected a,.lesson-editor-structure-list li.selected .lesson-editor-structure-entry,.lesson-editor-structure-list li.selected .lesson-editor-structure-drag-handle{border-color:rgb(var(--color-accent-rgb) / .52);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .16),rgb(var(--color-accent-2-rgb) / .08)),#ffffff09}.lesson-editor-structure-list li.is-dragging{opacity:.5}.lesson-editor-structure-list a:focus-visible,.lesson-editor-structure-entry:focus-visible,.lesson-editor-structure-drag-handle:focus-visible{outline:3px solid rgb(var(--color-accent-rgb) / .42);outline-offset:2px}.lesson-editor-structure-list a>span,.lesson-editor-structure-entry>span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold));font-size:.76rem;font-weight:950}.lesson-editor-structure-list div{min-width:0}.lesson-editor-structure-list strong,.lesson-editor-structure-list small{display:block;min-width:0;overflow-wrap:anywhere}.lesson-editor-structure-list strong{color:var(--cream);font-size:.9rem;line-height:1.22}.lesson-editor-structure-list strong[title]{cursor:text}.lesson-editor-structure-entry--renaming input{width:100%;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .52);border-radius:7px;padding:5px 7px;color:var(--cream);background:#060a12db;font:inherit;font-size:.86rem;font-weight:900}.lesson-editor-structure-entry--renaming input:focus{outline:2px solid rgb(var(--color-accent-rgb) / .34);outline-offset:1px}.lesson-editor-structure-list small{margin-top:3px;color:var(--soft);font-size:.76rem;font-weight:850}.lesson-editor-structure-children{grid-column:2;display:grid;gap:5px;margin:2px 0 0;padding:0 0 0 10px;border-left:1px solid rgb(var(--color-accent-rgb) / .18);list-style:none}.lesson-editor-structure-children li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;border:1px solid rgb(var(--color-accent-rgb) / .1);border-radius:8px;padding:7px;background:#ffffff06}.lesson-editor-structure-children li>span{color:var(--gold2);font-size:.72rem;font-weight:950}.lesson-editor-main{display:grid;gap:0;min-width:0;min-height:0;height:100%;overflow:hidden}.lesson-editor-preview--primary{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;height:100%;border-color:rgb(var(--color-accent-2-rgb) / .16);border-radius:14px;padding:8px;background:rgb(var(--color-bg-rgb) / .42)}.lesson-editor-preview-head .admin-derived span{max-width:260px}.lesson-editor-preview-head{width:min(1220px,100%);margin:0 auto}.lesson-editor-canvas-title-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0;max-width:none}.lesson-editor-canvas-title-editor>span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-canvas-title-editor h3{margin:0;color:var(--soft);font-size:.82rem;font-weight:850}.lesson-editor-canvas-title-editor label,.lesson-editor-inline-block-fields label span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.lesson-editor-canvas-title-editor input,.lesson-editor-canvas-title-editor textarea,.lesson-editor-inline-block-fields input,.lesson-editor-inline-block-fields textarea{width:100%;min-width:0;border:1px solid transparent;border-radius:8px;color:var(--cream);background:transparent;box-shadow:none;font:inherit;line-height:1.35}.lesson-editor-canvas-title-editor input:focus,.lesson-editor-canvas-title-editor textarea:focus,.lesson-editor-inline-block-fields input:focus,.lesson-editor-inline-block-fields textarea:focus{outline:none;border-color:rgb(var(--color-accent-rgb) / .36);background:#0000001f}.lesson-editor-canvas-title-editor input{padding:6px 8px;font-family:var(--font-brand);font-size:clamp(2rem,3.6vw,4.2rem);font-weight:850;line-height:1.02}.lesson-editor-canvas-title-editor textarea,.lesson-editor-inline-block-fields textarea{resize:vertical}.lesson-editor-canvas-title-editor textarea{padding:2px 8px 7px;color:var(--soft);font-size:clamp(1rem,1.45vw,1.2rem)}.lesson-editor-inline-block-editor{display:grid;gap:10px;width:min(1220px,100%);margin:8px auto 4px;border:1px solid rgb(var(--color-accent-rgb) / .13);border-radius:10px;padding:10px;background:rgb(var(--color-surface-rgb) / .42)}.lesson-editor-inline-block-editor header{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.lesson-editor-inline-block-editor header div{min-width:0}.lesson-editor-inline-block-editor header span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.lesson-editor-inline-block-editor header strong{display:block;margin-top:3px;color:var(--cream);font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.lesson-editor-inline-block-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:10px}.lesson-editor-inline-block-fields label{display:grid;gap:6px;min-width:0}.lesson-editor-inline-block-fields label.wide{grid-column:1 / -1}.lesson-editor-inline-block-fields input,.lesson-editor-inline-block-fields textarea{padding:9px 10px;color:var(--cream)}.lesson-editor-preview--primary .lesson-preview{width:min(1220px,100%);max-width:none;margin:8px auto 0}.lesson-editor-live-canvas{min-height:100%}.lesson-editor-canvas-header-shell{position:relative;min-width:0;border:1px solid transparent;border-radius:10px;padding:3px;cursor:pointer}.lesson-editor-canvas-header-shell:hover,.lesson-editor-canvas-header-shell:focus-visible,.lesson-editor-canvas-header-shell.selected{border-color:rgb(var(--color-accent-rgb) / .48);outline:none;box-shadow:0 0 0 6px rgb(var(--color-accent-rgb) / .07)}.lesson-editor-header-inspector__background-actions{display:flex;flex-wrap:wrap;gap:8px}.lesson-editor-live-canvas__title-stack,.lesson-editor-live-canvas__hero-copy{min-width:0}.lesson-editor-live-canvas :where(input,textarea){width:100%;min-width:0;border:1px solid transparent;border-radius:8px;color:inherit;background:transparent;box-shadow:none;font:inherit;letter-spacing:inherit}.lesson-editor-live-canvas :where(input,textarea):focus{outline:none;border-color:rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-bg-rgb) / .18);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .08)}.lesson-editor-live-canvas textarea{resize:vertical}.lesson-editor-live-canvas h2,.lesson-editor-live-canvas h3,.lesson-editor-live-canvas p{min-width:0}.lesson-editor-canvas-title-input{padding:2px 6px}.lesson-editor-live-canvas .lesson-editor-canvas-auto-grow-input{height:auto;overflow-y:hidden;resize:none}.lesson-editor-live-canvas textarea.lesson-editor-canvas-title-input{white-space:pre-wrap}.lesson-editor-canvas-subtitle-input{min-height:2.7em;padding:2px 6px;line-height:1.45}.lesson-editor-canvas-hero-lead-input{min-height:4.2em;padding:2px 6px;line-height:1.5}.lesson-editor-live-canvas .lesson-preview__header-copy input,.lesson-editor-live-canvas .lesson-preview__hero-copy input,.lesson-editor-live-canvas .lesson-preview__header-copy textarea,.lesson-editor-live-canvas .lesson-preview__hero-copy textarea{display:block}.lesson-editor-live-canvas .lesson-preview__header-copy .lesson-editor-canvas-eyebrow-input,.lesson-editor-live-canvas .lesson-preview__hero-copy .lesson-editor-canvas-eyebrow-input{width:fit-content;max-width:100%}.lesson-editor-live-canvas .lesson-preview__meta .lesson-editor-canvas-meta-chip-input{width:min(18ch,100%);min-width:8ch;padding:0;text-align:inherit}.lesson-editor-live-canvas .lesson-preview__meta span:has(.lesson-editor-canvas-meta-chip-input){min-width:min(100%,10ch)}.lesson-editor-canvas-header-input--center{margin-inline:auto;text-align:center}.lesson-editor-canvas-header-input--right{margin-left:auto;text-align:right}.lesson-editor-live-canvas .lesson-preview__hero-copy>p:has(.lesson-editor-canvas-subtitle-input),.lesson-editor-live-canvas .lesson-preview__header p:has(.lesson-editor-canvas-subtitle-input){max-width:720px}.lesson-editor-canvas-block-shell{min-width:0;position:relative;grid-column:1 / -1}.lesson-editor-canvas-drop-zone{grid-column:1 / -1;display:grid;place-items:center;min-height:0;height:0;overflow:hidden;border:0 dashed transparent;border-radius:9px;color:transparent;background:transparent;font-size:.76rem;font-weight:900;transition:min-height .14s ease,height .14s ease,border-color .14s ease,color .14s ease,background .14s ease}.lesson-editor-canvas-drop-zone.is-available{min-height:34px;height:34px;border-width:1px;border-color:rgb(var(--color-accent-rgb) / .35);color:rgb(var(--color-text-rgb) / .68);background:rgb(var(--color-accent-rgb) / .045)}.lesson-editor-canvas-drop-zone.is-active{min-height:46px;height:46px;border-color:rgb(var(--color-accent-rgb) / .9);color:var(--cream);background:rgb(var(--color-accent-rgb) / .18);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .22)}.lesson-editor-canvas-block-shell.content-block--full{grid-column:1 / -1}.lesson-editor-canvas-block-shell.content-block--span-2{grid-column:span 2}.lesson-editor-canvas-block-shell.content-block--span-3{grid-column:span 3}.lesson-editor-canvas-block-shell.content-block--aside{grid-column:span 1}.lesson-editor-canvas-block-shell>.content-block{height:100%}.lesson-editor-spacing-handle{position:absolute;z-index:5;left:50%;display:inline-flex;align-items:center;gap:3px;max-width:min(100%,210px);transform:translate(-50%);border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:999px;padding:2px;background:rgb(var(--color-bg-rgb) / .92);box-shadow:0 10px 24px #00000038;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.lesson-editor-canvas-block-shell:hover .lesson-editor-spacing-handle,.lesson-editor-canvas-block-shell:focus-within .lesson-editor-spacing-handle,.lesson-editor-canvas-block-shell.selected .lesson-editor-spacing-handle{opacity:1;pointer-events:auto}.lesson-editor-spacing-handle--top{top:-16px}.lesson-editor-spacing-handle--bottom{bottom:-16px}.lesson-editor-canvas-block-shell.content-block-strumming-pattern{padding-top:40px}.lesson-editor-canvas-block-shell.content-block-strumming-pattern .lesson-editor-spacing-handle--top{top:0}.lesson-editor-spacing-handle button{display:inline-grid;place-items:center;min-width:28px;height:28px;border:0;border-radius:999px;padding:0 7px;color:var(--color-text);background:transparent;cursor:pointer}.lesson-editor-spacing-handle button:hover,.lesson-editor-spacing-handle button:focus-visible{background:rgb(var(--color-accent-rgb) / .16)}.lesson-editor-spacing-handle button svg{width:15px;height:15px}.lesson-editor-spacing-handle__drag{grid-auto-flow:column;gap:4px;color:var(--gold2)!important;cursor:ns-resize!important}.lesson-editor-spacing-handle__drag span{max-width:8ch;overflow:hidden;color:inherit;font-size:.68rem;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-editable-content-block{display:grid;gap:10px}.lesson-editor-stage-workspace__preview-frame{position:relative}.lesson-editor-editable-content-block .lesson-editor-canvas-eyebrow-input{width:fit-content;max-width:100%;padding:2px 4px}.lesson-editor-editable-content-block h3,.lesson-editor-editable-content-block strong{min-width:0}.lesson-editor-canvas-block-title-input{padding:2px 4px;font-family:var(--font-brand);font-weight:800}.lesson-editor-canvas-block-copy-input{min-height:5.1em;padding:2px 4px;color:var(--soft);line-height:1.5;font-family:var(--font-brand)}.lesson-editor-editable-content-block.content-block-callout .lesson-editor-canvas-block-copy-input{color:inherit}.lesson-editor-editable-content-block.content-block-callout>.lesson-editor-kicker{grid-column:1 / -1;justify-self:start;width:max-content;max-width:100%}.lesson-editor-editable-content-block.content-block-callout>.lesson-editor-kicker .lesson-kicker__text{min-width:max-content}.lesson-editor-editable-content-block.content-block-callout>.lesson-editor-kicker:has(.lesson-editor-tiptap-spike--contextual:focus-within),.lesson-editor-editable-content-block.content-block-callout>.lesson-editor-kicker:has(.lesson-editor-tiptap-spike--contextual:focus-within) .lesson-kicker__text{width:min(20rem,100%);min-width:0}.lesson-editor-rich-text-shell{position:relative}.lesson-editor-plain-text-editor{position:relative;display:block;width:100%;min-height:5.1em;border:1px solid rgb(255 255 255 / .08);border-radius:8px;background:#00000014;outline:none;resize:vertical;white-space:pre-wrap}.lesson-editor-plain-text-editor:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-accent-rgb) / .36)}.lesson-editor-plain-text-editor::placeholder{color:var(--muted);opacity:.72}.lesson-editor-tiptap-spike{position:relative;display:grid;gap:8px;min-width:0}.lesson-editor-tiptap-spike__toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;width:100%;max-width:100%;border:1px solid rgb(255 255 255 / .12);border-radius:8px;padding:5px;background:#12141af0;box-shadow:0 12px 28px #00000042}.lesson-editor-tiptap-spike__toolbar button{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid transparent;border-radius:6px;padding:0 8px;color:#f8fafcd1;background:transparent;font-size:.78rem;font-weight:950;line-height:1}.lesson-editor-tiptap-spike__toolbar button:hover,.lesson-editor-tiptap-spike__toolbar button:focus-visible,.lesson-editor-tiptap-spike__toolbar button.active{border-color:rgb(var(--color-accent-rgb) / .54);color:#fff;background:rgb(var(--color-accent-rgb) / .22)}.lesson-editor-tiptap-spike__toolbar button:disabled{cursor:not-allowed;opacity:.46}.lesson-editor-tiptap-spike__divider{width:1px;height:22px;background:#ffffff1f}.lesson-editor-tiptap-spike__colors,.lesson-editor-tiptap-spike__sizes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.lesson-editor-tiptap-spike__sizes>span,.lesson-editor-tiptap-spike__colors>span{padding:0 4px;color:#f8fafc9e;font-size:.68rem;font-weight:900;line-height:1}.lesson-editor-tiptap-spike__colors button{width:24px;min-width:24px;height:24px;border-radius:999px;padding:0}.lesson-editor-tiptap-spike__colors button span{display:block;width:14px;height:14px;border:1px solid rgb(255 255 255 / .54);border-radius:999px;background:var(--tiptap-color, transparent)}.lesson-editor-tiptap-spike__colors button:first-child span{background:linear-gradient(135deg,transparent 43%,rgb(248 250 252 / .8) 46%,rgb(248 250 252 / .8) 54%,transparent 57%),#ffffff14}.lesson-editor-tiptap-spike__surface{min-height:7.5em;border:1px solid rgb(255 255 255 / .1);border-radius:8px;padding:10px 12px;color:var(--soft);background:#0000001a;outline:none}.lesson-editor-tiptap-spike__surface:focus-visible,.lesson-editor-tiptap-spike__surface.ProseMirror-focused{box-shadow:0 0 0 2px rgb(var(--color-accent-rgb) / .36)}.lesson-editor-tiptap-spike__surface [data-text-size=small]{font-size:.88em}.lesson-editor-tiptap-spike__surface [data-text-size=large]{font-size:1.16em}.lesson-editor-tiptap-spike__surface [data-text-size=xlarge]{font-size:1.36em;line-height:1.18}.lesson-editor-tiptap-spike__placeholder{position:absolute;left:13px;bottom:12px;color:var(--muted);font-size:.9rem;pointer-events:none;opacity:.62}.lesson-editor-tiptap-spike__loading{min-height:7.5em;border:1px solid rgb(255 255 255 / .1);border-radius:8px;padding:12px;color:var(--muted);background:#0000001a;font-size:.9rem}.lesson-editor-editable-alphatab-block{gap:12px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;padding:clamp(12px,2vw,16px);background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .54)}.lesson-editor-canvas-alphatab-header{width:100%}.lesson-editor-canvas-alphatab-header>div{min-width:0;width:100%}.lesson-editor-canvas-alphatab-header h3{margin:5px 0 0}.lesson-editor-canvas-alphatab-header .lesson-editor-canvas-eyebrow-input{width:fit-content;max-width:100%;padding:2px 4px}.lesson-editor-canvas-alphatab-caption-input{min-height:3.2em}.lesson-editor-canvas-alphatab-track-info{display:flex;gap:8px;align-items:center;min-width:0;color:var(--muted);font-size:.82rem;font-weight:850}.lesson-editor-canvas-alphatab-track-info input{width:min(18ch,100%);min-width:8ch;padding:4px 6px}.lesson-editor-canvas-alphatab-preview>.content-block-alphatab,.lesson-editor-canvas-alphatab-preview>.content-block-placeholder{border-color:transparent;padding:0;background:transparent}.lesson-editor-property-grid input[readonly]{color:var(--muted);background:#ffffff08}.lesson-editor-canvas-stage{min-width:0;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;padding:2px 8px 18px;scrollbar-gutter:stable}.lesson-editor-canvas-stage .content-block{cursor:pointer;transition:box-shadow .16s ease,outline-color .16s ease,transform .16s ease}.lesson-editor-canvas-stage .content-block:hover{outline:2px solid rgb(var(--color-accent-rgb) / .2);outline-offset:5px}.lesson-editor-canvas-stage .lesson-editor-canvas-block-selected{position:relative;outline:2px solid rgb(var(--color-accent-rgb) / .46);outline-offset:6px;box-shadow:0 0 0 8px rgb(var(--color-accent-rgb) / .05)}.lesson-editor-canvas-stage .lesson-editor-canvas-block-shell.selected>.content-block{position:relative;outline:2px solid rgb(var(--color-accent-rgb) / .46);outline-offset:6px;box-shadow:0 0 0 8px rgb(var(--color-accent-rgb) / .05)}.lesson-editor-canvas-stage .lesson-editor-canvas-block-selected:after{content:none}.lesson-editor-selected-panel{border-color:rgb(var(--color-accent-rgb) / .34);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .1),rgb(var(--color-accent-2-rgb) / .055)),#00000029}.lesson-editor-focus-link{display:inline-flex;width:fit-content;max-width:100%;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:999px;padding:7px 10px;color:var(--gold2);background:#00000024;font-size:.78rem;font-weight:950;line-height:1.2;text-decoration:none}.lesson-editor-focus-link:hover{color:var(--cream);border-color:rgb(var(--color-accent-rgb) / .42)}.lesson-editor-secondary-stack{display:grid;gap:10px;min-width:0}.lesson-editor-secondary-stack--rail{align-content:start;gap:6px}.lesson-editor-secondary-panel{border-style:dashed;background:#00000013}.lesson-editor-secondary-stack--rail .lesson-editor-secondary-panel{border-radius:10px;padding:0 10px;background:#ffffff07}.lesson-editor-secondary-stack--rail .lesson-editor-secondary-panel>summary{min-height:42px;padding:8px 0}.lesson-editor-secondary-stack--rail .lesson-editor-secondary-panel>summary:after{width:24px;height:24px}.lesson-editor-secondary-stack--rail .lesson-editor-secondary-panel>summary strong{font-size:.8rem}.lesson-editor-secondary-stack--rail .lesson-editor-secondary-panel__body{max-height:min(64vh,680px);overflow:auto;padding-bottom:10px}.lesson-editor-secondary-stack--rail .lesson-editor-code textarea{max-height:220px}.lesson-editor-secondary-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:8px 0;cursor:pointer;list-style:none}.lesson-editor-secondary-panel>summary::-webkit-details-marker{display:none}.lesson-editor-secondary-panel>summary:after{content:"+";grid-column:2;grid-row:1 / span 2;display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:999px;color:var(--gold2);background:#00000029;font-weight:950}.lesson-editor-secondary-panel[open]>summary:after{content:"-"}.lesson-editor-secondary-panel>summary span{grid-column:1;grid-row:1;color:var(--soft);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.lesson-editor-secondary-panel>summary strong{grid-column:1;grid-row:2;min-width:0;color:var(--cream);font-size:.86rem;font-weight:950;line-height:1.2;overflow-wrap:anywhere}.lesson-editor-secondary-panel__body{display:grid;gap:12px;min-width:0;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.teacher-asset-library{display:grid;gap:16px;min-width:0}.teacher-asset-library__toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(135px,.7fr)) auto;gap:10px;align-items:end;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:12px;background:#00000029}.teacher-asset-library__search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-height:44px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:0 12px;color:var(--muted);background:#00000038}.teacher-asset-library__search input{width:100%;min-width:0;border:0;outline:0;color:var(--cream);background:transparent;font:inherit;font-size:.9rem}.teacher-asset-library__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:14px;align-items:start}.teacher-asset-library__main,.teacher-asset-library__detail-panel,.teacher-asset-library__upload-panel{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .05),#ffffff06),#00000024}.teacher-asset-library__main{display:grid;gap:12px;padding:14px}.teacher-asset-library__side{display:grid;gap:12px;min-width:0}.teacher-asset-library__detail-panel,.teacher-asset-library__upload-panel{display:grid;gap:12px;padding:14px}.teacher-asset-library__section-head{display:flex;gap:12px;align-items:start;justify-content:space-between;min-width:0}.teacher-asset-library__section-head h2,.teacher-asset-library__versions h3{margin:0;color:var(--cream);font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.teacher-asset-library__section-head p,.teacher-asset-library__detail-panel p,.teacher-asset-library__upload-panel p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.teacher-asset-library__list{display:grid;gap:4px;min-width:0}.teacher-asset-library__item-wrapper{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;align-items:center;min-width:0}.teacher-asset-library__list-head{display:grid;grid-template-columns:28px 60px minmax(210px,1.6fr) minmax(80px,.55fr) minmax(78px,.5fr) minmax(130px,.8fr) minmax(105px,.7fr) minmax(185px,1.05fr);gap:10px;align-items:center;min-width:0}.teacher-asset-library__item{display:grid;grid-template-columns:60px minmax(210px,1.6fr) minmax(80px,.55fr) minmax(78px,.5fr) minmax(130px,.8fr) minmax(105px,.7fr) minmax(185px,1.05fr);gap:10px;align-items:center;min-width:0}.teacher-asset-library__item-content{display:grid;grid-column:2 / -1;grid-template-columns:minmax(210px,1.6fr) minmax(80px,.55fr) minmax(78px,.5fr) minmax(130px,.8fr) minmax(105px,.7fr) minmax(185px,1.05fr);gap:10px;align-items:center;min-width:0;border:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.teacher-asset-library__select{display:grid;width:28px;height:36px;place-items:center}.teacher-asset-library__select input,.teacher-asset-library__list-head input{width:17px;height:17px;accent-color:rgb(var(--color-accent-rgb))}.teacher-asset-library__batch{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:0 0 12px;padding:10px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:10px;background:rgb(var(--color-accent-rgb) / .05)}.teacher-asset-library__batch[data-visible=false]{opacity:.72}.teacher-asset-library__batch>strong{align-self:center;margin-right:auto}.teacher-asset-library__batch label{display:grid;gap:3px;min-width:190px}.teacher-asset-library__batch label span{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.teacher-asset-library__batch select{min-height:36px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:8px;color:inherit;background:var(--panel, #111827)}.teacher-asset-library__batch-results{margin:-5px 0 12px;color:var(--muted);font-size:.75rem}.teacher-asset-library__download{width:100%;justify-content:center;margin-top:12px}.teacher-asset-library__list-head{padding:0 10px 6px;color:var(--soft);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.teacher-asset-library__item{width:100%;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:9px 10px;color:var(--cream);background:#ffffff09;text-align:left;cursor:pointer}.teacher-asset-library__item:hover,.teacher-asset-library__item:focus-within,.teacher-asset-library__item.selected{border-color:rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-accent-rgb) / .09)}.teacher-asset-library__item strong,.teacher-asset-library__item span,.teacher-asset-library__item small{min-width:0}.teacher-asset-library__item-name{display:grid;gap:2px}.teacher-asset-library__item-preview{display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:7px;color:var(--muted);background:#00000029}.teacher-asset-library__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.teacher-asset-library__thumbnail--list{width:52px;height:52px}.teacher-asset-library__thumbnail--detail{width:100%;height:clamp(180px,30vw,320px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;background:#00000029}.teacher-asset-library__item-name strong,.teacher-asset-library__item-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-inspector-stack :where(.admin-field>span,.admin-field-wide>span){overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.lesson-editor-inspector-stack .admin-button{max-width:100%;white-space:normal}.teacher-asset-library__item-name strong{font-size:.88rem;line-height:1.2}.teacher-asset-library__item-name small,.teacher-asset-library__item-cell{color:var(--muted);font-size:.74rem;line-height:1.25}.teacher-asset-library__status{justify-self:start;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:999px;padding:4px 8px;color:var(--cream);background:#ffffff0a;font-size:.7rem;font-weight:900;line-height:1}.teacher-asset-library__status.active{border-color:#6fd6a75c;background:#6fd6a71c}.teacher-asset-library__status.draft,.teacher-asset-library__status.uploading{border-color:#f5c05f66;background:#f5c05f1a}.teacher-asset-library__status.archived,.teacher-asset-library__status.deleted{border-color:#ffffff24;color:var(--muted)}.teacher-asset-library__usage-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.teacher-asset-library__usage-badge{display:block;max-width:170px;border:1px solid rgb(var(--color-accent-rgb) / .25);border-radius:999px;padding:4px 7px;color:var(--cream);background:rgb(var(--color-accent-rgb) / .08);font-size:.65rem;font-weight:850;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-asset-library__usage-badge.assignment{border-color:#6fd6a757;background:#6fd6a71a}.teacher-asset-library__usage-badge.unused{border-color:#ffffff29;color:var(--muted);background:#ffffff06}.teacher-asset-library__usage-badge.unknown{border-color:#f5c05f66;color:#ffd995;background:#f5c05f17}.teacher-asset-library__item-facts,.teacher-asset-library__facts,.teacher-asset-library__debug,.teacher-asset-library__version{display:grid;gap:8px;margin:0}.teacher-asset-library__item-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-asset-library__facts,.teacher-asset-library__facts.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-asset-library__item-facts div,.teacher-asset-library__facts div,.teacher-asset-library__debug div,.teacher-asset-library__version div{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;background:#0000001f}.teacher-asset-library__item-facts dt,.teacher-asset-library__facts dt,.teacher-asset-library__debug dt,.teacher-asset-library__version dt{color:var(--soft);font-size:.66rem;font-weight:900;line-height:1.1;text-transform:uppercase}.teacher-asset-library__item-facts dd,.teacher-asset-library__facts dd,.teacher-asset-library__debug dd,.teacher-asset-library__version dd{min-width:0;margin:3px 0 0;color:var(--cream);font-size:.78rem;line-height:1.25;overflow-wrap:anywhere}.teacher-asset-library__versions{display:grid;gap:9px}.teacher-asset-library__usage-detail{display:grid;gap:9px;border-top:1px solid rgb(var(--color-accent-rgb) / .13);padding-top:12px}.teacher-asset-library__usage-detail h3{margin:0;font-size:.9rem}.teacher-asset-library__usage-detail ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.teacher-asset-library__usage-detail li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline;border-radius:7px;padding:7px 8px;background:#ffffff08}.teacher-asset-library__usage-detail li span{color:var(--soft);font-size:.68rem;text-transform:uppercase}.teacher-asset-library__usage-detail li strong{min-width:0;font-size:.78rem;overflow-wrap:anywhere}.teacher-asset-library__version,.teacher-asset-library__debug{border-top:1px solid rgb(var(--color-accent-rgb) / .13);padding-top:10px}.teacher-asset-library__archive-row{display:grid;gap:8px;justify-items:start;border-top:1px solid rgb(var(--color-accent-rgb) / .13);padding-top:12px}.teacher-asset-library__message{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:8px;padding:9px 10px;background:#ffffff0a}.teacher-asset-library__message.error{border-color:#ff707059;background:#ff707014}.teacher-asset-library__file-input{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:56px;border:1px dashed rgb(var(--color-accent-rgb) / .36);border-radius:8px;padding:12px;color:var(--cream);background:#00000029;cursor:pointer}.teacher-asset-library__file-input span{min-width:0;overflow-wrap:anywhere}.teacher-asset-library__file-input input{position:absolute;inset:0;opacity:0;cursor:pointer}.teacher-asset-library__prepared{display:grid;gap:6px;border:1px solid rgba(245,192,95,.32);border-radius:8px;padding:10px;background:#f5c05f14}.teacher-asset-library__prepared strong{color:var(--cream)}.teacher-asset-library__icon-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:38px}.teacher-asset-library__icon-action svg{flex:0 0 auto}.lesson-asset-picker{display:grid;gap:12px;min-width:0}.lesson-asset-picker__head{align-items:start}.lesson-asset-picker__summary{justify-content:flex-start;margin:0}.lesson-asset-picker__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.lesson-asset-picker__list{display:grid;gap:8px;min-width:0}.lesson-asset-picker__item{display:grid;gap:4px;width:100%;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:10px;padding:10px;color:var(--cream);background:#0000001f;text-align:left;cursor:pointer}.lesson-asset-picker__item:hover,.lesson-asset-picker__item:focus-visible,.lesson-asset-picker__item.selected{border-color:rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-accent-rgb) / .1)}.lesson-asset-picker__item strong,.lesson-asset-picker__item span,.lesson-asset-picker__item small{min-width:0;overflow-wrap:anywhere}.lesson-asset-picker__item strong{font-size:.88rem;line-height:1.2}.lesson-asset-picker__item span,.lesson-asset-picker__item small,.lesson-asset-picker__hint,.lesson-asset-picker__selection small{color:var(--muted);font-size:.78rem;line-height:1.35}.lesson-asset-picker__selection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:10px;padding:10px;background:#ffffff09}.lesson-asset-picker__selection div{display:grid;gap:3px;min-width:0}.lesson-asset-picker__selection span{color:var(--soft);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-asset-picker__selection strong{min-width:0;color:var(--cream);font-size:.9rem;line-height:1.2;overflow-wrap:anywhere}.lesson-asset-picker__form{display:grid;gap:12px;border-top:1px solid rgb(var(--color-accent-rgb) / .14);padding-top:12px}@media(max-width:980px){.teacher-asset-library__toolbar,.teacher-asset-library__layout,.teacher-asset-library__item-facts,.teacher-asset-library__facts,.teacher-asset-library__facts.compact{grid-template-columns:1fr}.teacher-asset-library__list-head{display:none}.teacher-asset-library__item{grid-template-columns:52px repeat(2,minmax(0,1fr));gap:8px 12px;padding:11px}.teacher-asset-library__item-name,.teacher-asset-library__usage-badges{grid-column:1 / -1}.teacher-asset-library__item-content{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-asset-library__item-cell:before,.teacher-asset-library__usage-badges:before{display:block;margin-bottom:3px;color:var(--soft);content:attr(data-label);font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}}@media(max-width:620px){.teacher-lesson-assignment-dialog__toolbar,.teacher-lesson-assignment-dialog__details,.teacher-lesson-assignment-dialog__footer{grid-template-columns:1fr}.teacher-lesson-assignment-dialog__footer{display:grid}.teacher-lesson-assignment-dialog__footer .path-action{width:100%}.teacher-asset-library__item{grid-template-columns:52px minmax(0,1fr);min-height:62px;gap:8px;padding:5px 7px}.teacher-asset-library__item-content{grid-template-columns:minmax(0,1fr)}.teacher-asset-library__item-name{grid-column:auto}.teacher-asset-library__item-cell:not(.teacher-asset-library__item-type),.teacher-asset-library__usage-badges{display:none}.teacher-asset-library__item-type{display:block;color:var(--muted);font-size:.72rem}.teacher-asset-library__item-type:before{display:none}.teacher-asset-library__item-preview,.teacher-asset-library__thumbnail--list{width:52px;height:52px}}.lesson-editor-block.selected{border-color:rgb(var(--color-accent-rgb) / .48);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .11),rgb(var(--color-accent-2-rgb) / .045)),#0000001f}.lesson-editor-block--inspector{border:0;padding:0;background:transparent}@media(min-width:1280px){.stage:has(.lesson-editor){overflow:visible}.lesson-editor{height:calc(100dvh - 96px);min-height:calc(100vh - 96px);gap:8px}.lesson-editor-workbench{--lesson-editor-side-panel-width: 320px;grid-template-columns:62px minmax(0,1fr);height:100%;min-height:0;max-height:none;align-items:stretch;overflow:hidden;gap:clamp(14px,1.3vw,20px)}.lesson-editor-workbench.tools-open{grid-template-columns:var(--lesson-editor-side-panel-width) minmax(0,1fr)}.lesson-editor-workbench.has-inspector{grid-template-columns:62px minmax(0,1fr) var(--lesson-editor-side-panel-width)}.lesson-editor-workbench.tools-open.has-inspector{grid-template-columns:var(--lesson-editor-side-panel-width) minmax(0,1fr) var(--lesson-editor-side-panel-width)}.lesson-editor-workbench.preview-mode,.lesson-editor-workbench.tools-open.preview-mode,.lesson-editor-workbench.has-inspector.preview-mode,.lesson-editor-workbench.tools-open.has-inspector.preview-mode{grid-template-columns:minmax(0,1fr)}.lesson-editor-toolrail,.lesson-editor-inspector.open{position:relative;top:8px;height:calc(100% - 8px);max-height:none;min-height:0;overflow:hidden;overscroll-behavior:contain}.lesson-editor-main{height:100%;min-height:0;overflow:hidden}.lesson-editor-toolrail{align-content:stretch}.lesson-editor-inspector.open{overflow-x:hidden;overflow-y:auto}.lesson-editor-toolrail-status,.lesson-editor-toolrail-panel{width:100%}.lesson-editor-toolrail-status{display:grid;grid-template-columns:1fr}.lesson-editor-toolrail-body,.lesson-editor-inspector-panel .lesson-editor-toolrail-body{position:static;width:100%;max-height:none;box-shadow:none}.lesson-editor-preview--primary{height:100%;min-height:0;overflow:hidden}.lesson-editor-canvas-stage{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.lesson-editor-preview.lesson-editor-preview--primary .lesson-preview{width:min(1120px,100%)}}@media(min-width:1640px){.lesson-editor-workbench{--lesson-editor-side-panel-width: 340px;grid-template-columns:62px minmax(0,1fr)}.lesson-editor-workbench.tools-open{grid-template-columns:var(--lesson-editor-side-panel-width) minmax(0,1fr)}.lesson-editor-workbench.has-inspector{grid-template-columns:62px minmax(0,1fr) var(--lesson-editor-side-panel-width)}.lesson-editor-workbench.tools-open.has-inspector{grid-template-columns:var(--lesson-editor-side-panel-width) minmax(0,1fr) var(--lesson-editor-side-panel-width)}.lesson-editor-workbench.preview-mode,.lesson-editor-workbench.tools-open.preview-mode,.lesson-editor-workbench.has-inspector.preview-mode,.lesson-editor-workbench.tools-open.has-inspector.preview-mode{grid-template-columns:minmax(0,1fr)}.lesson-editor-preview.lesson-editor-preview--primary .lesson-preview{width:min(1220px,100%)}}.lesson-editor-debug-panel .lesson-editor-section{border:0;padding:0;background:transparent}.lesson-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid rgb(var(--color-accent-rgb) / .18);padding-bottom:16px;min-width:0}.lesson-editor-head>div{min-width:0;max-width:760px}.lesson-editor-head.lesson-editor-topbar>.lesson-editor-topbar__main,.lesson-editor-head.lesson-editor-topbar>.lesson-editor-topbar__actions{max-width:none}.lesson-editor-head .lesson-editor-topbar__actions span{color:inherit;font-size:inherit;letter-spacing:0;text-transform:none}.lesson-editor-back-link{display:inline-flex;align-items:center;width:fit-content;margin-bottom:10px;color:var(--gold2);font-size:.82rem;font-weight:900;text-decoration:none}.lesson-editor-back-link:hover{color:var(--cream)}.lesson-editor-local-mode{display:inline-flex;width:fit-content;margin-top:10px;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:6px;padding:7px 10px;color:var(--cream);background:rgb(var(--color-accent-rgb) / .08);font-size:.82rem;font-weight:900;overflow-wrap:anywhere}.lesson-editor-head span{color:var(--gold2);font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-head h1{margin:4px 0 6px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(2rem,4vw,3.3rem);font-weight:500;line-height:1.02}.lesson-editor-head.lesson-editor-topbar h1{margin:0;font-size:clamp(1rem,1.4vw,1.24rem);font-weight:800;line-height:1.1}.lesson-editor-head.lesson-editor-topbar .lesson-editor-back-link{margin-bottom:0;font-size:.78rem}.lesson-editor-head p{margin:0;color:var(--muted);line-height:1.45}.lesson-editor-section,.lesson-editor-block,.lesson-editor-code{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:18px;padding:clamp(14px,1.8vw,18px);background:#0000001f;min-width:0}.lesson-editor-add,.lesson-editor-copy,.lesson-editor-code header,.lesson-editor-icon-actions{display:flex;gap:8px;align-items:center}.lesson-editor-add select{border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;background:#0003;color:var(--cream);padding:9px 12px;outline:0}.lesson-editor select option{color:var(--color-bg);background:var(--color-text)}.lesson-editor-blocks,.lesson-editor-output{display:grid;gap:12px}.lesson-editor-block-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.lesson-editor-block-head span,.lesson-editor-string-grid>span{display:block;color:var(--soft);font-size:.76rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-block-head strong,.lesson-editor-code strong{color:var(--gold2);font-weight:950}.lesson-editor-icon-actions button{width:36px;height:36px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:10px;display:grid;place-items:center;color:var(--cream);background:#ffffff0a;cursor:pointer}.lesson-editor-icon-actions button:hover{background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-layout-child-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px}.lesson-editor-layout-child-actions .debug-action{min-width:0;min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:7px 8px}.lesson-editor-layout-child-actions .debug-action span,.lesson-editor-media-action-row .debug-action span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-layout-stack-add{width:100%;margin-bottom:8px;border-style:dashed}.lesson-editor-layout-stack{min-height:104px;border:1px dashed rgb(var(--color-accent-2-rgb) / .34);border-radius:12px;padding:10px;background:rgb(var(--color-accent-2-rgb) / .035);cursor:pointer}.lesson-editor-layout-stack:hover,.lesson-editor-layout-stack:focus-visible,.lesson-editor-layout-stack.selected{border-color:rgb(var(--color-accent-2-rgb) / .72);outline:2px solid rgb(var(--color-accent-2-rgb) / .26);outline-offset:2px}.lesson-editor-layout-stack__item{min-width:0;border:1px solid transparent;border-radius:9px;padding:6px;cursor:pointer}.lesson-editor-layout-stack__item:hover,.lesson-editor-layout-stack__item:focus-visible,.lesson-editor-layout-stack__item.selected{border-color:rgb(var(--color-accent-rgb) / .62);outline:2px solid rgb(var(--color-accent-rgb) / .22);outline-offset:1px}.lesson-editor-layout-stack-child-select{display:grid;min-width:0;justify-items:start;border:0;padding:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.lesson-editor-layout-stack-child-select:focus-visible{outline:2px solid rgb(var(--color-accent-rgb) / .52);outline-offset:3px}.lesson-editor-layout-child-edit--stack{grid-template-columns:minmax(0,1fr) auto;align-items:center}.lesson-editor-layout-child-edit--stack>span{color:var(--soft);font-size:.76rem;font-weight:800}.lesson-editor-layout-child-actions .debug-action:disabled,.lesson-editor-layout-child-list button:disabled{opacity:.38;cursor:not-allowed}.lesson-editor-layout-child-edit{grid-column:1 / -1;display:grid;gap:10px;min-width:0}.lesson-editor-layout-child-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.lesson-editor-layout-child-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:10px;padding:9px;background:#ffffff09}.lesson-editor-layout-child-list strong,.lesson-editor-layout-child-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-layout-child-list strong{color:var(--cream);font-size:.9rem}.lesson-editor-layout-child-list small{margin-top:2px;color:var(--soft);font-size:.74rem;font-weight:850}.lesson-editor-toggle{display:flex;gap:9px;align-items:center;align-self:end;min-height:43px;color:var(--muted);font-weight:850}.lesson-editor-toggle span{min-width:0;overflow:visible;white-space:normal;line-height:1.3}.lesson-editor-toggle input[type=checkbox]{flex:0 0 auto;appearance:auto;accent-color:var(--accent, #ff6b1a)}.lesson-editor-toggle input{width:18px;height:18px;accent-color:var(--gold2)}.lesson-editor-layout-child-edit .lesson-editor-fieldset-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lesson-editor-opacity-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;width:100%}.lesson-editor-opacity-control output{color:var(--cream);font-weight:850;text-align:right}.guided-lesson-runtime{display:grid;gap:16px;min-width:0}.guided-lesson-runtime__progress{display:grid;gap:8px;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:13px;padding:13px;background:rgb(var(--color-bg-rgb) / .54)}.guided-lesson-runtime__progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.guided-lesson-runtime__progress>div:first-child span{color:var(--soft);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.guided-lesson-runtime__progress-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.lesson-editor-tiptap-spike__alignments{display:inline-flex;gap:4px;align-items:center}.lesson-editor-tiptap-spike--contextual{position:relative}.lesson-editor-tiptap-spike--contextual .lesson-editor-tiptap-spike__toolbar{position:absolute;z-index:18;left:0;bottom:calc(100% + 6px);width:min(680px,100%);max-width:100%;max-height:min(50vh,280px);overflow:auto;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;box-shadow:0 12px 34px #0000004d}.lesson-editor-tiptap-spike--contextual:focus-within .lesson-editor-tiptap-spike__toolbar{opacity:1;visibility:visible;transform:translateY(0)}.lesson-editor-tiptap-spike--inline .ProseMirror{min-height:1.15em;padding:0}.lesson-editor-tiptap-spike--inline .ProseMirror p,.lesson-editor-rich-text-block__rich-title{margin:0}.lesson-editor-rich-text-block__rich-title .lesson-editor-tiptap-spike,.lesson-editor-kicker .lesson-editor-tiptap-spike{width:100%}.lesson-editor-rich-text-block__rich-title .ProseMirror{color:inherit;font:inherit;line-height:inherit}.lesson-editor-kicker .lesson-kicker__text>.lesson-editor-tiptap-spike{display:inline-block;width:auto;min-width:3ch}.lesson-editor-kicker:has(.lesson-kicker__text>.lesson-editor-tiptap-spike--contextual:focus-within){width:min(20rem,100%)}.lesson-editor-kicker:has(.lesson-kicker__text>.lesson-editor-tiptap-spike--contextual:focus-within)>.content-block-eyebrow,.lesson-editor-kicker .lesson-kicker__text:has(>.lesson-editor-tiptap-spike--contextual:focus-within),.lesson-editor-kicker .lesson-kicker__text>.lesson-editor-tiptap-spike--contextual:focus-within{width:100%;max-width:100%}.lesson-editor-kicker .lesson-kicker__text>.lesson-editor-tiptap-spike--contextual:focus-within{display:block;min-width:min(14rem,100%)}.lesson-editor-kicker .lesson-kicker__text .ProseMirror{min-width:3ch;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}.lesson-editor-kicker .lesson-kicker__text .lesson-editor-tiptap-spike--contextual:focus-within .ProseMirror{width:100%;min-width:100%}.lesson-editor-chapter-header__rich-title .ProseMirror{font-size:clamp(1.7rem,4vw,3rem);font-weight:800;line-height:1.05}.lesson-editor-chapter-header__rich-subtitle .ProseMirror{font-size:1.08rem;font-weight:700}.lesson-editor-chapter-header__rich-description{max-width:72ch}.lesson-editor-chapter-header__meta-chip{position:relative;flex:1 1 9rem;min-width:0;max-width:min(24rem,100%);border:1px solid var(--chapter-meta-color, currentColor);border-radius:999px;padding:4px 9px;color:inherit}.lesson-editor-chapter-header__meta-chip .lesson-editor-tiptap-spike,.lesson-editor-chapter-header__meta-chip .ProseMirror{width:100%;min-width:0}.lesson-editor-chapter-header__meta-chip .ProseMirror{min-height:1.1em;padding:0;color:inherit;font:inherit;line-height:1.25;text-align:center}.lesson-editor-chapter-header__meta-chip .lesson-editor-tiptap-spike--contextual .lesson-editor-tiptap-spike__toolbar{position:fixed;z-index:9000;inset:50% auto auto 50%;width:min(680px,calc(100vw - 48px));max-width:calc(100vw - 48px);transform:translate(-50%,calc(-50% + 4px))}.lesson-editor-chapter-header__meta-chip .lesson-editor-tiptap-spike--contextual:focus-within .lesson-editor-tiptap-spike__toolbar{transform:translate(-50%,-50%)}.lesson-editor-kicker{position:relative;display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%}.lesson-editor-kicker:has(.lesson-editor-kicker__popover[open]){z-index:80}.lesson-editor-kicker--center{margin-inline:auto}.lesson-editor-kicker--right{margin-left:auto}.lesson-editor-editable-content-block>.lesson-editor-kicker,.lesson-editor-editable-content-block.content-block-callout>.lesson-editor-kicker{grid-column:1 / -1;justify-self:stretch;width:100%;min-width:0}.lesson-editor-editable-content-block>.lesson-editor-kicker--center{justify-content:center}.lesson-editor-editable-content-block>.lesson-editor-kicker--right{justify-content:flex-end}.lesson-editor-editable-content-block>.lesson-editor-kicker>.lesson-kicker{width:100%;min-width:0;max-width:100%}.lesson-editor-editable-content-block>.lesson-editor-kicker .lesson-kicker__text,.lesson-editor-editable-content-block>.lesson-editor-kicker .lesson-editor-tiptap-spike{width:100%;min-width:0;max-width:100%}.lesson-editor-editable-content-block>.lesson-editor-kicker .lesson-kicker__text .ProseMirror{overflow-wrap:normal;word-break:normal;white-space:normal}.lesson-editor-kicker__popover{position:relative}.lesson-editor-kicker__popover[open]:before{position:fixed;z-index:8998;inset:0;background:#02060ea3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:""}.lesson-editor-kicker__popover>summary{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.16);border-radius:50%;cursor:pointer;list-style:none}.lesson-editor-kicker__popover>summary::-webkit-details-marker{display:none}.lesson-editor-kicker__popover>summary svg{width:13px;height:13px}.lesson-editor-kicker__inline-input{width:max(3ch,calc(var(--kicker-characters, 8) * 1ch));min-width:3ch;max-width:26ch;padding:0;border:0;outline:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit}.lesson-kicker--ribbon .lesson-editor-kicker__inline-input{color:inherit}.lesson-kicker--number.lesson-kicker--circle .lesson-editor-kicker__inline-input,.lesson-kicker--number.lesson-kicker--square .lesson-editor-kicker__inline-input{width:100%;min-width:0;max-width:none;text-align:center}.lesson-editor-tiptap-spike__custom-color{display:inline-grid;grid-template-columns:auto 26px;align-items:center;gap:5px;color:#cbd5e1;font-size:.68rem}.lesson-editor-tiptap-spike__custom-color input{width:26px;height:24px;padding:1px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:transparent;cursor:pointer}.lesson-editor-kicker__controls{position:fixed;z-index:8999;top:50%;left:50%;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;width:min(720px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 80px));overflow:auto;padding:12px;color:#f8fafc;background:#101827;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 16px 42px #00000073;transform:translate(-50%,-50%)}.lesson-editor-layout-grid,.lesson-editor-layout-grid .content-block-layout-grid__items,.lesson-editor-layout-grid .content-block-layout-grid__item{overflow:visible}.lesson-editor-layout-grid .content-block-layout-grid__item:has(.lesson-editor-kicker__popover[open]){position:relative;z-index:70}.lesson-editor-kicker__controls label{display:grid;gap:4px;font-size:.7rem}.lesson-editor-kicker__controls input,.lesson-editor-kicker__controls select{min-width:0;padding:7px;color:#f8fafc;background:#162033;border:1px solid rgba(255,255,255,.14);border-radius:6px}.lesson-editor-kicker__close{grid-column:1 / -1;min-height:38px;border:1px solid #f97316;border-radius:7px;color:#fff;background:#f97316;font-weight:900}.lesson-editor-kicker__icons{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:190px;overflow:auto}.lesson-editor-kicker__icons button{display:grid;place-items:center;min-height:38px;color:#f8fafc;background:#162033;border:1px solid transparent;border-radius:6px}.lesson-editor-kicker__icons button.is-active{color:#fb923c;border-color:currentColor}.lesson-editor-kicker__icons .content-block-icon{width:18px;height:18px}.lesson-editor-icon-library{grid-column:1 / -1;display:grid;gap:9px;min-width:0;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:8px;padding:9px;background:rgb(var(--color-bg-rgb) / .34)}.lesson-editor-icon-library__header{display:grid;grid-template-columns:minmax(120px,auto) minmax(180px,1fr);gap:10px;align-items:end;min-width:0}.lesson-editor-icon-library__current{display:inline-flex;min-width:0;align-items:center;gap:7px;color:var(--color-text);font-size:.76rem;font-weight:850}.lesson-editor-icon-library__current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-icon-library__current .content-block-icon,.lesson-editor-icon-library__results .content-block-icon{flex:0 0 auto;width:19px;height:19px}.lesson-editor-icon-library__current .content-block-icon--image img,.lesson-editor-icon-library__results .content-block-icon--image img{width:100%;height:100%;object-fit:contain}.lesson-editor-icon-library__search{display:grid;gap:4px;min-width:0;color:var(--color-text-muted);font-size:.68rem;font-weight:800}.lesson-editor-icon-library__search input{width:100%}.lesson-editor-icon-library__groups{display:flex;gap:5px;min-width:0;padding-bottom:2px;overflow-x:auto;scrollbar-width:thin}.lesson-editor-icon-library__groups button{flex:0 0 auto;min-height:28px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:999px;padding:4px 9px;color:var(--color-text-muted);background:rgb(var(--color-bg-rgb) / .46);cursor:pointer;font-size:.68rem;font-weight:850}.lesson-editor-icon-library__groups button:hover,.lesson-editor-icon-library__groups button:focus-visible,.lesson-editor-icon-library__groups button.is-active{border-color:rgb(var(--color-accent-rgb) / .62);color:var(--color-text);background:rgb(var(--color-accent-rgb) / .14)}.lesson-editor-icon-library__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px;min-width:0;max-height:280px;padding-right:2px;overflow-y:auto;scrollbar-width:thin}.lesson-editor-icon-library__results button{display:grid;place-items:center;gap:5px;min-width:0;min-height:58px;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:7px;padding:7px 5px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .52);cursor:pointer}.lesson-editor-icon-library__results button:hover,.lesson-editor-icon-library__results button:focus-visible,.lesson-editor-icon-library__results button.is-active{border-color:rgb(var(--color-accent-rgb) / .68);background:rgb(var(--color-accent-rgb) / .14)}.lesson-editor-icon-library__results button.is-active{color:var(--color-accent);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .42)}.lesson-editor-icon-library__results small{width:100%;overflow:hidden;color:inherit;font-size:.64rem;font-weight:750;line-height:1.12;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-icon-library__empty{grid-column:1 / -1;margin:0;padding:18px;color:var(--color-text-muted);text-align:center}@media(max-width:700px){.lesson-editor-icon-library__header{grid-template-columns:minmax(0,1fr);align-items:stretch}.lesson-editor-icon-library__results{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.hand-basics-card,.tab-reading-icon,.plucking-hand-card figure{background:#fff!important;color-scheme:light}.hand-basics-card img,.tab-reading-icon img,.plucking-hand-card img{filter:none!important;mix-blend-mode:normal!important}.strumming-hero-copy,.strumming-hero-copy h2,.strumming-hero-copy p:not(.strumming-brush){color:#f8fafc!important}.lesson-editor-demo-export-notice{margin:0;padding:14px 16px;border:1px solid var(--role-border, rgba(255, 255, 255, .12));border-radius:10px;color:var(--role-text-muted, #a7b0c0);background:var(--role-surface-raised, #162033)}.guided-lesson-runtime__progress>.guided-lesson-runtime__progress-heading>.guided-lesson-runtime__progress-actions{color:inherit;font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:normal}.guided-lesson-runtime__back{display:inline-flex;align-items:center;gap:4px;min-height:30px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;padding:5px 9px;color:var(--text);background:rgb(var(--color-text-rgb) / .05);font:inherit;font-weight:800;cursor:pointer}.guided-lesson-runtime__back svg{width:14px;height:14px}.student-assignment-viewer__compact-back{display:flex;justify-content:flex-start}.guided-lesson-runtime__progress>div:last-child{height:7px;overflow:hidden;border-radius:999px;background:rgb(var(--color-text-rgb) / .1)}.guided-lesson-runtime__progress>div:last-child span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));transition:width .18s ease}.guided-lesson-runtime__chapters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 7px}.guided-lesson-runtime__chapters button{display:grid;grid-template-columns:24px minmax(150px,1fr);gap:8px;align-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:11px;padding:9px 11px;color:var(--cream);background:rgb(var(--color-bg-rgb) / .55);text-align:left}.guided-lesson-runtime__chapters button.selected{border-color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .11)}.guided-lesson-runtime__chapters button:disabled{opacity:.44}.guided-lesson-runtime__chapters svg{width:18px}.guided-lesson-runtime__chapters button>span{display:grid;gap:2px;font-weight:850}.guided-lesson-runtime__chapters small{color:var(--soft);font-size:.7rem;font-weight:700}.guided-lesson-runtime__gate{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgb(245 158 11 / .46);border-radius:13px;padding:13px;color:var(--cream);background:#f59e0b17}.guided-lesson-runtime__gate>svg{color:#f59e0b}.guided-lesson-runtime__gate p{margin:3px 0 0;color:var(--soft)}.guided-lesson-runtime__gate-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.guided-lesson-runtime__gate button,.guided-lesson-runtime__navigation button{min-height:40px;border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:9px;padding:0 12px;color:var(--cream);background:#ffffff0b;font-weight:850}.guided-lesson-runtime__gate button.primary,.guided-lesson-runtime__navigation button:last-child{border-color:var(--color-accent);background:var(--color-accent);color:#111}.guided-lesson-runtime__navigation{display:flex;justify-content:space-between;gap:10px;align-items:center}.guided-lesson-runtime__navigation button{display:inline-flex;align-items:center;gap:6px}.guided-lesson-runtime__navigation button:disabled{opacity:.42}.guided-lesson-runtime--complete{min-height:min(680px,72vh);place-items:center}.guided-lesson-runtime__completion{display:grid;justify-items:center;gap:13px;width:min(100%,760px);border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:20px;padding:clamp(22px,5vw,48px);text-align:center;background:radial-gradient(circle at 50% 0,rgb(var(--color-accent-rgb) / .17),transparent 48%),rgb(var(--color-bg-rgb) / .78)}.guided-lesson-runtime__completion>span{color:var(--pink);font-size:.72rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.guided-lesson-runtime__completion>svg{width:54px;height:54px;color:var(--color-accent-2)}.guided-lesson-runtime__completion h2,.guided-lesson-runtime__completion p{margin:0}.guided-lesson-runtime__completion h2{color:var(--cream);font-size:clamp(1.8rem,5vw,3.3rem)}.guided-lesson-runtime__completion p{color:var(--soft)}.guided-lesson-runtime__completion-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%}.guided-lesson-runtime__completion-facts article{display:grid;gap:4px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:11px;padding:12px;background:rgb(var(--color-text-rgb) / .035)}.guided-lesson-runtime__completion-facts small{color:var(--soft)}.guided-lesson-runtime__completion-facts strong{color:var(--cream);font-size:1.35rem}.guided-lesson-runtime__completion ul{display:grid;gap:6px;width:100%;margin:0;padding:0;list-style:none;text-align:left}.guided-lesson-runtime__completion li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;border-radius:9px;padding:9px 11px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035)}.guided-lesson-runtime__completion li[data-passed=true] svg{color:var(--color-accent-2)}.guided-lesson-runtime__completion nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.guided-lesson-runtime__completion nav button,.guided-lesson-runtime__completion>button{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:1px solid rgb(var(--color-text-rgb) / .16);border-radius:10px;padding:0 14px;color:var(--cream);background:rgb(var(--color-text-rgb) / .055);font-weight:850}.guided-lesson-runtime__completion nav button:first-child{border-color:var(--color-accent);background:var(--color-accent);color:#111}.guided-lesson-runtime__completion button svg{width:17px}@media(max-width:720px){.guided-lesson-runtime__gate{grid-template-columns:28px minmax(0,1fr)}.guided-lesson-runtime__gate-actions{grid-column:1 / -1;width:100%}.guided-lesson-runtime__gate-actions button{flex:1 1 180px;justify-content:center}.guided-lesson-runtime__completion-facts{grid-template-columns:1fr}.guided-lesson-runtime__completion nav{width:100%}.guided-lesson-runtime__completion nav button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.guided-lesson-runtime__progress>div:last-child span{transition:none}}.lesson-editor-rhythm-layer-field{margin-top:10px}.lesson-editor-rhythm-layer-order{display:grid;gap:6px}.lesson-editor-rhythm-layer-item{align-items:center;display:grid;grid-template-columns:22px minmax(0,1fr) 22px 32px 32px;gap:6px;min-height:42px;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:9px;padding:4px 5px 4px 8px;color:var(--muted);background:#ffffff09;cursor:grab}.lesson-editor-rhythm-layer-item:active{cursor:grabbing}.lesson-editor-rhythm-layer-item:focus-visible,.lesson-editor-rhythm-layer-item:has(button:focus-visible){border-color:rgb(var(--color-accent-rgb) / .8);outline:2px solid rgb(var(--color-accent-rgb) / .32);outline-offset:1px}.lesson-editor-rhythm-layer-item>svg{width:17px;height:17px}.lesson-editor-rhythm-layer-item strong{min-width:0;overflow:hidden;color:var(--cream);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.lesson-editor-rhythm-layer-item>span{color:var(--soft);font-size:.7rem;font-weight:900;text-align:center}.lesson-editor-rhythm-layer-item button{align-items:center;display:inline-flex;justify-content:center;width:32px;height:32px;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:7px;padding:0;color:var(--cream);background:#ffffff0a;cursor:pointer}.lesson-editor-rhythm-layer-item button:disabled{cursor:default;opacity:.3}.lesson-editor-rhythm-layer-item button svg{width:14px;height:14px}.lesson-editor-rhythm-layer-field>small{color:var(--soft);font-size:.68rem}.lesson-editor-string-grid{display:grid;gap:7px}.lesson-editor-string-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.lesson-editor-string-row.labels{color:var(--gold2);text-align:center}.lesson-editor-string-row input{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:10px;background:#0003;color:var(--cream);padding:9px 8px;text-align:center;outline:0}.lesson-editor-string-grid small{color:var(--soft)}.lesson-editor-form-preview{display:grid;gap:8px;margin-top:10px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:12px;padding:12px;background:#ffffff0a}.lesson-editor-form-preview p,.lesson-editor-form-preview ul{margin:0}.lesson-editor-form-preview ul{display:grid;gap:4px;padding-left:18px;color:var(--muted)}.lesson-editor-form-preview small{color:var(--soft)}.lesson-editor-diagram-fields{align-items:start}.lesson-editor-diagram-preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.lesson-editor-diagram-preset-row select{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:14px;padding:10px 12px;color:var(--cream);background:#0003;outline:0}.lesson-editor-diagram-preset-row .debug-action{white-space:nowrap}.lesson-editor-diagram-inspector{display:grid;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-2-rgb) / .22);border-radius:14px;padding:12px;background:linear-gradient(145deg,rgb(var(--color-accent-2-rgb) / .08),rgb(var(--color-accent-rgb) / .04)),#ffffff07}.lesson-editor-diagram-inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-inspector-head span,.lesson-editor-diagram-inspector-head strong,.lesson-editor-diagram-readonly span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.lesson-editor-diagram-inspector-grid label,.lesson-editor-diagram-readonly{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:.78rem;font-weight:850}.lesson-editor-diagram-inspector-grid label>span{color:var(--soft);font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-diagram-inspector-grid input,.lesson-editor-diagram-inspector-grid select{width:100%;min-width:0;min-height:39px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:12px;padding:8px 10px;color:var(--cream);background:#00000038;outline:0}.lesson-editor-diagram-inspector-grid input:disabled,.lesson-editor-diagram-inspector-grid select:disabled{cursor:not-allowed;opacity:.52}.lesson-editor-metronome-fields{display:grid;gap:14px}.lesson-editor-metronome-summary{display:grid;gap:4px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:14px;padding:12px;background:#ffffff0a}.lesson-editor-metronome-summary span{color:var(--soft);font-size:.7rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-metronome-summary strong{color:var(--gold2);font-size:1rem;font-weight:950}.lesson-editor-metronome-summary small{color:var(--muted);line-height:1.35}.lesson-editor-metronome-accents{display:grid;gap:8px}.lesson-editor-metronome-accents>div{display:flex;flex-wrap:wrap;gap:8px}.lesson-editor-metronome-accents label{display:inline-flex;align-items:center;gap:6px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:999px;padding:7px 10px;color:var(--cream);background:#00000029;font-weight:850}.lesson-editor-metronome-accents input{accent-color:var(--gold2)}.lesson-editor-metronome-technical-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:0}.lesson-editor-metronome-technical-summary div{display:grid;gap:3px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .14);border-radius:10px;padding:9px 10px;background:#00000029}.lesson-editor-metronome-technical-summary dt{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-metronome-technical-summary dd{min-width:0;margin:0;color:var(--cream);font-size:.82rem;font-weight:900;overflow-wrap:anywhere}.lesson-editor-inline-metronome{gap:14px;color:#14212b}.lesson-editor-inline-metronome :where(input,select,textarea,button){font:inherit}.lesson-editor-inline-metronome__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.44fr);gap:14px;align-items:start}.lesson-editor-inline-metronome__copy{display:grid;gap:8px;min-width:0}.lesson-editor-inline-metronome__title,.lesson-editor-inline-metronome__notes{width:100%;min-width:0;border:1px solid rgba(31,41,51,.14);border-radius:8px;background:#ffffffb8;color:#14212b;outline:0}.lesson-editor-inline-metronome__title{min-height:42px;padding:7px 10px;font-size:1.08rem;font-weight:950}.lesson-editor-inline-metronome__notes{resize:vertical;padding:9px 10px;color:#485565;line-height:1.38}.lesson-editor-inline-metronome__title:focus,.lesson-editor-inline-metronome__notes:focus,.lesson-editor-inline-metronome :where(input,select,button):focus-visible{border-color:#2f9e75;box-shadow:0 0 0 3px #2f9e7529}.lesson-editor-inline-metronome__tempo{display:grid;gap:8px;min-width:0}.lesson-editor-inline-metronome__tempo-stepper{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;align-items:stretch}.lesson-editor-inline-metronome__tempo-stepper button,.lesson-editor-inline-metronome__section-head button{border:1px solid rgba(31,41,51,.16);border-radius:8px;background:#fff;color:#14212b;cursor:pointer;font-weight:900}.lesson-editor-inline-metronome__tempo-stepper button{display:grid;min-height:54px;place-items:center}.lesson-editor-inline-metronome__bpm-readout{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:66px;border:1px solid rgba(31,41,51,.12);border-radius:8px;background:#fff;color:#14212b}.lesson-editor-inline-metronome__bpm-readout strong{font-size:2.45rem;font-weight:950;line-height:.9}.lesson-editor-inline-metronome__bpm-readout span{color:#667085;font-size:.7rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-inline-metronome__tempo-range{width:100%;accent-color:#2f9e75}.lesson-editor-inline-metronome__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lesson-editor-inline-metronome__field{display:grid;gap:6px;min-width:0;color:#5b6673;font-size:.78rem;font-weight:900}.lesson-editor-inline-metronome__field select,.lesson-editor-inline-metronome__field input[type=number]{width:100%;min-width:0;min-height:38px;border:1px solid rgba(31,41,51,.14);border-radius:8px;background:#fff;color:#14212b;padding:0 8px;font-weight:850}.lesson-editor-inline-metronome__field input[type=range]{width:100%;min-width:0;accent-color:#2f9e75}.lesson-editor-inline-metronome__meter{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center}.lesson-editor-inline-metronome__meter>span{color:#2f9e75;font-weight:950}.lesson-editor-inline-metronome__transport{display:grid;grid-template-columns:minmax(112px,.7fr) minmax(92px,.5fr) minmax(0,1fr);gap:8px;align-items:center}.lesson-editor-inline-metronome__transport small{color:#5b6673;font-size:.78rem;font-weight:850;overflow-wrap:anywhere}.lesson-editor-inline-metronome__accents,.lesson-editor-inline-metronome__pattern,.lesson-editor-inline-metronome__custom{display:grid;gap:10px;min-width:0;border:1px solid rgba(31,41,51,.1);border-radius:8px;padding:10px;background:#1f293309}.lesson-editor-inline-metronome__section-head,.lesson-editor-inline-metronome__count-in,.lesson-editor-inline-metronome__pattern-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.lesson-editor-inline-metronome__section-head span,.lesson-editor-inline-metronome__count-in>span,.lesson-editor-inline-metronome__custom>span{color:#485565;font-size:.78rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-inline-metronome__section-head button{min-height:30px;padding:0 10px}.lesson-editor-inline-metronome__beat-grid,.lesson-editor-inline-metronome__bar-grid,.lesson-editor-inline-metronome__custom>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;min-width:0}.lesson-editor-inline-metronome__beat-chip,.lesson-editor-inline-metronome__bar-button,.lesson-editor-inline-metronome__toggle-chip,.lesson-editor-inline-metronome__count-in button,.lesson-editor-inline-metronome__mode-chips button,.lesson-editor-inline-metronome__length-chips button{border:1px solid rgba(31,41,51,.14);border-radius:8px;background:#fff;color:#14212b;cursor:pointer;font:inherit;font-weight:900;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.lesson-editor-inline-metronome__beat-chip:hover,.lesson-editor-inline-metronome__bar-button:hover,.lesson-editor-inline-metronome__toggle-chip:hover,.lesson-editor-inline-metronome__count-in button:hover,.lesson-editor-inline-metronome__mode-chips button:hover,.lesson-editor-inline-metronome__length-chips button:hover{border-color:#2f9e7573;transform:translateY(-1px)}.lesson-editor-inline-metronome__beat-chip{display:grid;min-height:58px;place-items:center;align-content:center;gap:3px}.lesson-editor-inline-metronome__beat-chip strong,.lesson-editor-inline-metronome__bar-button strong{font-size:1.1rem;font-weight:950;line-height:1}.lesson-editor-inline-metronome__beat-chip span,.lesson-editor-inline-metronome__bar-button span{color:#5b6673;font-size:.7rem;font-weight:950}.lesson-editor-inline-metronome__beat-chip.accent-0{opacity:.64;background:#1f29330e}.lesson-editor-inline-metronome__beat-chip.accent-1{border-color:#1f29332e}.lesson-editor-inline-metronome__beat-chip.accent-2{border-color:#2f9e7547;background:#2f9e750f}.lesson-editor-inline-metronome__beat-chip.accent-3{border-color:#d99a3d7a;background:#d99a3d21;box-shadow:inset 0 3px #d99a3d6b}.lesson-editor-inline-metronome__toggle-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;font-size:.82rem}.lesson-editor-inline-metronome__toggle-chip.active,.lesson-editor-inline-metronome__count-in button.active,.lesson-editor-inline-metronome__mode-chips button.active,.lesson-editor-inline-metronome__length-chips button.active{border-color:#2f9e7585;background:#2f9e7521;box-shadow:inset 0 0 0 1px #2f9e752e}.lesson-editor-inline-metronome__mode-chips,.lesson-editor-inline-metronome__count-in>div,.lesson-editor-inline-metronome__length-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.lesson-editor-inline-metronome__mode-chips button,.lesson-editor-inline-metronome__count-in button,.lesson-editor-inline-metronome__length-chips button{min-height:34px;padding:0 10px;color:#485565;font-size:.78rem}.lesson-editor-inline-metronome__mode-chips .mode-backbeat,.lesson-editor-inline-metronome__bar-button.mode-backbeat{border-color:#b44f8057;background:#b44f8014}.lesson-editor-inline-metronome__mode-chips .mode-mute,.lesson-editor-inline-metronome__bar-button.mode-mute{color:#667085;background:#1f29330f}.lesson-editor-inline-metronome__mode-chips .mode-custom,.lesson-editor-inline-metronome__bar-button.mode-custom{border-color:#d99a3d61;background:#d99a3d1c}.lesson-editor-inline-metronome__bar-button{display:grid;min-height:58px;place-items:center;align-content:center;gap:4px}.lesson-editor-inline-metronome__bar-button.selected{outline:2px solid rgba(47,158,117,.28);outline-offset:2px}.lesson-editor-inline-metronome__length{min-width:150px}@media(max-width:900px){.lesson-editor-inline-metronome__main,.lesson-editor-inline-metronome__transport{grid-template-columns:1fr}.lesson-editor-inline-metronome__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.lesson-editor-inline-metronome__controls{grid-template-columns:1fr}}.lesson-editor-diagram-readonly{min-height:39px;justify-content:center;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;padding:8px 10px;background:#00000029}.lesson-editor-diagram-readonly strong{color:var(--cream);font-size:.9rem}.lesson-editor-diagram-toggle{grid-template-columns:auto minmax(0,1fr);align-items:center;align-self:end;min-height:39px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;padding:8px 10px;background:#00000029}.lesson-editor-diagram-toggle input{width:17px;height:17px;min-height:0;accent-color:var(--gold2)}.lesson-editor-diagram-quality{display:grid;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:12px;background:#ffffff08}.lesson-editor-diagram-quality-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-quality-head span,.lesson-editor-diagram-quality-head strong{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-quality-list{display:grid;gap:8px}.lesson-editor-diagram-quality-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid rgb(var(--color-accent-2-rgb) / .2);border-radius:12px;padding:10px;background:rgb(var(--color-accent-2-rgb) / .06)}.lesson-editor-diagram-quality-item.warning{border-color:rgb(var(--color-accent-rgb) / .28);background:rgb(var(--color-accent-rgb) / .08)}.lesson-editor-diagram-quality-item div{min-width:0}.lesson-editor-diagram-quality-item strong{display:block;color:var(--cream);font-size:.9rem;line-height:1.25}.lesson-editor-diagram-quality-item span{display:block;margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.35}.lesson-editor-diagram-quality-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.lesson-editor-diagram-quality-item em,.lesson-editor-diagram-quality-item button{border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:999px;padding:4px 7px;color:var(--gold2);background:#00000029;font-size:.68rem;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.lesson-editor-diagram-quality-item button{cursor:pointer;color:var(--color-bg);background:linear-gradient(135deg,var(--gold2),var(--gold))}.lesson-editor-diagram-quality-item button:hover{filter:brightness(1.06)}.lesson-editor-diagram-preview{display:grid;gap:9px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:14px;padding:12px;background:#ffffff09}.lesson-editor-diagram-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-editor-diagram-preview-head span,.lesson-editor-diagram-preview-head strong{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-diagram-preview-stage{min-width:0;max-width:100%;overflow:hidden}.lesson-editor-diagram-preview-stage .content-block-diagram{gap:8px;margin:0;padding:10px;border-radius:10px}.lesson-editor-diagram-preview-stage .content-block-diagram__header span{margin-bottom:4px;font-size:.66rem}.lesson-editor-diagram-preview-stage .content-block-diagram__header h3{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:650;text-transform:none}.lesson-editor-diagram-preview-stage .diagramBuilderSvgShell{max-width:100%}.lesson-editor-diagram-preview-stage .diagramBuilderChordShell{max-width:300px}.lesson-editor-diagram-tool-entry{display:grid;gap:12px;min-width:0}.lesson-editor-diagram-tool-entry__head{display:grid;gap:4px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:10px;padding:12px;background:rgb(var(--color-accent-rgb) / .08)}.lesson-editor-diagram-tool-entry__head span,.lesson-editor-diagram-tool-entry__facts dt{color:var(--gold2);font-size:.7rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-diagram-tool-entry__head strong{color:var(--cream);font-size:1rem;line-height:1.2}.lesson-editor-diagram-tool-entry__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.lesson-editor-diagram-tool-entry__facts div{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .16);border-radius:8px;padding:8px;background:#00000029}.lesson-editor-diagram-tool-entry__facts dd{margin:3px 0 0;color:var(--cream);font-size:.9rem;font-weight:850;overflow-wrap:anywhere}.lesson-editor-diagram-presentation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,156px),1fr));gap:10px;min-width:0}.lesson-editor-frame-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}.lesson-editor-frame-options button{display:grid;place-items:center;min-width:0;min-height:38px;border:1px solid rgb(var(--color-text-rgb) / .13);border-radius:7px;padding:6px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035);font:inherit;cursor:pointer}.lesson-editor-frame-options button svg{width:20px;height:20px}.lesson-editor-frame-options button:hover,.lesson-editor-frame-options button:focus-visible,.lesson-editor-frame-options button.selected{border-color:rgb(var(--color-accent-rgb) / .62);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-frame-options button:focus-visible{outline:2px solid rgb(var(--color-accent-rgb) / .5);outline-offset:2px}.lesson-editor-border-color-control{display:grid;gap:8px}.lesson-editor-border-color-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.lesson-editor-border-color-palette button{min-height:26px;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:7px;background:var(--lesson-border-swatch, transparent);cursor:pointer}.lesson-editor-border-color-palette button.automatic{grid-column:span 2;color:var(--cream);background:linear-gradient(135deg,transparent 46%,rgb(var(--color-accent-rgb) / .72) 47% 53%,transparent 54%),rgb(var(--color-text-rgb) / .035);font:800 .64rem/1 var(--font-ui, system-ui, sans-serif)}.lesson-editor-border-color-palette button.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(var(--color-accent-rgb) / .26)}.lesson-editor-border-color-custom{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--soft);font-size:.68rem}.lesson-editor-border-color-custom input[type=color]{width:32px;height:28px;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:7px;padding:2px;background:transparent}.lesson-editor-chapter-header__meta{display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%}.lesson-editor-color-picker-button{display:grid;place-items:center;width:30px;height:28px;border:1px solid rgb(var(--color-text-rgb) / .18);border-radius:7px;padding:0;background:rgb(var(--color-text-rgb) / .04);color:var(--cream)}.lesson-editor-color-picker-button svg{width:15px}.lesson-editor-background-opacity{display:grid;gap:5px}.lesson-editor-background-opacity>span{display:flex;justify-content:space-between;color:var(--soft);font-size:.68rem}.lesson-editor-background-opacity input{width:100%;accent-color:var(--color-accent)}.lesson-editor-tiptap-spike__sizes output{min-width:44px;color:var(--cream);font-size:.68rem;font-weight:800;text-align:center}.lesson-editor-border-color-custom small.warning{color:#f59e0b}.lesson-editor-border-color-custom small.ok{color:#4ade80}.lesson-editor-border-geometry{display:grid;gap:7px;padding-top:7px;border-top:1px solid rgb(var(--color-text-rgb) / .1)}.lesson-editor-border-width-control,.lesson-editor-border-radius-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--soft);font-size:.68rem}.lesson-editor-border-width-control input,.lesson-editor-border-radius-control input{min-width:0;accent-color:var(--color-accent)}.lesson-editor-border-width-control output,.lesson-editor-border-radius-control output{min-width:32px;color:var(--cream);text-align:right}.lesson-editor-border-side-control{position:relative;width:86px;height:58px;margin:2px auto 4px;border-radius:min(var(--lesson-border-preview-radius),18px);background:rgb(var(--color-text-rgb) / .035)}.lesson-editor-border-side-control span{position:absolute;inset:13px;display:grid;place-items:center;color:var(--soft);border-radius:max(3px,calc(min(var(--lesson-border-preview-radius),18px) - 7px));font:800 .56rem/1 var(--font-ui, system-ui, sans-serif);pointer-events:none}.lesson-editor-border-side-control button{position:absolute;z-index:1;padding:0;border:0;border-radius:6px;background:rgb(var(--color-text-rgb) / .15);cursor:pointer}.lesson-editor-border-side-control button.selected{background:var(--color-accent);box-shadow:0 0 0 1px rgb(var(--color-accent-rgb) / .45)}.lesson-editor-border-side-control__top,.lesson-editor-border-side-control__bottom{left:8px;right:8px;height:7px}.lesson-editor-border-side-control__top{top:0}.lesson-editor-border-side-control__bottom{bottom:0}.lesson-editor-border-side-control__left,.lesson-editor-border-side-control__right{top:8px;bottom:8px;width:7px}.lesson-editor-border-side-control__left{left:0}.lesson-editor-border-side-control__right{right:0}.lesson-editor-border-side-control button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.lesson-editor-spacing-control{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:stretch;gap:5px;min-width:0}.lesson-editor-spacing-control button,.lesson-editor-spacing-control__value{min-width:0;min-height:38px;border:1px solid rgb(var(--color-text-rgb) / .13);border-radius:7px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035)}.lesson-editor-spacing-control button{display:grid;place-items:center;padding:0;font:inherit;cursor:pointer}.lesson-editor-spacing-control button:hover,.lesson-editor-spacing-control button:focus-visible{border-color:rgb(var(--color-accent-rgb) / .62);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12)}.lesson-editor-spacing-control button:focus-visible{outline:2px solid rgb(var(--color-accent-rgb) / .5);outline-offset:2px}.lesson-editor-spacing-control button:disabled{cursor:not-allowed;opacity:.34}.lesson-editor-spacing-control__value{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:6px 9px;color:var(--cream)}.lesson-editor-spacing-control__meter{display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;height:21px}.lesson-editor-spacing-control__meter i{display:block;width:4px;border-radius:999px;background:rgb(var(--color-text-rgb) / .13);transition:height .12s ease,background-color .12s ease,box-shadow .12s ease}.lesson-editor-spacing-control__meter i:nth-child(1){height:6px}.lesson-editor-spacing-control__meter i:nth-child(2){height:9px}.lesson-editor-spacing-control__meter i:nth-child(3){height:13px}.lesson-editor-spacing-control__meter i:nth-child(4){height:17px}.lesson-editor-spacing-control__meter i:nth-child(5){height:21px}.lesson-editor-spacing-control__meter i.active{background:rgb(var(--color-accent-rgb) / .88);box-shadow:0 0 8px rgb(var(--color-accent-rgb) / .2)}.lesson-editor-diagram-frame-field{grid-column:1 / -1}.debug-action.lesson-editor-open-builder-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-bottom:12px;border-color:color-mix(in srgb,var(--color-success) 68%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 15%,transparent),transparent),rgb(var(--color-text-rgb) / .035);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-success) 12%,transparent),0 0 color-mix(in srgb,var(--color-success) 0%,transparent);animation:lesson-editor-builder-action-pulse 2.6s ease-in-out infinite}.debug-action.lesson-editor-open-builder-action svg{color:var(--color-success)}.debug-action.lesson-editor-open-builder-action:hover,.debug-action.lesson-editor-open-builder-action:focus-visible{border-color:var(--color-success);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 22%,transparent),transparent),rgb(var(--color-text-rgb) / .055);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-success) 20%,transparent),0 0 18px color-mix(in srgb,var(--color-success) 18%,transparent)}.debug-action.lesson-editor-open-builder-action:focus-visible{outline:2px solid color-mix(in srgb,var(--color-success) 78%,white);outline-offset:2px}@keyframes lesson-editor-builder-action-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-success) 12%,transparent),0 0 color-mix(in srgb,var(--color-success) 0%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-success) 24%,transparent),0 0 0 5px color-mix(in srgb,var(--color-success) 10%,transparent)}}@media(prefers-reduced-motion:reduce){.debug-action.lesson-editor-open-builder-action{animation:none}}.lesson-editor-chord-chart-summary{display:grid;gap:4px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:8px;padding:10px;background:rgb(var(--color-text-rgb) / .035)}.lesson-editor-chord-chart-summary span,.lesson-editor-chord-chart-summary small{color:var(--soft)}.lesson-editor-diagram-tool-entry__button{justify-content:center;width:100%}.lesson-editor-diagram-builder-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(14px,3vw,34px);background:#04060ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-editor-diagram-builder-modal{width:min(1180px,100%);max-height:min(860px,calc(100vh - 40px));min-height:0;overflow:auto;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:12px;background:linear-gradient(160deg,#1c1914fa,#080a0efa),var(--color-bg);box-shadow:0 26px 80px #0000006b}.lesson-editor-diagram-builder-modal .diagramBuilderPage--embedded{min-height:0;padding:12px}.lesson-editor-diagram-builder-modal .diagramBuilderEmbeddedTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lesson-editor-diagram-builder-modal .diagramBuilderWorkspaceTop{margin-top:0}.lesson-editor-diagram-builder-modal .diagramBuilderWorkspaceActions button.primary{color:var(--db-dark, #11100e);background:linear-gradient(135deg,var(--gold2),var(--gold))}.lesson-editor-check-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-editor-check-summary{display:grid;min-width:0;gap:5px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:12px;padding:11px;background:rgb(var(--color-text-rgb) / .035)}.lesson-editor-check-summary span{color:var(--pink);font-size:.66rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.lesson-editor-check-summary strong,.lesson-editor-check-summary small,.lesson-editor-check-summary p{min-width:0;margin:0;overflow-wrap:anywhere}.lesson-editor-check-summary strong{color:var(--cream);line-height:1.25}.lesson-editor-check-summary small,.lesson-editor-check-summary p{color:var(--soft);font-size:.72rem;line-height:1.4}.lesson-editor-check-canvas{display:grid;min-width:0;gap:10px}.lesson-editor-check-canvas__settings{display:grid;min-width:0;gap:11px;border:1px solid rgb(var(--color-accent-2-rgb) / .24);border-radius:14px;padding:12px;background:radial-gradient(circle at 100% 0,rgb(var(--color-accent-2-rgb) / .09),transparent 45%),rgb(var(--color-text-rgb) / .025)}.lesson-editor-check-canvas__heading,.lesson-editor-check-canvas__source{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.lesson-editor-check-canvas__heading>div:first-child{display:grid;gap:2px}.lesson-editor-check-canvas__heading span,.lesson-editor-check-canvas label>span{color:var(--soft);font-size:.72rem;font-weight:850}.lesson-editor-check-canvas__heading strong{color:var(--cream)}.lesson-editor-check-canvas__source button,.lesson-editor-check-canvas__edit-questions{min-height:36px;border:1px solid rgb(var(--color-text-rgb) / .13);border-radius:9px;padding:7px 10px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035);font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}.lesson-editor-check-canvas__source button:hover,.lesson-editor-check-canvas__source button:focus-visible,.lesson-editor-check-canvas__source button.is-active,.lesson-editor-check-canvas__edit-questions:hover,.lesson-editor-check-canvas__edit-questions:focus-visible{border-color:rgb(var(--color-accent-rgb) / .65);color:var(--cream);background:rgb(var(--color-accent-rgb) / .13)}.lesson-editor-check-canvas__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:8px}.lesson-editor-check-canvas__grid label,.lesson-editor-check-canvas__notes{display:grid;min-width:0;gap:5px}.lesson-editor-check-canvas :where(input,select,textarea){width:100%;min-width:0;border:1px solid rgb(var(--color-text-rgb) / .13);border-radius:9px;padding:8px 10px;color:var(--cream);background:rgb(var(--color-bg-rgb) / .55);font:inherit}.lesson-editor-check-canvas input[type=range]{padding-inline:0}.lesson-editor-check-canvas__range>span{display:flex;justify-content:space-between;gap:8px}.lesson-editor-check-canvas__range b{color:var(--cream)}.lesson-editor-check-canvas__edit-questions{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:end}.lesson-editor-check-option-grid button{min-height:34px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:8px;padding:5px 7px;color:var(--soft);background:rgb(var(--color-text-rgb) / .035);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.lesson-editor-check-option-grid button:hover,.lesson-editor-check-option-grid button:focus-visible,.lesson-editor-check-option-grid button.selected{border-color:rgb(var(--color-accent-rgb) / .68);color:var(--cream);background:rgb(var(--color-accent-rgb) / .15)}.lesson-editor-custom-quiz-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,calc(100vw - 34px));max-height:calc(100vh - 34px);overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:18px;background:rgb(var(--color-bg-rgb) / .98);box-shadow:0 28px 80px #0000008c}.lesson-editor-custom-quiz-modal__header,.lesson-editor-custom-quiz-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:rgb(var(--color-text-rgb) / .035)}.lesson-editor-custom-quiz-modal__header h2,.lesson-editor-custom-quiz-modal__header p{margin:0}.lesson-editor-custom-quiz-modal__header span{color:var(--pink);font-size:.68rem;font-weight:900;text-transform:uppercase}.lesson-editor-custom-quiz-modal__header p,.lesson-editor-custom-quiz-modal__footer span{color:var(--soft);font-size:.78rem}.lesson-editor-custom-quiz-modal__body{display:grid;gap:12px;overflow:auto;padding:16px 18px}.lesson-editor-custom-question{display:grid;gap:12px;border:1px solid rgb(var(--color-text-rgb) / .1);border-radius:14px;padding:14px;background:rgb(var(--color-text-rgb) / .025)}.lesson-editor-custom-question>header,.lesson-editor-custom-quiz-modal__footer>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-editor-custom-question__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-editor-custom-question__choices label{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;color:var(--soft);font-size:.74rem}.lesson-editor-field-error{color:var(--pink)!important}@media(max-width:700px){.lesson-editor-custom-question__choices{grid-template-columns:minmax(0,1fr)}.lesson-editor-custom-quiz-modal__footer,.lesson-editor-custom-quiz-modal__footer>div{align-items:stretch;flex-direction:column}}.lesson-editor-chord-chart-builder-modal{width:min(1420px,100%);padding:clamp(12px,2vw,24px)}@media(min-width:900px){.lesson-editor-diagram-builder-backdrop{padding:28px}.lesson-editor-diagram-builder-modal,.lesson-editor-chord-chart-builder-modal{width:min(1540px,calc(100vw - 56px));height:min(1050px,calc(100vh - 56px));max-height:calc(100vh - 56px)}.lesson-editor-diagram-builder-modal .diagramBuilderPage--embedded,.lesson-editor-chord-chart-builder-modal .chord-chart-feature--embedded{min-height:100%}}.lesson-editor-builder-loading{display:grid;min-height:240px;place-items:center;color:var(--soft);font-weight:850}.lesson-editor-scale-slider-backdrop{position:fixed;inset:0;z-index:120;display:grid;padding:clamp(12px,2vw,24px);background:#000000b8;overflow:auto}.lesson-editor-scale-slider-modal{width:min(1480px,100%);margin:auto;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:12px;background:linear-gradient(160deg,#1c1914fa,#080a0efa),var(--color-bg);box-shadow:0 26px 80px #0000006b}.lesson-editor-scale-slider-modal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgb(var(--color-text-rgb) / .1);padding:12px 14px}.lesson-editor-scale-slider-modal__toolbar span{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lesson-editor-scale-slider-modal__toolbar h2{margin:0;color:var(--color-text);font-size:1rem;line-height:1.2}.lesson-editor-scale-slider-modal__toolbar button{border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:var(--radius-sm, 6px);padding:8px 10px;color:var(--soft);background:rgb(var(--color-text-rgb) / .055);cursor:pointer;font-weight:850}.lesson-editor-scale-slider-modal .music-theory-slider-shell{border:0;border-radius:0}@media(max-width:720px){.lesson-editor-media-action-row,.lesson-editor-image-source-row,.lesson-editor-layout-child-list li{grid-template-columns:1fr}.lesson-editor-layout-child-list .lesson-editor-icon-actions{justify-content:start}.lesson-editor-diagram-preset-row,.lesson-editor-diagram-inspector-grid,.lesson-editor-diagram-quality-item{grid-template-columns:1fr}.lesson-editor-diagram-quality-actions{justify-content:flex-start}.lesson-editor-diagram-preset-row .debug-action{width:100%}.lesson-editor-diagram-preview-stage .diagramBuilderChordShell{max-width:260px}.lesson-editor-diagram-builder-backdrop{position:fixed;align-items:stretch;padding:10px}.lesson-editor-diagram-builder-modal{max-height:calc(100vh - 20px)}.lesson-editor-diagram-builder-modal .diagramBuilderPage--embedded{padding:8px}.lesson-editor-scale-slider-backdrop{padding:10px}.lesson-editor-scale-slider-modal{width:100%}.lesson-editor-scale-slider-modal__toolbar{align-items:flex-start}}.lesson-editor-message-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-editor-message-grid .admin-message{display:grid;gap:5px;margin:0}.lesson-editor-save-panel{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgb(var(--color-accent-2-rgb) / .3);border-radius:16px;padding:12px;background:rgb(var(--color-accent-2-rgb) / .08)}.lesson-editor-save-panel>div:first-child{display:grid;min-width:0;gap:4px}.lesson-editor-save-panel strong{color:#cdeee6;font-weight:950}.lesson-editor-save-panel span{color:var(--muted);font-size:.86rem;line-height:1.35}.lesson-editor-code header{justify-content:space-between;margin-bottom:9px}.lesson-editor-code textarea{margin:0;max-width:100%}.lesson-editor-lick-workflow{display:grid;gap:14px;border-color:rgb(var(--color-accent-2-rgb) / .32);background:linear-gradient(145deg,rgb(var(--color-accent-2-rgb) / .08),rgb(var(--color-accent-rgb) / .04)),#0000001f}.lesson-editor-lick-grid{align-items:end}.lesson-editor-lick-validation{margin-top:0}.lesson-editor-lick-panels{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr);gap:14px;align-items:start}.lesson-editor-lick-preview,.lesson-editor-lick-export{display:grid;min-width:0;gap:12px;border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;padding:12px;background:#ffffff09}.lesson-editor-lick-preview>header,.lesson-editor-lick-export>header{display:flex;justify-content:space-between;gap:10px;align-items:center}.lesson-editor-lick-preview>header strong,.lesson-editor-lick-export>header strong{color:var(--gold2);font-weight:950}.lesson-editor-lick-preview>header span,.lesson-editor-lick-export-meta span{color:var(--soft);font-size:.82rem;line-height:1.35}.lesson-editor-lick-export-meta{display:grid;gap:5px;border:1px solid rgb(var(--color-accent-2-rgb) / .22);border-radius:12px;padding:10px;background:rgb(var(--color-accent-2-rgb) / .06)}.lesson-editor-lick-export .lesson-editor-code{padding:10px;border-radius:12px}.lesson-editor-lick-export .lesson-editor-code textarea{min-height:0;max-height:min(48vh,380px);overflow:auto}.lesson-editor-audio-url-helper{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-editor-audio-url-helper .debug-action{width:fit-content}.lesson-editor-audio-url-helper small{color:var(--gold2);font-weight:850}.lesson-editor-copy-status{border:1px solid rgb(var(--color-accent-2-rgb) / .42);border-radius:999px;padding:7px 10px;color:#cdeee6;background:rgb(var(--color-accent-2-rgb) / .12);font-size:.82rem;font-weight:900}.lesson-editor-preview .lesson-preview{max-width:1080px;margin:12px auto 0}.lesson-editor-preview.lesson-editor-preview--primary .lesson-preview{width:min(1220px,100%);max-width:none}@media(min-width:1280px){.lesson-editor-preview.lesson-editor-preview--primary .lesson-preview{width:min(1120px,100%)}}@media(min-width:1640px){.lesson-editor-preview.lesson-editor-preview--primary .lesson-preview{width:min(1220px,100%)}}@media(max-width:1180px){.lesson-editor-workbench{grid-template-columns:minmax(0,1fr)}.lesson-editor-sidebar-stats,.lesson-editor-lick-panels{grid-template-columns:1fr}}@media(max-width:760px){.stage:has(.lesson-editor){padding-inline:clamp(12px,4vw,18px)}.lesson-editor-head,.admin-import-head,.lesson-editor-save-panel{display:grid;justify-content:stretch}.lesson-editor-topbar__actions{justify-content:stretch}.lesson-editor-topbar__actions .debug-action{width:100%}.lesson-editor-topbar__actions .lesson-editor-icon-button{width:42px}.lesson-editor-topbar__actions .lesson-editor-preview-mode-toggle{width:38px;min-width:38px}.lesson-editor-workbench{grid-template-columns:1fr}.lesson-editor-preview--primary{min-height:0}.lesson-editor-toolrail{position:static}.lesson-editor-toolrail.closed .lesson-editor-panel-switcher{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.lesson-editor-toolrail.closed .lesson-editor-panel-switcher button:not(.lesson-editor-panel-switcher__close){writing-mode:horizontal-tb;min-height:40px;padding:8px}.lesson-editor-inspector,.lesson-editor-inspector.open{position:static;right:auto;top:auto}.lesson-editor-toolrail-status,.lesson-editor-toolrail-panel{flex:1 1 100%}.lesson-editor-toolrail-body,.lesson-editor-inspector-panel .lesson-editor-toolrail-body{position:static;width:100%;max-height:none;box-shadow:none}.lesson-editor-sidebar{position:static}.lesson-editor-structure-list{max-height:none}.lesson-editor-message-grid{grid-template-columns:1fr}.lesson-editor-add,.lesson-editor-code header{flex-wrap:wrap}.lesson-editor-add--sidebar{grid-template-columns:1fr}}@media(max-width:760px){.lesson-editor-main{order:-1}.lesson-editor-toolrail{order:1}.lesson-editor-inspector.open{order:2}.lesson-editor-inline-block-editor header,.lesson-editor-inline-block-editor{grid-template-columns:1fr}.lesson-editor-inline-block-editor header{display:grid}.lesson-editor-inline-block-fields{grid-template-columns:1fr}.lesson-editor-canvas-stage .lesson-editor-canvas-block-selected:after{content:none}.stage:has(.lesson-editor){padding-inline:0}.lesson-editor.admin-editor{border:0;border-radius:0;padding:8px;background:transparent;box-shadow:none}.lesson-editor-preview--primary{border:0;border-radius:0;padding:0;background:transparent}.lesson-editor-canvas-stage{padding:0 0 14px;scrollbar-gutter:auto}.lesson-editor-live-canvas,.lesson-editor-live-canvas.lesson-preview{gap:9px}.lesson-editor-live-canvas .lesson-preview__header,.lesson-editor-live-canvas .lesson-preview__header-template--compact,.lesson-editor-live-canvas .lesson-preview__header-template--minimal{min-height:154px;border-right:0;border-left:0;border-radius:10px;padding:12px 58px 12px 12px;box-shadow:none}.lesson-editor-editable-alphatab-block{gap:8px;border:0;border-radius:0;padding:5px 0;background:transparent}.lesson-editor-canvas-alphatab-header{padding-inline:5px}.lesson-editor-canvas-stage .lesson-editor-canvas-block-selected,.lesson-editor-canvas-stage .lesson-editor-canvas-block-shell.selected>.content-block{outline-width:1px;outline-offset:2px;box-shadow:none}.lesson-editor-canvas-block-shell>.content-block{border-radius:10px}}svg .grid-line{stroke:rgb(var(--color-text-rgb) / .82);stroke-width:4;stroke-linecap:round}svg .nut{stroke:var(--color-text);stroke-width:9;stroke-linecap:round}svg .dot{fill:var(--color-accent)}svg .diagram-symbol{fill:var(--cream);font-weight:950;font-size:46px;font-family:var(--font-brand)}svg.mini-svg .diagram-symbol{font-size:16px}svg .dot-text{fill:var(--color-bg);font-weight:950;font-size:18px;font-family:var(--font-brand)}svg .finger-label{fill:var(--gold2);font-weight:950;font-size:21px;font-family:var(--font-brand)}svg.mini-svg .finger-label{font-size:13px}svg .string-marker{fill:var(--color-text);font-weight:950;font-size:24px;font-family:var(--font-brand)}svg .string-marker.open{font-size:22px}svg .fret-label{fill:var(--color-text);font-weight:850;font-size:17px;font-family:var(--font-brand)}svg .start-fret-label{font-size:28px;font-weight:950;letter-spacing:0}svg .mini-line{stroke:rgb(var(--color-text-rgb) / .82);stroke-width:2.2}svg .mini-nut{stroke:var(--color-text);stroke-width:5}svg .mini-dot{fill:var(--color-accent)}svg .mini-text{fill:var(--color-bg);font-weight:900;font-size:12px;font-family:var(--font-brand)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0000008a;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:25}body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}@media(min-width:821px){.app{grid-template-columns:var(--sidebar) minmax(0,1fr);height:100dvh;min-height:100dvh;overflow:hidden}body.sidebar-collapsed .app{grid-template-columns:0 minmax(0,1fr)}.sidebar,body.drawer-open .sidebar{position:sticky;inset:auto;width:var(--sidebar);height:100dvh;max-height:100dvh;transform:none;box-shadow:none}body.sidebar-collapsed .sidebar{transform:translate(-105%);pointer-events:none}.main{height:100dvh;overflow-y:auto}.drawer-backdrop,body.drawer-open .drawer-backdrop{opacity:0;pointer-events:none}}.debug-toggle{border:1px solid rgb(var(--color-accent-rgb) / .32);color:var(--cream);background:rgb(var(--color-accent-rgb) / .12);border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:850;white-space:nowrap}.debug-toggle.active{background:rgb(var(--color-accent-rgb) / .24);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .42)}.debug-panel{display:none;margin-bottom:18px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:24px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),rgb(var(--color-bg-rgb) / .78);box-shadow:0 16px 50px #00000047;padding:16px}body.debug-on .debug-panel{display:block}.debug-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}.debug-head h3{margin:0 0 4px;color:var(--gold2);text-transform:uppercase;letter-spacing:.04em;font-size:.98rem}.debug-head p{margin:0;color:var(--muted);line-height:1.4;font-size:.92rem}.image-focus-editor{display:grid;gap:10px;margin:14px 0}.image-focus-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.viewport-toggle,.zoom-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.viewport-toggle button,.zoom-buttons button{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:12px;min-width:42px;min-height:38px;color:var(--cream);background:#ffffff0a;cursor:pointer;font-weight:850}.viewport-toggle button{padding:8px 12px}.viewport-toggle button.active,.zoom-buttons button:hover,.viewport-toggle button:hover{background:rgb(var(--color-accent-rgb) / .18);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / .32)}.zoom-buttons output{min-width:54px;color:var(--gold2);font-weight:950;font-variant-numeric:tabular-nums;text-align:right}.image-focus-preview{position:relative;width:100%;max-height:680px;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:18px;overflow:hidden;background:linear-gradient(#00000014,#00000014),var(--editor-image);background-size:var(--editor-zoom);background-position:var(--editor-focus-x) var(--editor-focus-y);background-repeat:no-repeat;filter:brightness(var(--editor-brightness)) contrast(var(--editor-contrast)) saturate(var(--editor-saturation));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.image-focus-preview.desktop{aspect-ratio:16 / 9}.image-focus-preview.mobile{width:min(100%,430px);aspect-ratio:9 / 16;margin-inline:auto}.image-focus-preview.empty{background:radial-gradient(circle at var(--editor-focus-x) var(--editor-focus-y),rgb(var(--color-accent-rgb) / .3),transparent 12rem),linear-gradient(135deg,var(--color-surface),var(--color-bg) 60%)}.image-focus-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(var(--color-text-rgb) / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text-rgb) / .12) 1px,transparent 1px);background-size:10% 10%}.image-focus-marker{position:absolute;left:var(--editor-focus-x);top:var(--editor-focus-y);width:30px;height:30px;border:2px solid rgb(var(--color-text-rgb) / .96);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000008a,0 0 18px rgb(var(--color-accent-rgb) / .58);pointer-events:none}.image-focus-marker:before,.image-focus-marker:after{content:"";position:absolute;left:50%;top:50%;background:rgb(var(--color-text-rgb) / .96);transform:translate(-50%,-50%)}.image-focus-marker:before{width:42px;height:2px}.image-focus-marker:after{width:2px;height:42px}.image-safe-editor-box{position:absolute;left:var(--editor-safe-left);top:var(--editor-safe-top);width:var(--editor-safe-width);height:var(--editor-safe-height);border:2px dashed rgb(var(--color-accent-rgb) / .95);border-radius:14px;background:rgb(var(--color-accent-rgb) / .08);box-shadow:0 0 0 9999px #0000001f;cursor:move}.image-safe-editor-box:before{content:"HAND SAFE AREA";position:absolute;left:9px;top:8px;color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;letter-spacing:.04em;pointer-events:none}.image-safe-handle{position:absolute;width:16px;height:16px;border:2px solid var(--color-bg);border-radius:50%;background:var(--gold2);box-shadow:0 0 0 1px rgb(var(--color-text-rgb) / .82)}.image-safe-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.image-safe-handle.ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.image-safe-handle.sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.image-safe-handle.se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.image-focus-hint{color:var(--muted);font-size:.9rem;line-height:1.35}.debug-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.control{border:1px solid rgb(var(--color-accent-rgb) / .18);border-radius:16px;padding:12px;background:#00000029}.control label{display:flex;justify-content:space-between;gap:10px;color:var(--cream);font-weight:800;font-size:.86rem;margin-bottom:8px}.control output{color:var(--gold2);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--gold)}.debug-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.debug-action{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:14px;padding:9px 11px;color:var(--cream);background:#ffffff0a;cursor:pointer;font-weight:800}.debug-action:hover{background:rgb(var(--color-accent-rgb) / .12)}.debug-save-status{align-self:center;color:var(--gold2);font-weight:900;font-size:.9rem}.debug-code{display:none;width:100%;margin-top:12px;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:16px;background:#00000052;color:var(--cream);padding:12px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;white-space:pre-wrap}.debug-code.show{display:block}body.debug-on .hero:before{filter:brightness(var(--debug-brightness, 1.12)) contrast(var(--debug-contrast, 1.03)) saturate(var(--debug-saturation, 1.02))}body.debug-on .hero:after{opacity:var(--debug-overlay, 1)}body.debug-on .hero{min-height:var(--debug-hero-height, clamp(430px, 46vw, 650px))}body.debug-on .hero-debug-crosshair{display:block}.hero-debug-crosshair{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}.hero-debug-crosshair:before,.hero-debug-crosshair:after{content:"";position:absolute;background:rgb(var(--color-accent-rgb) / .78);box-shadow:0 0 0 1px #00000047}.hero-debug-crosshair:before{left:var(--focus-x);top:0;bottom:0;width:2px;transform:translate(-1px)}.hero-debug-crosshair:after{top:var(--focus-y);left:0;right:0;height:2px;transform:translateY(-1px)}.safe-box{display:none;position:absolute;z-index:3;pointer-events:none;left:var(--safe-left, 25%);top:var(--safe-top, 18%);width:var(--safe-width, 34%);height:var(--safe-height, 54%);border:2px dashed rgb(var(--color-accent-rgb) / .88);border-radius:18px;background:rgb(var(--color-accent-rgb) / .07);box-shadow:0 0 0 9999px #00000029}body.debug-on .safe-box{display:block}.safe-box:before{content:"HAND SAFE AREA";position:absolute;left:10px;top:8px;color:var(--color-bg);background:rgb(var(--color-accent-rgb) / .92);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;letter-spacing:.04em}@media(max-width:1180px){.layout{grid-template-columns:1fr}.side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.top-grid,.bottom-grid{grid-template-columns:1fr 1fr}.character-section,.variants-section{grid-column:1 / -1}.cards-grid,.pocket-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-chord-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.pocket-bottom{grid-template-columns:1fr}.scale-info-grid{grid-template-columns:1fr 1fr}.fretboard-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-reading-layout{grid-template-columns:1fr}.tab-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plucking-info-grid,.plucking-insights,.plucking-examples{grid-template-columns:1fr}.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strumming-tech-section,.strumming-feel-section,.strumming-bottom-grid{grid-template-columns:1fr}.strumming-photo-explain{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)}.plucking-hand-card{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.plucking-hand-card h3{font-size:clamp(1.75rem,4.5vw,2.55rem)}.plucking-finger-list{grid-template-columns:repeat(2,minmax(0,1fr))}.plucking-finger-list article{grid-template-columns:48px minmax(0,1fr);align-content:start}}@container main (max-width: 980px){.capo-hero,.capo-demo-grid{grid-template-columns:1fr}.capo-hero img{min-height:220px;max-height:310px}.capo-hero-copy{min-height:0;padding:clamp(16px,3cqi,26px)}.capo-hero-copy h2{font-size:clamp(2.45rem,9cqi,4.7rem)}.capo-quote{font-size:clamp(1.12rem,3.6cqi,1.55rem)}.capo-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-info-card{min-width:0;padding:12px}.capo-info-card h3{font-size:clamp(1.06rem,4cqi,1.4rem)}.capo-photo-card{grid-template-rows:minmax(190px,260px) auto}}@media(max-width:820px){.debug-grid{grid-template-columns:1fr 1fr}.debug-toggle{padding:10px}body.debug-on .hero{min-height:min(var(--debug-hero-height-mobile, 86vh),760px)}.safe-box{left:var(--safe-left-mobile, var(--safe-left, 25%));top:var(--safe-top-mobile, var(--safe-top, 18%));width:var(--safe-width-mobile, var(--safe-width, 34%));height:var(--safe-height-mobile, var(--safe-height, 54%))}.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,var(--sidebar));transform:translate(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #00000073}body.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0000008a;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:25}body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.menu-toggle{display:grid;place-items:center}.topbar{padding-inline:12px}.stage{padding:14px}.module-head,.scale-head{display:block}.scale-toggle{margin-top:14px;width:100%}.scale-info-grid,.fretboard-step-grid{grid-template-columns:1fr}.startpoint-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-basics-stage,.hand-basics-info-grid{grid-template-columns:1fr}.hand-basics-card{min-height:330px}.hand-basics-card img{width:min(76%,230px)}.hand-finger-list li{grid-template-columns:38px minmax(0,1fr)}.hand-finger-list em{grid-column:2}.hand-basics-tip,.chord-reading-layout,.chord-reading-callouts,.capo-hero,.capo-info-grid,.capo-demo-grid{grid-template-columns:1fr}.capo-examples article{grid-template-columns:1fr;gap:4px}.capo-examples em{display:none}.chord-reading-visual{padding:10px}.tab-reading-grid{grid-template-columns:1fr}.tab-reading-card-head{align-items:start}.plucking-hero{min-height:430px}.plucking-hero img{object-position:62% 50%}.plucking-hero:after{background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .18),rgb(var(--color-bg-rgb) / .9)),linear-gradient(90deg,rgb(var(--color-bg-rgb) / .64),rgb(var(--color-bg-rgb) / .2))}.plucking-info-grid,.plucking-insights,.plucking-examples{grid-template-columns:1fr}.strumming-hero{min-height:470px}.strumming-hero-copy{width:100%;max-width:100%;min-width:0}.strumming-hero-copy h2{max-width:100%;font-size:clamp(3.2rem,12.2vw,5.8rem);letter-spacing:.015em}.strumming-hero img{object-position:62% 50%}.strumming-hero:after{background:linear-gradient(180deg,#05070c1f,#05070ce6),linear-gradient(90deg,#05070cb3,#05070c29)}.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid,.strumming-photo-explain{grid-template-columns:1fr}.strumming-photo-card,.strumming-photo-card.main{min-height:300px}.strumming-use article{grid-template-columns:34px 74px minmax(0,1fr)}.plucking-hand-card{grid-template-columns:1fr}.plucking-hand-card h3{font-size:clamp(1.7rem,9vw,2.55rem)}.plucking-hand-card figure{justify-self:start;width:min(100%,340px)}.plucking-finger-list{grid-template-columns:1fr}.plucking-finger-list article{grid-template-columns:48px minmax(0,1fr)}.plucking-example header{min-height:0}.fretboard-path .fretboard-overview>.fretboard-scroll,.fretboard-desktop-steps{display:none}.fretboard-mobile-workbench{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,38vw,360px);gap:14px;align-items:start;overflow-x:visible;padding-bottom:8px}.fretboard-svg.vertical .fretboard-string.string-0,.fretboard-svg.vertical .fretboard-string.string-1{stroke-width:4.4}.fretboard-svg.vertical .fretboard-string.string-2,.fretboard-svg.vertical .fretboard-string.string-3{stroke-width:3.4}.fretboard-svg.vertical .fretboard-string.string-4,.fretboard-svg.vertical .fretboard-string.string-5{stroke-width:2.4}.fretboard-mobile-workbench .fretboard-scroll{order:2;justify-self:center;width:min(100%,380px);min-width:0;overflow:hidden}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,360px)}.fretboard-mobile-core{order:1;display:grid;min-width:0;gap:10px}.fretboard-mobile-apply{order:4}.fretboard-mobile-workbench .fretboard-step-card{min-height:0;padding:12px}.fretboard-mobile-workbench .fretboard-step-card span{width:38px;height:38px;margin-bottom:10px;font-size:1.05rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(1rem,4vw,1.28rem)}.fretboard-mobile-workbench .fretboard-step-card p{font-size:clamp(.82rem,2.9vw,.95rem);line-height:1.42}.fretboard-mobile-workbench .fretboard-step-card .path-action{margin-top:auto;align-self:start;padding:9px 11px;font-size:.88rem}.pill-row{margin-top:12px}.top-grid,.bottom-grid,.side-panel,.cards-grid,.learning-path-grid,.learning-path-levels,.legacy-path-row,.learning-path-hero,.path-summary-grid,.level-detail-grid,.admin-form-grid{grid-template-columns:1fr}.alphatab-head,.alphatab-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr}.alphatab-status{width:fit-content}.alphatab-stage{height:var(--alphatab-height, 520px);overflow:visible}.alphatab-surface{min-width:620px}.alphatab-viewer-responsive .alphatab-surface{min-width:0}.admin-toolbar{align-items:stretch;display:grid}.hero{min-height:min(86vh,670px);padding:22px 18px 30px}.hero:before{background-size:var(--hero-zoom-mobile, auto 105%);background-position:var(--focus-x-mobile) var(--focus-y-mobile)}.hero:after{background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .04),rgb(var(--color-bg-rgb) / .12) 42%,rgb(var(--color-bg-rgb) / .66))}.hero-title{text-align:left;margin-left:0}.hero-title h1{font-size:clamp(2.7rem,15vw,5.4rem)}.magazine-card{border-radius:24px}.infographic-body{padding:16px}.prog{grid-template-columns:1fr;gap:4px}.prog span{text-align:left}.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-card{grid-template-columns:1fr}.fingerstyle-hero-art{max-width:620px;min-height:260px}.fingerstyle-hero-art img{min-height:260px;max-height:360px}.fingerstyle-finger{grid-template-columns:42px minmax(0,1fr)}.fingerstyle-finger span{grid-column:2}.pocket-hero{min-height:0;grid-template-columns:1fr}.pocket-hero-art{justify-self:start;width:min(100%,360px);min-height:170px}.pocket-hero-art img{max-height:240px}.pocket-group-head{grid-template-columns:1fr;gap:8px}.pocket-group-head span{width:fit-content}.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:520px){.fretboard-mobile-workbench{grid-template-columns:minmax(0,.9fr) clamp(170px,46vw,220px);gap:7px}.fretboard-mobile-workbench .fretboard-scroll{order:2;width:100%}.fretboard-mobile-core{order:1;gap:7px}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,220px)}.fretboard-mobile-workbench .fretboard-step-card{padding:8px}.fretboard-mobile-workbench .fretboard-step-card span{width:28px;height:28px;margin-bottom:6px;font-size:.82rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.78rem,3.25vw,.98rem);line-height:1.05}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:6px;font-size:clamp(.66rem,2.45vw,.78rem);line-height:1.28}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:8px 9px;font-size:.78rem}.debug-grid{grid-template-columns:1fr}.debug-head{display:block}.variant{grid-template-columns:92px 1fr}.module-head h2{font-size:clamp(2rem,12vw,3.6rem)}.degrees{gap:6px}.degree-circle{width:58px;height:58px}.fingerstyle-hero{padding:14px}.fingerstyle-hero h1{font-size:clamp(2.75rem,16vw,4.45rem)}.fingerstyle-hero-line{font-size:clamp(1.2rem,7vw,1.7rem)}.fingerstyle-saloon-sign{font-size:.98rem}.fingerstyle-boom-chick{grid-template-columns:repeat(4,auto)}.fingerstyle-boom-chick span{display:none}.fingerstyle-pattern-card em{display:block;margin:0 0 10px}.fingerstyle-exercise-card header{grid-template-columns:44px minmax(0,1fr)}.fingerstyle-exercise-card header>span{width:42px;height:42px;font-size:1.45rem}.fingerstyle-kernsatz{grid-template-columns:1fr}.pocket-path{padding:14px;border-radius:22px}.learning-path-hero,.level-detail-head{border-radius:22px;padding:16px}.learning-path-hero h1,.level-detail-head h2{font-size:clamp(2.2rem,15vw,3.6rem)}.level-mission-card{min-height:0;border-radius:18px}.learning-path-stat{min-height:130px}.pocket-kicker{font-size:clamp(3.4rem,18vw,5rem)}.pocket-hero h1{font-size:clamp(1.55rem,10vw,2.5rem)}.pocket-benefits,.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:1fr}.pocket-card-diagram{--cdc-diagram-width: 150px}.pocket-strum-table{grid-template-columns:1fr}.strumming-hero{min-height:430px}.strumming-hero-copy{padding:18px}.strumming-hero-copy h2{font-size:clamp(2.65rem,14vw,4.45rem);letter-spacing:.01em}.strumming-brush{width:100%;max-width:100%;box-sizing:border-box;font-size:clamp(1rem,5.3vw,1.42rem)!important}.strumming-pattern-grid{grid-template-columns:repeat(8,minmax(22px,1fr))}.strumming-count,.strumming-direction{min-height:33px}.strumming-use article{grid-template-columns:34px minmax(0,1fr);gap:2px 10px}.strumming-use article strong,.strumming-use article>span:not(.strumming-icon-badge){grid-column:2}.pocket-strum-label{min-height:34px;border-right:0}.pocket-strum-row{grid-template-columns:repeat(8,minmax(28px,1fr))}}@media(max-width:430px){.fretboard-mobile-core{gap:6px}.fretboard-mobile-workbench .fretboard-step-card{padding:6px}.fretboard-mobile-workbench .fretboard-step-card span{width:24px;height:24px;margin-bottom:5px;font-size:.74rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.72rem,3.05vw,.9rem);line-height:1.03}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:5px;font-size:clamp(.59rem,2.28vw,.7rem);line-height:1.22}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:6px 7px;font-size:.68rem}}@container main (max-width: 820px){.debug-grid{grid-template-columns:1fr 1fr}.debug-toggle{padding:10px}.topbar{padding-inline:12px}.stage{padding:14px}.module-head,.scale-head{display:block}.scale-toggle{margin-top:14px;width:100%}.layout,.scale-info-grid,.fretboard-step-grid,.hand-basics-stage,.hand-basics-info-grid,.chord-reading-layout,.chord-reading-callouts,.capo-hero,.capo-info-grid,.capo-demo-grid,.tab-reading-grid,.plucking-info-grid,.plucking-insights,.plucking-examples,.strumming-core-grid,.strumming-tech-grid,.strumming-patterns-grid,.strumming-feel-grid,.strumming-photo-explain,.top-grid,.bottom-grid,.side-panel,.cards-grid,.learning-path-grid,.learning-path-levels,.legacy-path-row,.learning-path-hero,.path-summary-grid,.level-detail-grid,.admin-form-grid,.alphatab-head,.alphatab-toolbar,.admin-toolbar,.fingerstyle-hero,.fingerstyle-core-grid,.fingerstyle-rule-grid,.fingerstyle-pattern-grid,.fingerstyle-history-grid,.fingerstyle-exercise-card,.pocket-hero,.pocket-group-head{grid-template-columns:1fr}.startpoint-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-examples article{grid-template-columns:1fr;gap:4px}.capo-examples em{display:none}.strumming-photo-card,.strumming-photo-card.main{min-height:300px}.plucking-hand-card,.plucking-finger-list{grid-template-columns:1fr}.plucking-hand-card h3{font-size:clamp(1.7rem,9vw,2.55rem)}.plucking-hand-card figure{justify-self:start;width:min(100%,340px)}.fretboard-path .fretboard-overview>.fretboard-scroll,.fretboard-desktop-steps{display:none}.fretboard-mobile-workbench{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,38vw,360px);gap:14px;align-items:start;overflow-x:visible;padding-bottom:8px}.fretboard-mobile-workbench .fretboard-scroll{order:2;justify-self:center;width:min(100%,380px);min-width:0;overflow:hidden}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,360px)}.fretboard-mobile-core{order:1;display:grid;min-width:0;gap:10px}.fretboard-mobile-apply{order:4}.fretboard-mobile-workbench .fretboard-step-card{min-height:0;padding:12px}.fretboard-mobile-workbench .fretboard-step-card span{width:38px;height:38px;margin-bottom:10px;font-size:1.05rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(1rem,4vw,1.28rem)}.fretboard-mobile-workbench .fretboard-step-card p{font-size:clamp(.82rem,2.9vw,.95rem);line-height:1.42}.fretboard-mobile-workbench .fretboard-step-card .path-action{margin-top:auto;align-self:start;padding:9px 11px;font-size:.88rem}.alphatab-head,.alphatab-toolbar{align-items:stretch;display:grid}.alphatab-status{width:fit-content}.alphatab-stage{height:var(--alphatab-height, 520px);overflow:visible}.alphatab-surface{min-width:620px}.alphatab-viewer-responsive .alphatab-surface{min-width:0}.hero{min-height:min(86vh,670px);padding:22px 18px 30px}.hero-title{text-align:left;margin-left:0}.hero-title h1{font-size:clamp(2.7rem,15vw,5.4rem)}.pocket-hero-art{justify-self:start;width:min(100%,360px);min-height:170px}.pocket-hero-art img{max-height:240px}.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@container main (max-width: 520px){.fretboard-mobile-workbench{grid-template-columns:minmax(0,.9fr) clamp(170px,46vw,220px);gap:7px}.fretboard-mobile-workbench .fretboard-scroll{order:2;width:100%}.fretboard-mobile-core{order:1;gap:7px}.fretboard-mobile-workbench .fretboard-svg.vertical{width:min(100%,220px)}.fretboard-mobile-workbench .fretboard-step-card{padding:8px}.fretboard-mobile-workbench .fretboard-step-card span{width:28px;height:28px;margin-bottom:6px;font-size:.82rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.78rem,3.25vw,.98rem);line-height:1.05}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:6px;font-size:clamp(.66rem,2.45vw,.78rem);line-height:1.28}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:8px 9px;font-size:.78rem}.debug-grid,.pocket-benefits,.pocket-chord-grid,.pocket-group-3 .pocket-chord-grid,.pocket-strum-table{grid-template-columns:1fr}.debug-head{display:block}.variant{grid-template-columns:92px 1fr}.module-head h2{font-size:clamp(2rem,12vw,3.6rem)}.degrees{gap:6px}.degree-circle{width:58px;height:58px}.fingerstyle-hero{padding:14px}.fingerstyle-finger,.fingerstyle-exercise-card header{grid-template-columns:42px minmax(0,1fr)}.fingerstyle-finger span{grid-column:2}.fingerstyle-boom-chick{grid-template-columns:repeat(4,auto)}.fingerstyle-boom-chick span{display:none}.fingerstyle-pattern-card em{display:block;margin:0 0 10px}.fingerstyle-kernsatz{grid-template-columns:1fr}.pocket-path{padding:14px;border-radius:22px}.learning-path-hero,.level-detail-head{border-radius:22px;padding:16px}.level-mission-card{min-height:0;border-radius:18px}.learning-path-stat{min-height:130px}.pocket-card-diagram{--cdc-diagram-width: 150px}.strumming-brush{width:100%;max-width:100%;box-sizing:border-box;font-size:clamp(1rem,5.3vw,1.42rem)!important}.strumming-pattern-grid{grid-template-columns:repeat(8,minmax(22px,1fr))}.strumming-count,.strumming-direction{min-height:33px}.strumming-use article{grid-template-columns:34px minmax(0,1fr);gap:2px 10px}.strumming-use article strong,.strumming-use article>span:not(.strumming-icon-badge){grid-column:2}.pocket-strum-label{min-height:34px;border-right:0}.pocket-strum-row{grid-template-columns:repeat(8,minmax(28px,1fr))}}@container main (max-width: 430px){.fretboard-mobile-core{gap:6px}.fretboard-mobile-workbench .fretboard-step-card{padding:6px}.fretboard-mobile-workbench .fretboard-step-card span{width:24px;height:24px;margin-bottom:5px;font-size:.74rem}.fretboard-mobile-workbench .fretboard-step-card h2{font-size:clamp(.72rem,3.05vw,.9rem);line-height:1.03}.fretboard-mobile-workbench .fretboard-step-card p{margin-top:5px;font-size:clamp(.59rem,2.28vw,.7rem);line-height:1.22}.fretboard-mobile-workbench .fretboard-step-card .path-action{padding:6px 7px;font-size:.68rem}}.picks-section{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(135deg,rgb(var(--color-bg-rgb) / .92),rgb(var(--color-bg-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 16px),rgb(var(--color-bg-rgb) / .78)}.picks-hero{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;isolation:isolate;background:var(--color-bg)}.picks-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:52% 50%;filter:saturate(.92) contrast(1.08)}.picks-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .94),rgb(var(--color-bg-rgb) / .68) 48%,rgb(var(--color-bg-rgb) / .18)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .9))}.picks-hero-copy{width:min(800px,100%);padding:42px}.picks-hero-copy h2,.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3,.picks-photo-note h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.02em;text-transform:uppercase}.picks-hero-copy h2{max-width:720px;font-size:7.2rem;line-height:.82}.picks-kicker{width:fit-content;max-width:100%;margin:16px 0 14px!important;padding:8px 14px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:1.62rem!important;font-style:italic;font-weight:950;line-height:1.04!important;clip-path:polygon(0 12%,96% 0,100% 50%,94% 100%,2% 88%)}.picks-hero-copy p:not(.picks-kicker){max-width:680px;margin:0;color:var(--color-text-muted);font-size:1.08rem;line-height:1.55}.picks-hero-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.picks-hero-points article,.picks-finder article,.picks-thickness-card,.picks-material-grid article,.picks-shape-grid article,.picks-photo-note,.picks-grip-section,.picks-footer{border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),rgb(var(--color-bg-rgb) / .68)}.picks-hero-points article{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:3px 10px;align-items:center;padding:14px}.picks-icon-badge{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .38);border-radius:50%;color:var(--color-text);background:#00000059}.picks-icon-badge svg,.picks-section-label svg,.picks-grip-copy li svg,.picks-footer svg,.picks-thumb-photo figcaption svg{width:20px;height:20px;display:block;stroke:currentColor}.picks-hero-points strong,.picks-finder strong,.picks-material-grid h4,.picks-shape-grid h4,.picks-grip-copy li,.picks-footer strong{color:var(--color-text)}.picks-hero-points strong{align-self:end;font-size:.84rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.picks-hero-points span:not(.picks-icon-badge){grid-column:2;color:var(--muted);font-size:.9rem;line-height:1.35}.picks-choice-band{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:16px;align-items:stretch;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;padding:20px;background:linear-gradient(100deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .1)),rgb(var(--color-bg-rgb) / .72)}.picks-choice-copy,.picks-section-head{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3,.picks-photo-note h3{font-size:2.6rem;line-height:.96}.picks-choice-copy p,.picks-section-head p,.picks-material-grid p,.picks-shape-grid p,.picks-photo-note p,.picks-grip-copy p,.picks-thumb-photo figcaption span,.picks-finder span,.picks-thickness-card p,.picks-thickness-card em{color:var(--muted);line-height:1.5}.picks-choice-copy p,.picks-section-head p,.picks-grip-copy p,.picks-photo-note p{max-width:720px;margin:12px 0 0}.picks-finder{display:grid;gap:8px}.picks-finder article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:11px}.picks-finder div{min-width:0;display:grid;gap:2px}.picks-finder b{justify-self:end;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:999px;padding:7px 10px;color:var(--color-bg);background:var(--gold2);font-size:.84rem;white-space:nowrap}.picks-thickness-section,.picks-materials,.picks-shapes-section{display:grid;gap:14px}.picks-section-label{display:inline-flex;gap:8px;align-items:center}.picks-section-label svg{color:var(--color-bg)}.picks-thickness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.picks-thickness-card{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px}.picks-pick-icon{width:64px;height:76px;display:grid;place-items:center;align-self:start;margin-top:0;filter:drop-shadow(0 12px 20px rgba(0,0,0,.34))}.picks-pick-icon svg{display:block;width:100%;height:100%}.picks-thickness-card strong{display:block;color:var(--gold2);font-size:.82rem;font-weight:950}.picks-thickness-card h4{margin:4px 0 6px;color:var(--color-text);font-family:var(--font-brand);font-size:1.22rem;font-weight:500;line-height:1.05}.picks-thickness-card p,.picks-thickness-card em{display:block;margin:0;font-size:.9rem}.picks-thickness-card em{margin-top:8px;color:var(--color-text);font-style:normal;font-weight:800}.picks-material-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;align-items:stretch}.picks-material-grid,.picks-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.picks-material-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.picks-material-grid span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.picks-material-grid h4,.picks-shape-grid h4{margin:3px 0 7px;font-family:var(--font-brand);font-size:1.22rem;font-weight:500;line-height:1.06}.picks-material-grid p,.picks-shape-grid p{margin:0;font-size:.92rem}.picks-photo-note{display:grid;grid-template-rows:minmax(220px,.88fr) auto;gap:12px;overflow:hidden;padding:14px}.picks-photo-note img,.picks-thumb-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}.picks-photo-note img{min-height:220px;max-height:320px;object-position:52% 54%}.picks-photo-note h3{font-size:2rem}.picks-shape-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.picks-shape-grid article{min-width:0;display:grid;align-content:start;justify-items:start;gap:9px;padding:14px}.picks-shape-grid h4{margin:0}.picks-grip-section{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:16px;align-items:stretch;padding:18px;background:linear-gradient(100deg,rgb(var(--color-accent-2-rgb) / .16),rgb(var(--color-accent-rgb) / .1)),rgb(var(--color-bg-rgb) / .72)}.picks-grip-copy{align-self:center;min-width:0}.picks-grip-copy ul{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.picks-grip-copy li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;line-height:1.42}.picks-grip-copy li svg{color:var(--gold2)}.picks-thumb-photo{position:relative;min-height:300px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:var(--color-bg)}.picks-thumb-photo img{min-height:300px;max-height:390px;object-position:48% 58%}.picks-thumb-info{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;padding:14px;background:linear-gradient(100deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .1)),rgb(var(--color-bg-rgb) / .68)}.picks-thumb-info img{display:block;width:100%;height:190px;object-fit:cover;object-position:50% 58%;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:6px;background:var(--color-bg)}.picks-thumb-info h3{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.45rem,2.4vw,2.1rem);font-weight:500;line-height:1.06}.picks-thumb-info p{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.5}.picks-thumb-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:10px;background:rgb(var(--color-bg-rgb) / .78)}.picks-thumb-photo figcaption svg{color:var(--gold2)}.picks-footer{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:16px;color:var(--color-text);background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .22),rgb(var(--color-accent-2-rgb) / .14)),rgb(var(--color-bg-rgb) / .74)}.picks-footer svg{color:var(--gold2)}@container main (max-width: 980px){.picks-hero{min-height:470px}.picks-hero-copy{padding:30px}.picks-hero-copy h2{font-size:5.2rem}.picks-hero-points,.picks-thickness-grid,.picks-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picks-choice-band,.picks-material-layout,.picks-grip-section,.picks-thumb-info{grid-template-columns:1fr}.picks-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 560px){.picks-section{padding:12px}.picks-hero{min-height:420px}.picks-hero-copy{padding:22px}.picks-hero-copy h2{font-size:3.4rem;line-height:.88}.picks-kicker{font-size:1.12rem!important}.picks-choice-copy h3,.picks-section-head h3,.picks-grip-copy h3{font-size:2rem}.picks-hero-points,.picks-thickness-grid,.picks-material-grid,.picks-shape-grid{grid-template-columns:1fr}.picks-finder article{grid-template-columns:38px minmax(0,1fr)}.picks-finder b{grid-column:2;justify-self:start}.picks-thumb-info img{height:170px}}@media(max-width:560px){.picks-section,.picks-section *,.picks-section *:before,.picks-section *:after{max-width:100%}.picks-section{width:100%;min-width:0;padding:12px}.picks-hero{min-height:420px;width:100%;max-width:100%;min-width:0}.picks-hero-copy{width:100%;min-width:0;padding:22px}.picks-hero-copy h2{max-width:100%;font-size:clamp(2.25rem,13vw,3.25rem);line-height:.9;overflow-wrap:anywhere}.picks-kicker,.picks-section-label{width:fit-content;max-width:100%;white-space:normal}.picks-kicker{font-size:clamp(.95rem,5vw,1.12rem)!important}.picks-hero-copy p:not(.picks-kicker),.picks-section-head h3,.picks-section-head p{max-width:100%;overflow-wrap:anywhere}.picks-hero-points,.picks-thickness-grid,.picks-choice-band,.picks-thickness-section,.picks-material-layout,.picks-materials,.picks-material-grid,.picks-shape-grid{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){.stage{padding-inline:10px}.picks-section{justify-self:start;width:min(100%,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:10px}.picks-hero-copy{padding:18px}.picks-hero-copy h2{font-size:clamp(2rem,12vw,2.85rem)}}.bottleneck-section{display:grid;gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(125deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .9) 46%,rgb(var(--color-accent-2-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 18px),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.bottleneck-section h3,.bottleneck-section h4,.bottleneck-section p{min-width:0}.bottleneck-hero{position:relative;display:grid;min-height:620px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:var(--color-bg);isolation:isolate}.bottleneck-hero-copy,.bottleneck-hero-art,.bottleneck-callout-row article,.bottleneck-use-grid article,.bottleneck-material-card,.bottleneck-feature-note,.bottleneck-fit-section,.bottleneck-technique-grid article,.bottleneck-tuning-section,.bottleneck-players,.bottleneck-care,.bottleneck-footer{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.bottleneck-hero-copy{position:relative;z-index:2;display:grid;align-content:end;width:min(780px,62%);min-height:620px;padding:clamp(24px,4vw,46px);border:0;border-radius:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .74) 58%,rgb(var(--color-bg-rgb) / 0)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .68))}.bottleneck-hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 16%,rgb(var(--color-accent-rgb) / .2),transparent 18rem)}.bottleneck-hero-copy h2,.bottleneck-section-head h3,.bottleneck-fit-copy h3,.bottleneck-tuning-copy h3,.bottleneck-feature-note h3,.bottleneck-footer strong{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.025em;text-transform:uppercase}.bottleneck-hero-copy h2{max-width:720px;margin-top:16px;font-size:7.2rem;line-height:.82;text-shadow:0 18px 42px rgba(0,0,0,.52);overflow-wrap:normal}.bottleneck-kicker{width:fit-content;max-width:100%;margin:18px 0 14px!important;padding:8px 15px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.05rem,2vw,1.62rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 10%,96% 0,100% 52%,94% 100%,2% 90%)}.bottleneck-hero-copy p:not(.bottleneck-kicker){max-width:700px;margin:0;color:var(--color-text);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55}.bottleneck-section-label{display:inline-flex;width:fit-content;gap:8px;align-items:center}.bottleneck-section-label svg{width:18px;height:18px;color:var(--color-bg)}.bottleneck-hero-art{position:absolute;inset:0;z-index:1;margin:0;border:0;border-radius:0;background:var(--color-bg)}.bottleneck-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(1.05) contrast(1.06)}.bottleneck-hero-art figcaption{position:absolute;left:16px;right:16px;bottom:16px;margin-left:auto;width:min(560px,calc(100% - 32px));display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:12px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.36}.bottleneck-hero-art figcaption svg{color:var(--gold2)}.bottleneck-icon-badge{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--color-text);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .2),rgb(var(--color-accent-2-rgb) / .26)),#00000057}.bottleneck-icon-badge svg,.bottleneck-footer svg{width:20px;height:20px;display:block;stroke:currentColor}.bottleneck-callout-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-callout-row article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:15px}.bottleneck-callout-row span,.bottleneck-material-card span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.bottleneck-callout-row h3{margin:2px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:500;line-height:1.08}.bottleneck-callout-row p,.bottleneck-use-grid span,.bottleneck-section-head p,.bottleneck-material-card p,.bottleneck-feature-note li,.bottleneck-fit-copy p,.bottleneck-fit-card p,.bottleneck-size-table span,.bottleneck-technique-grid p,.bottleneck-tuning-copy p,.bottleneck-tuning-card span,.bottleneck-tuning-card em,.bottleneck-player-grid span,.bottleneck-care-list span{color:var(--muted);line-height:1.48}.bottleneck-callout-row p,.bottleneck-material-card p,.bottleneck-technique-grid p,.bottleneck-tuning-card em{margin:0}.bottleneck-use-section,.bottleneck-materials,.bottleneck-technique-section{display:grid;gap:14px}.bottleneck-section-head,.bottleneck-fit-copy,.bottleneck-tuning-copy{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.bottleneck-section-head h3,.bottleneck-fit-copy h3,.bottleneck-tuning-copy h3,.bottleneck-feature-note h3{max-width:900px;margin-top:8px;font-size:clamp(2rem,4vw,3.1rem);line-height:.94}.bottleneck-section-head p,.bottleneck-fit-copy p,.bottleneck-tuning-copy p{max-width:820px;margin:12px 0 0}.bottleneck-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-use-grid article{display:grid;align-content:start;gap:10px;min-width:0;padding:14px}.bottleneck-use-grid strong,.bottleneck-material-card h4,.bottleneck-fit-card strong,.bottleneck-technique-grid h4,.bottleneck-tuning-card strong,.bottleneck-player-grid strong{color:var(--color-text)}.bottleneck-use-grid strong{font-weight:950;line-height:1.15}.bottleneck-material-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);gap:14px;align-items:stretch}.bottleneck-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottleneck-material-card{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;gap:12px;align-items:center;min-width:0;padding:14px}.bottleneck-tube{position:relative;width:46px;height:76px;display:inline-block;border:2px solid rgb(var(--color-text-rgb) / .72);border-radius:18px/11px;background:linear-gradient(90deg,#ffffff05,#ffffff94 22%,#ffffff0d 47%,#ffffff52 78%,#ffffff05),#ffffff14;box-shadow:inset 0 0 0 5px #ffffff12,0 15px 26px #00000057}.bottleneck-tube:before,.bottleneck-tube:after{content:"";position:absolute;left:7px;right:7px;height:12px;border:2px solid rgb(var(--color-text-rgb) / .52);border-radius:50%}.bottleneck-tube:before{top:-2px;background:rgb(var(--color-bg-rgb) / .62)}.bottleneck-tube:after{bottom:-2px;opacity:.58}.bottleneck-tube span{position:absolute;inset:10px 13px 10px auto;width:5px;border-radius:999px;background:#ffffff75}.bottleneck-tube.steel{border-color:rgb(var(--color-text-rgb) / .78);background:linear-gradient(90deg,var(--color-bg),#d9dad5 25%,#60666a 48%,var(--color-text) 72%,#272a2d)}.bottleneck-tube.brass{border-color:#f6c962d1;background:linear-gradient(90deg,var(--color-accent-2),var(--color-accent) 27%,var(--color-accent-2) 48%,var(--color-accent) 74%,var(--color-accent-2))}.bottleneck-tube.ceramic{border-color:rgb(var(--color-text-rgb) / .9);background:linear-gradient(90deg,#d7d0c5,var(--color-text) 32%,#b9b1a6 52%,var(--color-text) 76%,#c9c0b4)}.bottleneck-material-card h4{margin:4px 0 6px;font-family:var(--font-brand);font-size:clamp(1.18rem,2vw,1.5rem);font-weight:500;line-height:1.06}.bottleneck-feature-note{display:grid;align-content:start;gap:12px;min-width:0;padding:16px;background:linear-gradient(150deg,rgb(var(--color-accent-rgb) / .16),rgb(var(--color-accent-2-rgb) / .16)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-feature-note h3{font-size:clamp(1.7rem,3vw,2.35rem)}.bottleneck-feature-note ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.bottleneck-feature-note li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px}.bottleneck-feature-note li:before{content:"";width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .13)}.bottleneck-fit-section{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);gap:14px;padding:18px;background:linear-gradient(105deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .11)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-fit-copy{align-self:center}.bottleneck-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-fit-card{display:grid;align-content:start;justify-items:center;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:14px;text-align:center;background:#0003}.bottleneck-fit-card .bottleneck-tube{transform:scale(.78);transform-origin:center top;margin-bottom:-6px}.bottleneck-fit-card.wrong .bottleneck-tube{filter:saturate(.7) opacity(.74)}.bottleneck-fit-card.right{border-color:rgb(var(--color-accent-2-rgb) / .42);background:linear-gradient(180deg,rgb(var(--color-accent-2-rgb) / .1),#ffffff03),#0003}.bottleneck-fit-card strong{margin:2px 0 4px;font-weight:950}.bottleneck-fit-card span{color:var(--gold2);font-size:.76rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.bottleneck-fit-card p{margin:9px 0 0;font-size:.9rem}.bottleneck-size-table{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:#0003}.bottleneck-size-table article{display:grid;gap:4px;min-width:0;padding:12px;border-right:1px solid rgb(var(--color-accent-rgb) / .22)}.bottleneck-size-table article:last-child{border-right:0}.bottleneck-size-table b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--gold2)}.bottleneck-size-table strong{color:var(--color-text);font-size:1rem}.bottleneck-technique-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-technique-grid article{position:relative;display:grid;align-content:start;gap:10px;min-width:0;overflow:hidden;padding:16px}.bottleneck-step-number{position:absolute;top:12px;right:12px;color:rgb(var(--color-text-rgb) / .12);font-family:var(--font-brand);font-size:4.2rem;line-height:.8}.bottleneck-technique-grid h4{margin:0;font-family:var(--font-brand);font-size:clamp(1.25rem,2vw,1.58rem);font-weight:500;line-height:1.06}.bottleneck-string-demo{position:relative;min-height:104px;margin-top:4px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .22);border-radius:8px;background:linear-gradient(rgb(var(--color-accent-rgb) / .18) 0 0) 0 52% / 100% 2px no-repeat,repeating-linear-gradient(0deg,transparent 0 18px,rgb(var(--color-text-rgb) / .32) 18px 20px,transparent 20px 32px),linear-gradient(90deg,#5b3015cc,rgb(var(--color-bg-rgb) / .88))}.bottleneck-string-demo:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(var(--color-text-rgb) / .26) 0 2px,transparent 2px 56px)}.bottleneck-string-demo .bottleneck-tube{position:absolute;top:18px;left:18%;width:34px;height:68px;transform:rotate(90deg)}.bottleneck-string-demo.step-02 .bottleneck-tube{left:48%}.bottleneck-string-demo.step-03 .bottleneck-tube{left:70%}.bottleneck-tuning-section{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1fr);gap:16px;align-items:center;padding:18px;background:linear-gradient(105deg,rgb(var(--color-accent-rgb) / .14),rgb(var(--color-accent-2-rgb) / .18)),rgb(var(--color-bg-rgb) / .72)}.bottleneck-tuning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-tuning-card{display:grid;gap:10px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:13px;background:#00000036}.bottleneck-tuning-card header{display:grid;gap:3px}.bottleneck-tuning-card strong{font-family:var(--font-brand);font-size:1.28rem;font-weight:500}.bottleneck-open-diagram{display:grid;place-items:center;min-height:180px;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:6px;padding:10px;background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0000002e}.bottleneck-open-diagram .mini-svg{display:block;width:min(100%,150px);height:auto}.bottleneck-open-diagram svg .string-marker.open{fill:var(--gold2);font-size:11px}.bottleneck-open-diagram svg .diagram-symbol{fill:var(--color-text);font-size:15px}.bottleneck-tuning-card em{color:var(--color-text);font-style:normal;font-weight:850}.bottleneck-bottom-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:14px}.bottleneck-players,.bottleneck-care{display:grid;align-content:start;gap:14px;padding:16px}.bottleneck-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottleneck-player-grid article{min-width:0;min-height:128px;display:grid;align-content:end;border:1px solid rgb(var(--color-accent-rgb) / .25);border-radius:8px;padding:12px;background:linear-gradient(180deg,#ffffff05,#00000080),linear-gradient(145deg,rgb(var(--color-accent-rgb) / .22),rgb(var(--color-accent-2-rgb) / .18)),var(--color-bg)}.bottleneck-player-grid strong{font-size:1rem;line-height:1.15}.bottleneck-player-grid span{margin-top:4px;font-size:.86rem}.bottleneck-care-list{display:grid;gap:8px}.bottleneck-care-layout{display:grid;grid-template-columns:minmax(180px,.52fr) minmax(0,1fr);gap:12px;align-items:stretch}.bottleneck-care-photo{position:relative;min-height:250px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:var(--color-bg)}.bottleneck-care-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .02),rgb(var(--color-bg-rgb) / .34));box-shadow:inset 0 0 0 1px #ffffff09}.bottleneck-care-photo img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;object-position:50% 50%}.bottleneck-care-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .2);border-radius:8px;padding:10px;background:#00000029}.bottleneck-footer{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 52%,var(--color-accent-2)),var(--gold2)}.bottleneck-footer strong{color:var(--color-bg);font-size:clamp(1.28rem,3vw,2.4rem);line-height:1.02;text-align:center}.bottleneck-footer svg{color:var(--color-bg)}@container main (max-width: 980px){.bottleneck-material-layout,.bottleneck-fit-section,.bottleneck-tuning-section,.bottleneck-bottom-grid{grid-template-columns:1fr}.bottleneck-hero,.bottleneck-hero-copy{min-height:520px}.bottleneck-hero-copy{width:min(760px,76%)}.bottleneck-hero-copy h2{font-size:5.6rem}.bottleneck-callout-row,.bottleneck-use-grid,.bottleneck-technique-grid,.bottleneck-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 680px){.bottleneck-section{padding:12px}.bottleneck-hero,.bottleneck-hero-copy{min-height:520px}.bottleneck-hero-copy{width:100%;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .68)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .78))}.bottleneck-hero-copy h2{font-size:4rem}.bottleneck-callout-row,.bottleneck-use-grid,.bottleneck-material-grid,.bottleneck-fit-grid,.bottleneck-technique-grid,.bottleneck-tuning-grid,.bottleneck-player-grid,.bottleneck-size-table{grid-template-columns:1fr}.bottleneck-material-card{grid-template-columns:58px minmax(0,1fr)}.bottleneck-material-card .bottleneck-icon-badge{grid-column:1 / -1;justify-self:start}.bottleneck-size-table article{border-right:0;border-bottom:1px solid rgb(var(--color-accent-rgb) / .22)}.bottleneck-size-table article:last-child{border-bottom:0}.bottleneck-footer{grid-template-columns:1fr;justify-items:center}.bottleneck-care-layout{grid-template-columns:1fr}.bottleneck-care-photo,.bottleneck-care-photo img{min-height:220px}}.twelvebar-section{display:grid;gap:16px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .36);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(125deg,rgb(var(--color-bg-rgb) / .96),rgb(var(--color-bg-rgb) / .9) 46%,rgb(var(--color-accent-2-rgb) / .74)),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 18px),rgb(var(--color-bg-rgb) / .86);box-shadow:var(--shadow)}.twelvebar-section h3,.twelvebar-section h4,.twelvebar-section p{min-width:0}.twelvebar-hero{position:relative;display:grid;min-height:620px;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .34);border-radius:8px;background:var(--color-bg);isolation:isolate}.twelvebar-hero-copy,.twelvebar-hero-art,.twelvebar-callout-row article,.twelvebar-feature-grid article,.twelvebar-style-grid article,.twelvebar-chart-card,.twelvebar-feature-note,.twelvebar-artists,.twelvebar-style-section,.twelvebar-story-section,.twelvebar-functions,.twelvebar-turnaround,.twelvebar-footer{border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),rgb(var(--color-bg-rgb) / .66)}.twelvebar-hero-copy{position:relative;z-index:2;display:grid;align-content:end;width:min(780px,62%);min-height:620px;padding:clamp(24px,4vw,46px);border:0;border-radius:0;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .97),rgb(var(--color-bg-rgb) / .76) 58%,rgb(var(--color-bg-rgb) / 0)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .68))}.twelvebar-hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 16%,rgb(var(--color-accent-rgb) / .2),transparent 18rem)}.twelvebar-hero-copy h2,.twelvebar-section-head h3,.twelvebar-story-copy h3,.twelvebar-feature-note h3,.twelvebar-footer strong{margin:0;color:var(--color-text);font-family:var(--font-brand);font-weight:900;letter-spacing:.025em;text-transform:uppercase}.twelvebar-hero-copy h2{max-width:760px;margin-top:16px;font-size:6.4rem;line-height:.84;text-shadow:0 18px 42px rgba(0,0,0,.52);overflow-wrap:normal}.twelvebar-kicker{width:fit-content;max-width:100%;margin:18px 0 14px!important;padding:8px 15px;color:var(--color-bg)!important;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.05rem,2vw,1.62rem)!important;font-style:italic;font-weight:950;line-height:1.05!important;clip-path:polygon(0 10%,96% 0,100% 52%,94% 100%,2% 90%)}.twelvebar-hero-copy p:not(.twelvebar-kicker){max-width:700px;margin:0;color:var(--color-text);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.55}.twelvebar-section-label{display:inline-flex;width:fit-content;gap:8px;align-items:center}.twelvebar-section-label svg{width:18px;height:18px;color:var(--color-bg)}.twelvebar-hero-art{position:absolute;inset:0;z-index:1;margin:0;border:0;border-radius:0;background:var(--color-bg)}.twelvebar-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%;filter:saturate(1.05) contrast(1.06)}.twelvebar-hero-art figcaption{position:absolute;right:16px;bottom:16px;width:min(520px,calc(100% - 32px));display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgb(var(--color-accent-rgb) / .32);border-radius:8px;padding:12px;color:var(--color-text);background:rgb(var(--color-bg-rgb) / .82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.36}.twelvebar-hero-art figcaption svg{color:var(--gold2)}.twelvebar-icon-badge{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--color-accent-rgb) / .42);border-radius:50%;color:var(--color-text);background:linear-gradient(145deg,rgb(var(--color-accent-rgb) / .2),rgb(var(--color-accent-2-rgb) / .26)),#00000057}.twelvebar-icon-badge svg,.twelvebar-footer svg{width:20px;height:20px;display:block;stroke:currentColor}.twelvebar-callout-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.twelvebar-callout-row article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:15px}.twelvebar-callout-row span,.twelvebar-feature-grid span,.twelvebar-artist-grid span{color:var(--gold2);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.twelvebar-callout-row h3{margin:2px 0 7px;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:500;line-height:1.08}.twelvebar-callout-row p,.twelvebar-section-head p,.twelvebar-feature-grid p,.twelvebar-style-grid p,.twelvebar-feature-note p,.twelvebar-story-copy p,.twelvebar-story-grid p,.twelvebar-turnaround p,.twelvebar-tab-placeholder span{color:var(--muted);line-height:1.48}.twelvebar-feature-section,.twelvebar-artists,.twelvebar-style-section{display:grid;gap:14px}.twelvebar-section-head,.twelvebar-story-copy{border-left:3px solid var(--gold2);padding:10px 0 10px 16px}.twelvebar-section-head h3,.twelvebar-story-copy h3,.twelvebar-feature-note h3{max-width:900px;margin-top:8px;font-size:clamp(1.72rem,3.2vw,3rem);line-height:.98;overflow-wrap:break-word}.twelvebar-section-head p,.twelvebar-story-copy p{max-width:820px;margin:12px 0 0}.twelvebar-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.twelvebar-feature-grid article{display:grid;grid-column:span 2;align-content:start;gap:10px;min-width:0;padding:14px}.twelvebar-feature-copy{display:grid;gap:10px;min-width:0}.twelvebar-box-sound-card{grid-column:1 / -1;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:clamp(16px,2vw,22px);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .13),rgb(var(--color-accent-2-rgb) / .2)),rgb(var(--color-bg-rgb) / .7)}.twelvebar-box-sound-card .twelvebar-feature-copy{align-content:start;max-width:860px}.twelvebar-box-sound-card .twelvebar-feature-copy strong{font-family:var(--font-brand);font-size:clamp(1.95rem,3.2vw,3rem);font-weight:900;letter-spacing:.025em;line-height:.96;text-transform:uppercase}.twelvebar-box-sound-card .twelvebar-feature-copy p{margin:0;color:var(--color-text);font-size:clamp(1.06rem,1.45vw,1.22rem);line-height:1.42}.twelvebar-box-sound-diagram{display:grid;gap:10px;grid-column:1 / -1;min-width:0;margin-top:2px}.twelvebar-box-sound-diagram h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.15rem,1.8vw,1.58rem);font-weight:700;line-height:1.12;overflow-wrap:break-word}.twelvebar-box-sound-map{min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:clamp(8px,1.5vw,14px);background:linear-gradient(180deg,rgb(var(--color-bg-rgb) / .84),rgb(var(--color-bg-rgb) / .94))}.twelvebar-box-sound-map .fretboard-svg{min-width:0;width:100%;max-width:880px;margin:0 auto}.twelvebar-box-sound-map .fretboard-fret{stroke-width:2.4}.twelvebar-box-sound-map .fretboard-marker.blues-note circle{fill:var(--color-accent);stroke:var(--color-text);stroke-width:2.6}.twelvebar-box-sound-map .fretboard-marker.blues-note text{fill:var(--color-bg)}.twelvebar-box-sound-legend{display:inline-flex;width:fit-content;max-width:100%;gap:7px;align-items:center;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:999px;padding:5px 9px;color:var(--color-text)!important;background:#0000002e;font-size:.78rem;font-weight:900;line-height:1.2}.twelvebar-box-sound-legend .legend-dot{width:10px;height:10px;flex:0 0 auto;border:1px solid var(--color-text);border-radius:50%;background:var(--color-accent)}.twelvebar-feature-grid strong,.twelvebar-story-grid strong,.twelvebar-tab-placeholder strong{color:var(--color-text)}.twelvebar-chart-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}.twelvebar-chart-card,.twelvebar-feature-note,.twelvebar-artists,.twelvebar-style-section,.twelvebar-story-section,.twelvebar-functions,.twelvebar-turnaround{display:grid;align-content:start;gap:14px;min-width:0;padding:16px}.twelvebar-chart-card .chord-chart-block,.twelvebar-functions .chord-chart-block{border-radius:8px}.twelvebar-feature-note{background:linear-gradient(150deg,rgb(var(--color-accent-rgb) / .16),rgb(var(--color-accent-2-rgb) / .16)),rgb(var(--color-bg-rgb) / .72)}.twelvebar-mini-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .28);border-radius:8px;background:#0003}.twelvebar-mini-form span{display:grid;gap:4px;min-width:0;padding:10px;border-right:1px solid rgb(var(--color-accent-rgb) / .2);border-bottom:1px solid rgb(var(--color-accent-rgb) / .2)}.twelvebar-mini-form span:nth-child(4n){border-right:0}.twelvebar-mini-form b{color:var(--gold2);font-size:.78rem}.twelvebar-mini-form strong{color:var(--color-text);font-family:var(--font-brand);font-size:1.28rem}.twelvebar-mini-form em{color:var(--muted);font-style:normal;font-weight:850}.twelvebar-artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.twelvebar-artist-grid figure{position:relative;min-height:260px;overflow:hidden;margin:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;background:var(--color-bg)}.twelvebar-artist-grid img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:50% 50%;filter:saturate(1.05) contrast(1.04)}.twelvebar-artist-grid figcaption{position:absolute;inset:auto 0 0;display:grid;gap:4px;padding:58px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.54) 58%,transparent)}.twelvebar-artist-grid strong{display:block;color:var(--color-text);font-size:.96rem;line-height:1.08}.twelvebar-artist-grid p{margin:0;color:var(--color-text);font-size:.82rem;font-weight:800;line-height:1.16}.twelvebar-artist-grid em{width:fit-content;max-width:100%;border:1px solid rgb(var(--color-accent-2-rgb) / .34);border-radius:999px;padding:2px 7px;color:#b9d7cb;background:#0f2d30b8;font-size:.66rem;font-style:normal;font-weight:950;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}.twelvebar-style-section{background:linear-gradient(115deg,rgb(var(--color-accent-2-rgb) / .26),rgb(var(--color-accent-rgb) / .08)),rgb(var(--color-bg-rgb) / .7)}.twelvebar-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.twelvebar-style-grid article{display:grid;align-content:start;gap:12px;min-width:0;padding:15px}.twelvebar-style-grid header{display:grid;gap:7px}.twelvebar-style-grid dt{color:var(--gold2);font-size:.72rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.twelvebar-style-grid span{width:fit-content;max-width:100%;border:1px solid rgb(var(--color-accent-2-rgb) / .28);border-radius:999px;padding:4px 8px;color:#b9d7cb;background:#0f2d3094;font-size:.68rem;font-weight:950;letter-spacing:.075em;line-height:1.18;text-transform:uppercase}.twelvebar-style-grid h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.2rem,1.8vw,1.58rem);font-weight:600;line-height:1.04}.twelvebar-style-grid dl{display:grid;gap:8px;margin:0}.twelvebar-style-grid dl div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;border-top:1px solid rgb(var(--color-accent-rgb) / .14);padding-top:8px}.twelvebar-style-grid dd{margin:0;color:var(--color-text);line-height:1.38}.twelvebar-style-grid p{margin:0;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;color:var(--color-text);font-family:var(--font-brand);font-size:1rem}.twelvebar-story-section{grid-template-columns:1fr;align-items:stretch;background:linear-gradient(105deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .11)),rgb(var(--color-bg-rgb) / .72)}.twelvebar-story-copy{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:18px;align-items:end}.twelvebar-story-copy p{max-width:760px;margin:0}.twelvebar-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.twelvebar-story-grid article{position:relative;display:grid;align-content:start;gap:10px;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-accent-rgb) / .26);border-radius:8px;padding:15px;background:#00000036}.twelvebar-step-number{position:absolute;top:12px;right:12px;z-index:0;color:rgb(var(--color-text-rgb) / .08);font-family:var(--font-brand);font-size:clamp(2.7rem,4.8vw,4rem);line-height:.8;pointer-events:none}.twelvebar-story-grid article>*:not(.twelvebar-step-number){position:relative;z-index:1}.twelvebar-degree-badge{display:inline-grid;place-items:center;width:fit-content;min-width:58px;min-height:46px;border:1px solid rgb(var(--color-accent-rgb) / .56);border-radius:8px;padding:7px 12px 5px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));font-family:var(--font-brand);font-size:clamp(1.8rem,3.2vw,2.65rem);font-weight:900;letter-spacing:.035em;line-height:.9;text-transform:uppercase;box-shadow:0 14px 30px #0000003d}.twelvebar-story-grid h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.1rem,1.6vw,1.36rem);font-weight:500;line-height:1.12;overflow-wrap:break-word}.twelvebar-story-grid strong{color:var(--gold2);font-size:.95rem}.twelvebar-bottom-grid{display:grid;grid-template-columns:1fr;gap:16px}.twelvebar-functions,.twelvebar-turnaround{width:100%}.twelvebar-alpha-embed{display:grid;gap:12px;min-width:0;border:1px solid rgb(var(--color-accent-rgb) / .24);border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff08,#ffffff03),#00000029}.twelvebar-alpha-copy{display:grid;gap:8px;border-left:3px solid var(--gold2);padding:8px 0 8px 14px}.twelvebar-alpha-copy h4{margin:0;color:var(--color-text);font-family:var(--font-brand);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:900;letter-spacing:.025em;line-height:.98;text-transform:uppercase}.twelvebar-alpha-copy p{max-width:860px;margin:0;color:var(--muted);line-height:1.48}.twelvebar-alpha-embed .content-block-alphatab{border:0;border-radius:8px;padding:0;background:transparent}.twelvebar-alpha-embed .content-block-alphatab__toolbar{margin-bottom:2px}.twelvebar-alpha-embed .content-block-alphatab__stage{position:relative;min-height:var(--alphatab-block-height, 420px);height:auto;overflow:visible;border-color:rgb(var(--color-accent-rgb) / .16);border-radius:8px;background:#fff}.twelvebar-alpha-embed .content-block-alphatab__stage:after{content:none}.twelvebar-alpha-embed .content-block-alphatab__surface{min-width:0;width:100%;overflow:visible;background:#fff}.twelvebar-alpha-embed .content-block-alphatab__surface svg,.twelvebar-alpha-embed .content-block-alphatab__surface canvas{width:100%!important;max-width:100%;height:auto!important;transform-origin:left top}.twelvebar-tab-placeholder{display:grid;place-items:center;gap:8px;min-height:250px;border:1px dashed rgb(var(--color-accent-rgb) / .36);border-radius:8px;color:var(--color-text);background:linear-gradient(135deg,rgb(var(--color-accent-2-rgb) / .18),rgb(var(--color-accent-rgb) / .12)),#0003;text-align:center}.twelvebar-tab-placeholder svg{width:34px;height:34px;color:var(--gold2)}.twelvebar-footer{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:16px;color:var(--color-bg);background:linear-gradient(90deg,var(--color-accent),var(--color-accent) 52%,var(--color-accent-2)),var(--gold2)}.twelvebar-footer strong{color:var(--color-bg);font-size:clamp(1.28rem,3vw,2.4rem);line-height:1.02;text-align:center}.twelvebar-footer svg{color:var(--color-bg)}@container main (max-width: 980px){.twelvebar-chart-layout,.twelvebar-story-section,.twelvebar-bottom-grid{grid-template-columns:1fr}.twelvebar-hero,.twelvebar-hero-copy{min-height:520px}.twelvebar-hero-copy{width:min(760px,76%)}.twelvebar-hero-copy h2{font-size:5rem}.twelvebar-callout-row,.twelvebar-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-feature-grid article,.twelvebar-box-sound-card{grid-column:auto}.twelvebar-box-sound-card{grid-column:1 / -1;grid-template-columns:40px minmax(0,1fr)}.twelvebar-box-sound-diagram{grid-column:1 / -1}.twelvebar-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.twelvebar-story-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:4px}}@container main (max-width: 680px){.twelvebar-section{padding:12px}.twelvebar-hero,.twelvebar-hero-copy{min-height:520px}.twelvebar-hero-copy{width:100%;background:linear-gradient(90deg,rgb(var(--color-bg-rgb) / .95),rgb(var(--color-bg-rgb) / .68)),linear-gradient(180deg,rgb(var(--color-bg-rgb) / .08),rgb(var(--color-bg-rgb) / .78))}.twelvebar-hero-copy h2{font-size:3.5rem}.twelvebar-hero-art img{object-position:64% 50%}.twelvebar-callout-row,.twelvebar-feature-grid,.twelvebar-story-grid{grid-template-columns:1fr;overflow-x:hidden}.twelvebar-box-sound-card{grid-template-columns:36px minmax(0,1fr);padding:14px}.twelvebar-box-sound-card .twelvebar-feature-copy strong{font-size:clamp(1.65rem,8vw,2.25rem)}.twelvebar-box-sound-map{padding:6px}.twelvebar-box-sound-map .fretboard-marker text{font-size:12px}.twelvebar-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden}.twelvebar-style-grid{grid-template-columns:1fr}.twelvebar-alpha-embed .content-block-alphatab__stage{min-height:var(--alphatab-block-height, 420px);height:auto;overflow:visible}.twelvebar-alpha-embed .content-block-alphatab__surface{overflow:visible}.twelvebar-story-copy{grid-template-columns:1fr}.twelvebar-mini-form{grid-template-columns:repeat(2,minmax(0,1fr))}.twelvebar-mini-form span:nth-child(2n){border-right:0}.twelvebar-footer{grid-template-columns:1fr;justify-items:center}}@container main (max-width: 460px){.twelvebar-artist-grid{grid-template-columns:1fr}.twelvebar-alpha-embed .content-block-alphatab__stage{min-height:var(--alphatab-block-height, 420px);height:auto}}.fingerstyle-hero-copy,.capo-hero-copy,.plucking-hero-copy,.strumming-hero-copy,.picks-hero-copy{min-width:0;max-width:100%}.fingerstyle-hero h1,.capo-hero-copy h2,.plucking-hero-copy h2,.picks-hero-copy h2{max-width:100%;overflow-wrap:anywhere;word-break:normal}.strumming-hero-copy h2{max-width:none;overflow-wrap:normal;word-break:keep-all}.fingerstyle-hero h1{font-size:5.2rem}.capo-hero-copy h2{font-size:4.2rem}.fingerstyle-hero-line,.picks-kicker,.strumming-brush,.learning-path-card__meta span,.level-status-badge,.next-mission-badge,.nav-count{max-width:100%;overflow-wrap:anywhere;white-space:normal}@container main (max-width: 620px){.fingerstyle-hero h1{font-size:2.75rem;letter-spacing:0;line-height:.94}.fingerstyle-hero-line{font-size:1.35rem}.capo-hero-copy h2,.plucking-hero-copy h2{font-size:2.55rem;letter-spacing:0;line-height:.98}.strumming-hero-copy h2,.picks-hero-copy h2{font-size:2.45rem;letter-spacing:0;line-height:.92}.picks-kicker,.strumming-brush{max-width:100%;font-size:1.05rem!important;line-height:1.15!important}}@container main (max-width: 430px){.fingerstyle-hero h1{font-size:2.3rem}.capo-hero-copy h2,.plucking-hero-copy h2,.strumming-hero-copy h2,.picks-hero-copy h2{font-size:2.15rem}}.lesson-editor-layout-child-list li{display:block;overflow:hidden;padding:0}.lesson-editor-layout-child-card{min-width:0}.lesson-editor-layout-child-card__summary{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px 11px;cursor:pointer;list-style:none}.lesson-editor-layout-child-card__summary::-webkit-details-marker{display:none}.lesson-editor-layout-child-card__summary:before{content:"›";color:var(--gold2);font-size:1.1rem;font-weight:950;transform:rotate(0);transition:transform .14s ease}.lesson-editor-layout-child-card[open]>.lesson-editor-layout-child-card__summary:before{transform:rotate(90deg)}.lesson-editor-layout-child-card[open]>.lesson-editor-layout-child-card__summary{border-bottom:1px solid rgb(var(--color-accent-rgb) / .14);background:rgb(var(--color-accent-rgb) / .055)}.lesson-editor-layout-child-card__body{display:grid;gap:12px;min-width:0;padding:12px}.lesson-editor-layout-child-card__body>.lesson-editor-fieldset,.lesson-editor-layout-child-card__body>.lesson-editor-layout-child-edit{min-width:0}.lesson-editor-layout-child-card__body :where(.admin-field-wide,.lesson-editor-layout-child-edit--asset,.lesson-editor-layout-child-edit--diagram,.lesson-editor-layout-child-edit--stack){grid-column:1 / -1}.lesson-editor-publication-status{max-width:260px;color:var(--soft);font-size:.72rem;font-weight:800;line-height:1.2}.lesson-editor-publication-status.is-error{color:#fda4af}.lesson-editor-publish-button:disabled{opacity:.42}.lesson-asset-dialog-trigger{display:inline-flex;min-width:0}.lesson-asset-dialog-trigger>.debug-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;width:100%}.lesson-asset-dialog{width:min(1180px,calc(100vw - 36px));max-width:none;height:min(780px,calc(100dvh - 36px));max-height:none;border:1px solid rgb(var(--color-accent-rgb) / .3);border-radius:18px;padding:0;color:var(--cream);background:var(--color-surface);box-shadow:0 28px 90px #0009;overflow:hidden}.lesson-asset-dialog::backdrop{background:#02060cc2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lesson-asset-dialog__surface{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.lesson-asset-dialog__header,.lesson-asset-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid rgb(var(--color-text-rgb) / .1);background:linear-gradient(90deg,rgb(var(--color-accent-rgb) / .1),transparent 48%)}.lesson-asset-dialog__header span{color:var(--color-accent);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.lesson-asset-dialog__header h2{margin:2px 0;color:var(--cream);font-size:1.45rem}.lesson-asset-dialog__header p{margin:0;color:var(--soft);font-size:.82rem}.lesson-asset-dialog__header>button,.lesson-asset-dialog__footer button{display:inline-grid;place-items:center;min-width:40px;height:40px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:10px;color:var(--cream);background:#ffffff0a;cursor:pointer}.lesson-asset-dialog__layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0}.lesson-asset-dialog__folders{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;padding:14px;border-right:1px solid rgb(var(--color-text-rgb) / .1);background:rgb(var(--color-bg-rgb) / .5)}.lesson-asset-dialog__folders nav{display:grid;align-content:start;gap:5px;min-height:0;overflow-y:auto}.lesson-asset-dialog__folders nav>button,.lesson-asset-dialog__folders nav>div{min-width:0;border:1px solid transparent;border-radius:10px}.lesson-asset-dialog__folders nav>button,.lesson-asset-dialog__folders nav>div>button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;width:100%;min-height:40px;border:0;padding:7px 9px;color:var(--soft);background:transparent;text-align:left;cursor:pointer}.lesson-asset-dialog__folders nav>button.selected,.lesson-asset-dialog__folders nav>div.selected{border-color:rgb(var(--color-accent-rgb) / .42);background:rgb(var(--color-accent-rgb) / .12)}.lesson-asset-dialog__folders nav>div{position:relative;padding-right:50px}.lesson-asset-dialog__folders nav>div>button{grid-template-columns:20px minmax(0,1fr) auto}.lesson-asset-dialog__folders nav span{overflow:hidden;color:var(--cream);font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lesson-asset-dialog__folders nav small{color:var(--muted);font-size:.68rem}.lesson-asset-dialog__folder-actions{position:absolute;top:6px;right:5px;display:flex;gap:2px}.lesson-asset-dialog__folder-actions button{display:grid;place-items:center;width:22px;height:28px;border:0;border-radius:7px;color:var(--soft);background:transparent;cursor:pointer}.lesson-asset-dialog__folder-actions button:hover{color:var(--cream);background:#ffffff14}.lesson-asset-dialog__new-folder{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}.lesson-asset-dialog__new-folder input,.lesson-asset-dialog__new-folder button,.lesson-asset-dialog__toolbar input,.lesson-asset-dialog__toolbar select,.lesson-asset-dialog__grid article select{min-width:0;min-height:40px;border:1px solid rgb(var(--color-text-rgb) / .14);border-radius:9px;color:var(--cream);background:rgb(var(--color-bg-rgb) / .72)}.lesson-asset-dialog__new-folder input,.lesson-asset-dialog__toolbar input,.lesson-asset-dialog__toolbar select,.lesson-asset-dialog__grid article select{padding:0 10px}.lesson-asset-dialog__new-folder button{display:grid;place-items:center;cursor:pointer}.lesson-asset-dialog__content{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:12px;min-width:0;min-height:0;padding:14px}.lesson-asset-dialog__toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px;gap:10px}.lesson-asset-dialog__toolbar label{position:relative;display:block}.lesson-asset-dialog__toolbar label svg{position:absolute;top:11px;left:11px;width:18px;color:var(--muted)}.lesson-asset-dialog__toolbar label input{width:100%;padding-left:38px}.lesson-asset-dialog__message{margin:0;border-radius:9px;padding:8px 10px;color:var(--soft);background:#ffffff0b}.lesson-asset-dialog__message.is-error{color:#fda4af;background:#f43f5e1a}.lesson-asset-dialog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px;align-content:start;min-height:0;overflow-y:auto;padding:2px}.lesson-asset-dialog__grid article{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;border:1px solid rgb(var(--color-text-rgb) / .12);border-radius:12px;padding:7px;background:rgb(var(--color-bg-rgb) / .42)}.lesson-asset-dialog__grid article.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(var(--color-accent-rgb) / .12)}.lesson-asset-dialog__asset{display:grid;grid-template-rows:120px auto auto;gap:7px;min-width:0;border:0;padding:0 0 8px;color:var(--cream);background:transparent;text-align:left;cursor:pointer}.lesson-asset-dialog__preview{display:grid;place-items:center;overflow:hidden;border-radius:9px;color:var(--color-accent);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .11),transparent),rgb(var(--color-bg-rgb) / .74)}.lesson-asset-dialog__preview img{width:100%;height:100%;object-fit:contain}.lesson-asset-dialog__authenticated-preview{position:relative;display:grid;width:100%;height:100%;place-items:center}.lesson-asset-dialog__authenticated-preview>[role=button]{display:grid;grid-template-columns:auto auto;gap:5px;border:0;padding:8px;color:#fda4af;background:transparent;cursor:pointer}.lesson-asset-dialog__authenticated-preview>[role=button] svg{width:22px;height:22px}.lesson-asset-dialog__preview-loader{width:30px;height:30px;border:3px solid rgb(var(--color-accent-rgb) / .18);border-top-color:var(--color-accent);border-radius:50%;animation:lesson-asset-preview-spin .8s linear infinite}@keyframes lesson-asset-preview-spin{to{transform:rotate(360deg)}}.lesson-asset-dialog__preview svg{width:38px;height:38px}.lesson-asset-dialog__asset strong,.lesson-asset-dialog__asset small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-asset-dialog__asset strong{font-size:.84rem}.lesson-asset-dialog__asset small{color:var(--soft);font-size:.68rem}.lesson-asset-dialog__grid article select{width:100%;min-height:34px;font-size:.72rem}.lesson-asset-dialog__empty{display:grid;place-items:center;gap:7px;min-height:220px;color:var(--soft);text-align:center}.lesson-asset-dialog__empty svg{width:42px;height:42px;color:rgb(var(--color-accent-rgb) / .7)}.lesson-asset-dialog__footer{border-top:1px solid rgb(var(--color-text-rgb) / .1);border-bottom:0;background:rgb(var(--color-bg-rgb) / .38)}.lesson-asset-dialog__footer span{color:var(--soft);font-size:.78rem;font-weight:800}.lesson-asset-dialog__footer button{width:auto;padding:0 16px;font-weight:850}@media(max-width:760px){.lesson-asset-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.lesson-asset-dialog__layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.lesson-asset-dialog__folders{grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto;border-right:0;border-bottom:1px solid rgb(var(--color-text-rgb) / .1)}.lesson-asset-dialog__folders nav{display:flex;overflow-x:auto}.lesson-asset-dialog__folders nav>button,.lesson-asset-dialog__folders nav>div{flex:0 0 170px}.lesson-asset-dialog__toolbar{grid-template-columns:minmax(0,1fr)}.lesson-asset-dialog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-editor-block--inspector .lesson-editor-fieldset{min-width:0;margin:0;padding:12px 0 4px;border:0;border-top:1px solid rgb(255 255 255 / .1);border-radius:0;background:transparent}.lesson-editor-block--inspector .lesson-editor-fieldset:first-of-type{border-top:0}.lesson-editor-block--inspector .lesson-editor-fieldset>legend{max-width:100%;padding:0}.lesson-editor-block--inspector .lesson-editor-fieldset-grid,.lesson-editor-layout-child-detail .admin-form-grid,.lesson-editor-layout-child-detail .lesson-editor-property-grid{grid-template-columns:minmax(0,1fr);width:100%}.lesson-editor-block--inspector .admin-field,.lesson-editor-block--inspector .admin-field-wide,.lesson-editor-block--inspector label,.lesson-editor-block--inspector input,.lesson-editor-block--inspector textarea,.lesson-editor-block--inspector select{min-width:0;max-width:100%}.lesson-editor-block--inspector .lesson-editor-toggle{grid-template-columns:minmax(0,1fr) auto;white-space:normal}.lesson-editor-layout-segment .lesson-editor-segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-editor-layout-segment .lesson-editor-segmented-control button{min-width:0;padding-inline:5px;overflow-wrap:anywhere}.lesson-editor-layout-child-list--flat>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 0;border:0;border-bottom:1px solid rgb(255 255 255 / .08);background:transparent}.lesson-editor-layout-child-list--flat .lesson-editor-layout-stack-child-select{width:100%;text-align:left}.lesson-editor-layout-child-detail__head>div:first-child{min-width:0}.lesson-editor-inspector-breadcrumb,.lesson-editor-layout-child-detail__context{color:var(--muted)}.lesson-editor-layout-child-detail__head strong:focus{outline:2px solid var(--orange);outline-offset:3px}.content-block-layout-grid__item.is-inspector-selected{outline:2px solid var(--orange);outline-offset:4px}.learning-paths-hub.public-module-shell{--hub-surface: var(--public-panel-bg);--hub-surface-2: var(--public-card-bg);--hub-surface-3: var(--public-card-bg-hover);--hub-text: var(--public-text-primary);--hub-muted: var(--public-text-secondary);--hub-border: var(--public-border-subtle);--hub-accent: var(--public-accent-orange);display:grid;gap:clamp(24px,3.4vw,42px)}.learning-paths-hub.public-module-shell>.learning-paths-hub__header{border:0;border-bottom:1px solid var(--hub-border);border-radius:0;padding:clamp(18px,3.5vw,38px) 0 clamp(20px,3.5vw,34px);background:transparent;box-shadow:none}.learning-paths-hub.public-module-shell .learning-paths-hub__sections{display:grid;gap:30px}.learning-paths-feature{display:grid;gap:13px}.learning-paths-feature>header,.learning-paths-hub.public-module-shell .learning-paths-section__header{display:flex;align-items:center;gap:12px}.learning-paths-feature>header>svg{color:var(--hub-accent)}.learning-paths-feature>header span,.learning-paths-hub.public-module-shell .learning-paths-section__header span{color:var(--hub-accent);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.learning-paths-feature h2,.learning-paths-hub.public-module-shell .learning-paths-section__header h2{margin:2px 0;font-size:clamp(1.35rem,2vw,1.8rem)}.learning-paths-hub.public-module-shell .learning-path-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.learning-paths-hub.public-module-shell .learning-path-card{display:grid;grid-template-columns:136px minmax(180px,1fr) auto minmax(160px,.8fr) auto;grid-template-areas:"visual body meta sequence open";align-items:center;gap:clamp(12px,2vw,24px);min-height:96px;border:1px solid var(--hub-border);border-radius:10px;padding:10px 16px 10px 10px;color:var(--hub-text);background:var(--hub-surface);box-shadow:none;text-align:left}.learning-paths-hub.public-module-shell .learning-path-card:hover{border-color:color-mix(in srgb,var(--hub-accent) 65%,var(--hub-border));transform:translateY(-1px)}.learning-paths-hub.public-module-shell .learning-path-card__visual{grid-area:visual;width:136px}.learning-paths-hub.public-module-shell .learning-path-card__body{grid-area:body;padding:0}.learning-paths-hub.public-module-shell .learning-path-card__body strong{display:block;font-size:1.04rem}.learning-paths-hub.public-module-shell .learning-path-card__body p{margin:5px 0 0;font-size:.8rem;line-height:1.35;-webkit-line-clamp:2}.learning-paths-hub.public-module-shell .learning-path-card__meta{grid-area:meta;display:flex;gap:8px;margin:0;padding:0;border:0}.learning-paths-hub.public-module-shell .learning-path-card__meta span{white-space:nowrap}.learning-path-sequence{grid-area:sequence;display:flex;align-items:center;min-width:150px}.learning-path-sequence i{position:relative;z-index:1;display:grid;width:24px;height:24px;margin-right:9px;place-items:center;border:1px solid var(--hub-border);border-radius:50%;color:var(--hub-muted);background:var(--hub-surface-2);font-size:.68rem;font-style:normal}.learning-path-sequence i:not(:first-child):before{position:absolute;z-index:-1;right:100%;width:10px;height:1px;background:var(--hub-border);content:""}.learning-path-sequence svg{width:22px;color:var(--hub-muted)}.learning-path-card__open{grid-area:open;display:inline-flex;align-items:center;gap:8px;color:var(--hub-accent);font-size:.82rem;font-weight:850;white-space:nowrap}.learning-path-card__open svg{width:18px}.learning-paths-hub.public-module-shell .learning-path-card--featured{grid-template-columns:clamp(180px,19vw,270px) minmax(0,1fr) auto;grid-template-areas:"visual body open" "visual meta open" "visual sequence sequence";min-height:220px;padding:18px;border-color:color-mix(in srgb,var(--hub-accent) 45%,var(--hub-border));background:radial-gradient(circle at 78% 10%,color-mix(in srgb,var(--hub-accent) 9%,transparent),transparent 34%),var(--hub-surface)}.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-card__visual{width:100%;align-self:stretch}.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-card__body strong{font-size:clamp(1.45rem,2.6vw,2.15rem)}.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-sequence{width:100%}.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-sequence i{flex:0 0 28px;width:28px;height:28px}@media(max-width:1020px){.learning-paths-hub.public-module-shell .learning-path-card{grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"visual body open" "visual meta open" "visual sequence sequence"}.learning-paths-hub.public-module-shell .learning-path-card__visual{width:112px}}@media(max-width:680px){.learning-paths-hub.public-module-shell .learning-path-card,.learning-paths-hub.public-module-shell .learning-path-card--featured{grid-template-columns:94px minmax(0,1fr) auto;grid-template-areas:"visual body open" "meta meta meta" "sequence sequence sequence";min-height:0;padding:10px}.learning-paths-hub.public-module-shell .learning-path-card__visual,.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-card__visual{width:94px;align-self:center}.learning-paths-hub.public-module-shell .learning-path-card--featured .learning-path-card__body strong{font-size:1.2rem}.learning-path-card__open{font-size:0}.learning-paths-hub.public-module-shell .learning-path-card__meta{flex-wrap:wrap}.learning-path-sequence{min-width:0}}.teacher-student-chat-layout{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);min-height:600px;border:1px solid var(--hub-border, var(--line));border-radius:16px;overflow:hidden;background:var(--hub-surface, var(--panel))}.teacher-student-chat-roster{padding:18px;border-right:1px solid var(--hub-border, var(--line));background:var(--hub-surface-2, var(--panel-soft))}.teacher-student-chat-roster header h2{margin:4px 0 16px}.teacher-student-chat-roster__list{display:grid;gap:7px}.teacher-student-chat-roster__list button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;color:inherit;text-align:left;background:transparent;cursor:pointer}.teacher-student-chat-roster__list button:hover,.teacher-student-chat-roster__list button:focus-visible,.teacher-student-chat-roster__list button.is-active{border-color:color-mix(in srgb,var(--hub-accent, #ff6b00) 48%,var(--hub-border, #999));background:var(--hub-surface, var(--panel));outline:none}.teacher-student-chat-roster__list button span{display:grid;min-width:0;gap:3px}.teacher-student-chat-roster__list button small{overflow:hidden;color:var(--hub-muted, var(--muted));text-overflow:ellipsis;white-space:nowrap}.teacher-student-chat-roster__list button b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;color:#fff;background:var(--hub-accent, #ff6b00);font-size:.74rem}.teacher-student-chat-layout__thread{min-width:0}.teacher-student-chat{display:grid;grid-template-rows:auto minmax(280px,1fr) auto auto;min-height:560px;color:var(--hub-text, inherit);background:var(--hub-surface, var(--panel))}.student-organizer-read__panel .teacher-student-chat{min-height:min(620px,70vh);border:1px solid var(--hub-border, var(--line));border-radius:14px;overflow:hidden}.teacher-student-chat__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--hub-border, var(--line))}.teacher-student-chat__head>div{display:flex;align-items:center;gap:10px}.teacher-student-chat__head span{display:grid;gap:2px}.teacher-student-chat__head>span{display:inline-flex;grid-auto-flow:column;align-items:center;color:var(--hub-muted, var(--muted));font-size:.76rem}.teacher-student-chat__head small{color:var(--hub-muted, var(--muted))}.teacher-student-chat__messages{display:flex;min-height:280px;max-height:58vh;flex-direction:column;gap:10px;overflow-y:auto;padding:18px;background:color-mix(in srgb,var(--hub-surface-2, var(--panel-soft)) 72%,transparent)}.teacher-student-chat__message{width:fit-content;max-width:min(78%,680px);padding:10px 12px;border:1px solid var(--hub-border, var(--role-border, var(--line)));border-radius:4px 14px 14px;color:var(--hub-text, var(--role-text, var(--cream)));background:var(--hub-surface, var(--role-surface, var(--panel)));box-shadow:0 4px 14px #0000000d}.teacher-student-chat__message.is-own{align-self:flex-end;border-color:color-mix(in srgb,var(--hub-accent, var(--role-accent, #ff6b00)) 48%,var(--hub-border, var(--role-border, #999)));border-radius:14px 4px 14px 14px;color:var(--hub-text, var(--role-text, var(--cream)));background:color-mix(in srgb,var(--hub-accent, var(--role-accent, #ff6b00)) 13%,var(--hub-surface, var(--role-surface, var(--panel))))}.teacher-student-chat__message p{margin:4px 0 6px;white-space:pre-wrap;overflow-wrap:anywhere}.teacher-student-chat__message time{display:block;color:var(--hub-muted, var(--muted));font-size:.68rem;text-align:right}.teacher-student-chat__context{display:inline-flex;max-width:100%;padding:3px 7px;border-radius:999px;color:var(--hub-accent, #ff6b00);background:color-mix(in srgb,var(--hub-accent, #ff6b00) 11%,transparent);font-size:.7rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-student-chat__composer{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr) auto;gap:8px;align-items:end;padding:12px 14px;border-top:1px solid var(--hub-border, var(--line))}.teacher-student-chat__composer select,.teacher-student-chat__composer textarea{min-width:0;padding:10px;border:1px solid var(--hub-border, var(--role-border, var(--line)));border-radius:10px;color:var(--hub-text, var(--role-text, var(--cream)));background:var(--hub-surface-2, var(--role-inset, var(--panel-soft)));font:inherit}.teacher-student-chat__composer select{color-scheme:light}.role-workspace[data-role-theme=dark] .teacher-student-chat__composer select{color-scheme:dark}.teacher-student-chat__composer select option{color:var(--hub-text, var(--role-text, var(--cream)));background:var(--hub-surface, var(--role-surface, var(--panel)))}.teacher-student-chat__composer textarea{resize:vertical}.teacher-student-chat__error{margin:0;padding:6px 14px;color:var(--danger, #b42318);font-size:.78rem}.teacher-student-chat__empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;padding:28px;color:var(--hub-muted, var(--muted));text-align:center}.teacher-student-chat__empty strong{color:var(--hub-text, inherit)}.teacher-student-chat__empty p{max-width:420px;margin:0}@media(max-width:760px){.teacher-student-chat-layout{grid-template-columns:1fr;min-height:0}.teacher-student-chat-roster{border-right:0;border-bottom:1px solid var(--hub-border, var(--line))}.teacher-student-chat-roster__list{display:flex;overflow-x:auto}.teacher-student-chat-roster__list button{min-width:min(240px,78vw)}.teacher-student-chat{min-height:520px}.teacher-student-chat__messages{max-height:48vh;padding:12px}.teacher-student-chat__message{max-width:90%}.teacher-student-chat__composer{grid-template-columns:1fr auto}.teacher-student-chat__composer select{grid-column:1 / -1}.teacher-student-chat__composer .path-action span{display:none}}.student-asset-package-room{display:grid;gap:18px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px}.student-asset-package-room__head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--hub-border, var(--line));border-radius:16px;background:var(--hub-surface, var(--panel))}.student-asset-package-room__head h1{margin:4px 0 6px}.student-asset-package-room__head p{margin:0;color:var(--hub-muted, var(--muted))}.student-asset-package-room__items{display:grid;gap:16px}.student-asset-package-room__asset{min-width:0;overflow:hidden;border:1px solid var(--hub-border, var(--line));border-radius:16px;background:var(--hub-surface, var(--panel))}.student-asset-package-room__asset>p{padding:18px}.student-asset-package-room__asset-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--hub-border, var(--line))}.student-asset-package-room__asset-head>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:0}.student-asset-package-room__asset-head svg{grid-row:1 / 3;color:var(--hub-accent, #ff6b00)}.student-asset-package-room__asset-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-asset-package-room__asset-head small{color:var(--hub-muted, var(--muted))}.student-asset-package-room__asset img,.student-asset-package-room__asset video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#05080d}.student-asset-package-room__asset iframe{display:block;width:100%;min-height:70vh;border:0;background:#fff}.student-asset-package-room__asset.is-guitar-pro .lesson-preview{border:0}@media(max-width:680px){.student-asset-package-room{width:calc(100% - 16px);padding-top:8px}.student-asset-package-room__head{align-items:stretch;flex-direction:column;padding:14px}.student-asset-package-room__asset-head{align-items:stretch;flex-direction:column}.student-asset-package-room__asset-head .path-action{justify-content:center}.student-asset-package-room__asset iframe{min-height:60vh}}.module-hub,:where(.lesson-hub,.song-hub,.exercise-hub,.licks-hub,.scale-hub,.welcome-page){display:grid;min-width:0;max-width:100%;gap:clamp(16px,2.6vw,26px);overflow-wrap:break-word}.module-hub__header,:where(.lesson-hub__header,.song-hub__header,.exercise-hub__header,.licks-hub__header,.scale-hub__header,.welcome-hero,.lesson-detail-bar,.song-detail-bar,.exercise-detail-bar,.licks-detail-bar){min-width:0;max-width:100%}.module-hub__copy,:where(.lesson-hub__header-copy,.song-hub__header-copy,.exercise-hub__header-copy,.licks-hub__header-copy,.scale-hub__header-copy,.welcome-hero__copy,.song-category-hero__copy){min-width:0;max-width:100%}.module-hub__eyebrow,:where(.lesson-hub__header span,.song-hub__header span,.exercise-hub__header span,.licks-hub__header span,.scale-hub__header span,.welcome-section__head>span){max-width:100%;overflow-wrap:anywhere}.module-hub__title,:where(.lesson-hub__header h1,.song-hub__header h1,.exercise-hub__header h1,.licks-hub__header h1,.scale-hub__header h1,.welcome-hero h1,.lesson-detail-bar h1,.song-detail-bar h1,.exercise-detail-bar h1,.licks-detail-bar h1){max-width:100%;overflow-wrap:anywhere}.module-hub__lead,:where(.lesson-hub__header p,.song-hub__header p,.exercise-hub__header p,.licks-hub__header p,.scale-hub__header p,.welcome-hero p){max-width:760px;overflow-wrap:break-word}.module-hub__stats,:where(.lesson-hub__stats,.song-hub__stats,.exercise-hub__stats,.licks-hub__stats,.scale-hub__stats){flex:0 1 156px;min-width:min(156px,100%)}.module-section,:where(.lesson-hub-section,.song-hub-section,.exercise-hub-section,.licks-hub-section,.scale-hub-section,.welcome-section){display:grid;min-width:0;gap:14px}.module-section__head,:where(.lesson-hub-section__header,.song-hub-section__header,.exercise-hub-section__header,.licks-hub-section__header,.scale-hub-section__header,.welcome-section__head){min-width:0;max-width:100%}.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid,.welcome-feature-grid,.welcome-quick-grid,.welcome-article-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.module-grid--featured{align-items:stretch;gap:clamp(10px,1.8vw,16px)}.module-card,:where(.lesson-hub-card,.song-hub-card,.exercise-hub-card,.licks-hub-card,.scale-hub-card,.welcome-feature-card,.welcome-quick-card,.welcome-practice-card,.welcome-feed-item,.welcome-article-card){min-width:0;max-width:100%;width:100%;overflow-wrap:break-word}.module-card--featured,.module-card--compact{min-height:0}.module-card__visual,:where(.lesson-hub-card__visual,.song-hub-card__visual,.exercise-hub-card__visual,.licks-hub-card__visual,.scale-hub-card__visual,.welcome-card-visual,.welcome-practice-card__visual,.welcome-feed-item__visual,.welcome-article-card__visual){min-width:0;max-width:100%;overflow:hidden}.module-card__image,:where(.lesson-hub-card__visual img,.song-hub-card__visual img,.exercise-hub-card__visual img,.welcome-card-visual img,.welcome-practice-card__visual img,.welcome-feed-item__visual img,.welcome-article-card__visual img){display:block;max-width:100%;object-fit:cover;object-position:center 42%}:where(.lesson-hub-card__visual--photo img,.song-hub-card__visual--photo img,.exercise-hub-card__visual--photo img,.welcome-card-visual--photo img,.welcome-practice-card__visual--photo img,.welcome-feed-item__visual--photo img,.welcome-article-card__visual--photo img){object-position:center 35%}:where(.lesson-hub-card__visual--graphic img,.song-hub-card__visual--graphic img,.exercise-hub-card__visual--graphic img,.scale-hub-card__visual img,.licks-hub-card__visual img,.welcome-card-visual--graphic img,.welcome-practice-card__visual--graphic img,.welcome-feed-item__visual--graphic img,.welcome-article-card__visual--graphic img){object-fit:contain;object-position:center center}.module-card__body,:where(.lesson-hub-card__body,.song-hub-card__body,.exercise-hub-card__body,.licks-hub-card__body,.scale-hub-card__body,.welcome-feature-card__body,.welcome-practice-card__body,.welcome-feed-item__body,.welcome-article-card__body){min-width:0}.module-card__meta,:where(.lesson-hub-card__meta,.song-hub-card__meta,.exercise-hub-card__meta,.licks-hub-card__meta,.scale-hub-card__meta,.welcome-card-meta,.welcome-practice-card__meta){display:flex;min-width:0;flex-wrap:wrap}.module-card__title,:where(.lesson-hub-card h3,.song-hub-card h3,.exercise-hub-card h3,.scale-hub-card h3,.licks-hub-card__title,.welcome-feature-card h3,.welcome-quick-card h3,.welcome-practice-card h3,.welcome-feed-item h3,.welcome-article-card h3){max-width:100%;overflow-wrap:break-word}.module-card__text,:where(.lesson-hub-card p,.song-hub-card p,.exercise-hub-card p,.scale-hub-card p,.licks-hub-card__teaser,.welcome-feature-card p,.welcome-quick-card p,.welcome-practice-card p,.welcome-feed-item p,.welcome-article-card p){max-width:100%;overflow-wrap:break-word}.module-card__pill,:where(.lesson-hub-card__meta span,.song-hub-card__meta span,.exercise-hub-card__meta span,.licks-hub-card__meta span,.scale-hub-card__meta span,.welcome-chip,.welcome-card-meta span,.welcome-practice-card__meta strong){max-width:100%;overflow-wrap:anywhere;white-space:normal}:where(.lesson-detail-bar__back,.song-detail-bar__back,.exercise-detail-bar__back,.licks-detail-bar__back,.song-detail__meta span,.exercise-detail__meta span,.licks-detail__meta span,.song-slot-card__meta span,.song-status-badge){max-width:100%;overflow-wrap:anywhere;white-space:normal}:where(.lesson-detail-bar,.song-detail-bar,.exercise-detail-bar,.licks-detail-bar)>*,:where(.song-slot-card__body,.song-slot-card__meta,.song-detail__meta,.exercise-detail__meta,.licks-detail__meta)>*{min-width:0}@container main (max-width: 980px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@container main (max-width: 620px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:minmax(0,1fr)}}@media(max-width:1080px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.module-grid,:where(.lesson-hub-grid,.song-hub-grid,.exercise-hub-grid,.licks-hub-grid,.scale-hub-grid){grid-template-columns:minmax(0,1fr)}.module-hub__stats,:where(.lesson-hub__stats,.song-hub__stats,.exercise-hub__stats,.licks-hub__stats,.scale-hub__stats){border-left:0;padding-left:0;text-align:left}}.role-workspace{--sidebar: 276px;--role-accent: #f97316;--role-accent-rgb: 249 115 22;--role-success: #25801e;--role-warning: #b54708;--role-danger: #b42318;--color-bg: var(--role-page-bg);--color-surface: var(--role-surface);--color-surface-raised: var(--role-surface-raised);--color-text: var(--role-text);--color-text-muted: var(--role-muted);--color-border: var(--role-border);--color-bg-rgb: var(--role-page-bg-rgb);--color-surface-rgb: var(--role-surface-rgb);--color-surface-raised-rgb: var(--role-surface-raised-rgb);--color-text-rgb: var(--role-text-rgb);--bg: var(--role-page-bg);--bg2: var(--role-page-bg);--panel: var(--role-surface);--panel2: var(--role-surface-raised);--cream: var(--role-text);--muted: var(--role-muted);--soft: var(--role-muted);--color-muted: var(--role-muted);--line: var(--role-border);--shadow: var(--role-shadow-lg);--brand-bg: var(--role-page-bg);--brand-surface: var(--role-surface);--brand-surface-soft: var(--role-surface-raised);--brand-border: var(--role-border);--brand-text: var(--role-text);--brand-muted: var(--role-muted);--brand-light: var(--role-text);--brand-shadow-card: var(--role-shadow-lg);--public-page-bg: var(--role-page-bg);--public-app-bg: var(--role-page-bg);--public-module-bg: var(--role-surface);--public-surface-base: var(--role-surface);--public-surface-raised: var(--role-surface-raised);--public-surface-inset: var(--role-inset);--public-panel-bg: var(--role-surface);--public-card-bg: var(--role-surface);--public-card-bg-hover: var(--role-hover);--public-border-subtle: var(--role-border);--public-border-strong: var(--role-border-strong);--public-text-primary: var(--role-text);--public-text-secondary: var(--role-muted);--public-text-muted: var(--role-muted);--public-text-inverse: #ffffff;--public-shadow-panel: var(--role-shadow-lg);--public-shadow-card: var(--role-shadow-card)}.role-workspace[data-role-theme]{--role-page-bg: var(--page-background);--role-page-bg-rgb: var(--color-bg-rgb);--role-surface: var(--surface-primary);--role-surface-rgb: var(--color-surface-rgb);--role-surface-raised: var(--surface-secondary);--role-surface-raised-rgb: var(--color-surface-raised-rgb);--role-inset: var(--surface-subtle);--role-hover: var(--surface-hover);--role-text: var(--text-primary);--role-text-rgb: var(--color-text-rgb);--role-muted: var(--text-muted);--role-border: var(--border-subtle);--role-border-strong: var(--border-strong);--role-shadow-card: var(--app-shadow-sm);--role-shadow-lg: var(--app-shadow-lg)}.role-workspace[data-role-theme=light]{--role-topbar-bg: rgb(255 255 255 / .94);--role-overlay: rgb(17 24 39 / .52);--role-success-text: #166534;--role-warning-text: #92400e;--role-danger-text: #b42318;--role-success-surface: #ecfdf3;--role-success-border: #22c55e;--role-warning-surface: #fffaeb;--role-warning-border: #f59e0b;--role-danger-surface: #fff1f0;--role-danger-border: #ef4444}.role-workspace[data-role-theme=dark]{--role-topbar-bg: rgb(7 11 19 / .9);--role-overlay: rgb(0 0 0 / .72);--role-success-text: #86efac;--role-warning-text: #fcd34d;--role-danger-text: #fca5a5;--role-success-surface: rgb(34 197 94 / .12);--role-success-border: rgb(74 222 128 / .7);--role-warning-surface: rgb(245 158 11 / .13);--role-warning-border: rgb(252 211 77 / .65);--role-danger-surface: rgb(239 68 68 / .13);--role-danger-border: rgb(252 165 165 / .65)}.role-workspace .sidebar{background:linear-gradient(180deg,#090c0d,#101416);border-right:1px solid rgba(255,255,255,.08)}.role-workspace .sidebar-brand{margin-bottom:8px}.role-public-site-link{width:100%;margin:0 0 26px;padding:0 20px;border:0;background:transparent;color:#aeb5bd;font:inherit;font-size:.78rem;text-align:left;cursor:pointer}.role-public-site-link:hover,.role-public-site-link:focus-visible{color:#ff8500}.role-sidebar-nav{gap:8px}.role-sidebar-nav .nav-title{color:#818992;letter-spacing:.1em}.role-sidebar-nav .nav-btn{min-height:52px;grid-template-columns:28px 1fr;gap:12px;padding:0 18px;border-radius:10px;border-left:3px solid transparent;color:#d8dde1;font-size:.95rem}.role-sidebar-nav .nav-btn:hover{background:#ffffff0f;color:#fff}.role-sidebar-nav .nav-btn.active{color:#fff;border-left-color:#ff8500;background:linear-gradient(90deg,#ff85002e,#ffffff0f);box-shadow:none}.role-sidebar-nav .nav-ico{color:currentColor}.role-workspace .main{color:var(--role-text);background:var(--role-page-bg)}.role-workspace .topbar{min-height:64px;background:var(--role-topbar-bg);border-bottom:1px solid var(--role-border)}.role-workspace .stage{width:100%;max-width:1440px;padding:26px 30px 42px}.role-workspace .dashboard-shell{display:grid;gap:22px;width:100%}.role-workspace .dashboard-shell__header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.role-workspace .dashboard-shell__header:before,.role-workspace .dashboard-shell__header:after{display:none}.role-workspace .dashboard-shell__header-main{min-width:0}.role-workspace .dashboard-shell__header-copy .module-hub__title{margin:0;color:var(--role-text);font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1.05;letter-spacing:-.035em}.role-workspace .dashboard-shell__header-copy p{margin:8px 0 0;color:var(--role-muted);font-size:1rem}.dashboard-shell__header-actions{display:flex;align-items:center;gap:14px}.dashboard-shell__primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff9500,#ff6700);box-shadow:0 8px 20px #ff700038;color:#fff;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.dashboard-shell__primary-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.dashboard-demo-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid color-mix(in srgb,var(--role-accent) 34%,var(--role-border));border-radius:12px;padding:13px 16px;color:var(--role-text);background:color-mix(in srgb,var(--role-accent) 8%,var(--role-surface))}.dashboard-demo-notice strong{color:var(--role-accent)}.dashboard-demo-notice button{flex:0 0 auto;border:1px solid var(--role-accent);border-radius:8px;padding:8px 12px;color:var(--role-accent);background:transparent;font:inherit;font-weight:800;cursor:pointer}.dashboard-demo-notice button:hover,.dashboard-demo-notice button:focus-visible{background:rgb(var(--role-accent-rgb) / .1)}.role-dashboard-home{display:grid;gap:22px}.role-dashboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.role-workspace .teacher-dashboard-action-card.role-dashboard-action{min-height:126px;padding:20px;border:1px solid color-mix(in srgb,var(--role-accent) 24%,var(--role-border));border-radius:14px;background:linear-gradient(135deg,rgb(var(--role-accent-rgb) / .08),transparent 72%),var(--role-surface);box-shadow:var(--role-shadow-card);color:var(--role-text);text-align:left}.role-workspace .teacher-dashboard-action-card.role-dashboard-action--green{border-color:color-mix(in srgb,var(--role-success) 24%,var(--role-border));background:linear-gradient(135deg,color-mix(in srgb,var(--role-success) 10%,transparent),transparent 72%),var(--role-surface)}.role-workspace .teacher-dashboard-action-card__icon{width:50px;height:50px;flex:0 0 50px;border-radius:50%;background:rgb(var(--role-accent-rgb) / .12);color:var(--role-accent)}.role-workspace .role-dashboard-action--green .teacher-dashboard-action-card__icon{background:color-mix(in srgb,var(--role-success) 12%,transparent);color:var(--role-success)}.role-workspace .teacher-dashboard-action-card__copy strong{color:var(--role-text);font-size:1.02rem}.role-workspace .teacher-dashboard-action-card__copy small{color:var(--role-muted);line-height:1.45}.role-workspace .teacher-dashboard-action-card__arrow{color:var(--role-accent)}.role-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.role-dashboard-toolbox{scroll-margin-top:84px;padding:20px;border:1px solid var(--role-border);border-radius:14px;background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-dashboard-toolbox>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.role-dashboard-toolbox>header span{color:var(--role-accent);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.role-dashboard-toolbox>header h2{margin:3px 0 0;color:var(--role-text);font-size:1.12rem}.role-dashboard-toolbox>header p{max-width:390px;margin:0;color:var(--role-muted);font-size:.78rem;text-align:right}.role-dashboard-toolbox__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.role-dashboard-toolbox__grid button{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;min-width:0;padding:11px;color:var(--role-text);text-align:left;background:var(--role-raised);border:1px solid var(--role-border);border-radius:10px}.role-dashboard-toolbox__grid button>span{grid-row:1 / 3;display:grid;place-items:center;width:38px;height:38px;color:var(--role-accent);background:rgb(var(--role-accent-rgb) / .1);border-radius:9px}.role-dashboard-toolbox__grid strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.role-dashboard-toolbox__grid small{overflow:hidden;color:var(--role-muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.role-dashboard-toolbox__grid button:hover{border-color:color-mix(in srgb,var(--role-accent) 48%,var(--role-border));transform:translateY(-1px)}.role-dashboard-toolbox__grid button:focus-visible{outline:3px solid rgb(var(--role-accent-rgb) / .28);outline-offset:2px}.role-workspace .role-dashboard-panel{grid-column:span 1;min-width:0;border:1px solid var(--role-border);border-radius:14px;background:var(--role-surface);box-shadow:var(--role-shadow-card);color:var(--role-text)}.role-workspace .role-dashboard-panel--wide{grid-column:span 2}.role-workspace .role-dashboard-panel .module-card__body{height:100%;padding:20px}.role-workspace .role-dashboard-panel .module-card__meta{color:var(--role-accent)}.role-workspace .role-dashboard-panel h3{margin:5px 0 14px;color:var(--role-text);font-size:1.1rem}.role-workspace .dashboard-section-card__actions{margin-top:14px}.role-workspace .dashboard-section-card__actions .path-action{padding:0;border:0;background:transparent;color:var(--role-accent);box-shadow:none}.role-dashboard-rows{display:grid}.role-dashboard-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;border-top:1px solid var(--role-border);color:var(--role-text);text-decoration:none}.role-dashboard-row:first-child{border-top:0}.role-dashboard-row__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgb(var(--role-accent-rgb) / .12);color:var(--role-accent)}.role-dashboard-row strong,.role-dashboard-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-dashboard-row strong{font-size:.88rem}.role-dashboard-row small{margin-top:3px;color:var(--role-muted);font-size:.76rem}.role-dashboard-row__chevron{color:var(--role-muted);font-size:1.5rem}.role-dashboard-row[href]:hover strong{color:#e96800}.role-dashboard-empty-copy{margin:10px 0;color:var(--role-muted);line-height:1.5}.role-dashboard-inline-action{border:0;background:none;color:var(--role-accent);font:inherit;font-weight:700;cursor:pointer}.role-dashboard-metric{display:grid;grid-template-columns:36px auto 1fr;align-items:center;gap:9px;min-height:54px;border-top:1px solid var(--role-border)}.role-dashboard-metric:first-of-type{border-top:0}.role-dashboard-metric>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgb(var(--role-accent-rgb) / .12);color:var(--role-accent)}.role-dashboard-metric strong{font-size:1rem}.role-dashboard-metric small{color:var(--role-muted)}.role-dashboard-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:var(--role-muted)}.role-dashboard-progress svg{color:var(--role-success)}.role-dashboard-progress progress{grid-column:1 / -1;width:100%;height:7px;accent-color:var(--role-success)}.role-dashboard-progress--split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-dashboard-progress__group{display:grid;min-width:0;gap:7px}.role-dashboard-progress__group+.role-dashboard-progress__group{padding-left:16px;border-left:1px solid var(--role-border)}.role-dashboard-progress__group>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.role-dashboard-progress__group>span b{color:var(--role-text)}.role-dashboard-progress__group>strong{overflow:hidden;color:var(--role-muted);font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.role-dashboard-progress__group progress{width:100%;height:7px;accent-color:var(--role-success)}.role-theme-toggle{display:inline-grid;width:40px;height:40px;flex:0 0 40px;margin-left:auto;place-items:center;border:1px solid var(--role-border);border-radius:10px;color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card);cursor:pointer}.role-theme-toggle svg{width:19px;height:19px}.role-theme-toggle:hover{border-color:var(--role-border-strong);background:var(--role-hover)}.role-theme-toggle:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.role-workspace .topbar-account{margin-left:0}.teacher-assignment-history{display:grid;gap:18px}.teacher-assignment-history>header{display:grid;gap:5px}.teacher-assignment-history>header>span{color:var(--role-accent);font-size:.75rem;font-weight:850;letter-spacing:.08em}.teacher-assignment-history>header h2,.teacher-assignment-history>header p{margin:0}.teacher-assignment-history>header p{color:var(--role-muted)}.teacher-assignment-history__bulk{display:flex;min-height:48px;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--role-border);border-radius:12px;background:var(--role-surface-soft)}.teacher-assignment-history__bulk>strong{margin-right:auto}.teacher-assignment-history__bulk :is(button){display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid var(--role-border);border-radius:10px;color:var(--role-text);background:var(--role-surface);font:inherit;font-weight:800;cursor:pointer}.teacher-assignment-history__bulk button svg{width:17px;height:17px}.teacher-assignment-history__bulk-archive.is-confirm{color:var(--role-danger);border-color:color-mix(in srgb,var(--role-danger) 45%,var(--role-border))}.teacher-assignment-history__bulk-message{margin:-8px 0 0;font-size:.82rem}.teacher-assignment-history__bulk-message.is-error{color:var(--role-danger)}.teacher-assignment-history__bulk-message.is-success{color:var(--role-success)}.teacher-assignment-history__table{overflow:hidden;border:1px solid var(--role-border);border-radius:14px;background:var(--role-surface);box-shadow:var(--role-shadow-card)}.teacher-assignment-history__head,.teacher-assignment-history__row{display:grid;grid-template-columns:44px minmax(180px,1.5fr) minmax(150px,1fr) minmax(125px,.75fr) minmax(110px,.7fr) 44px;align-items:center;gap:10px;padding:6px 10px;border-inline-start:3px solid transparent}.teacher-assignment-history__head{color:var(--role-muted);background:var(--role-surface-soft);font-size:.72rem;font-weight:800;text-transform:uppercase}.teacher-assignment-history__row+.teacher-assignment-history__row{border-top:1px solid var(--role-border)}.teacher-assignment-history__row.is-open{border-inline-start-color:var(--role-danger)}.teacher-assignment-history__row.is-success{border-inline-start-color:var(--role-success)}.teacher-assignment-history__row.is-neutral{border-inline-start-color:var(--role-border-strong)}.teacher-assignment-history__row[aria-selected=true]{background:color-mix(in srgb,var(--role-accent) 7%,var(--role-surface))}.teacher-assignment-history__select{display:inline-grid;width:44px;height:44px;place-items:center;justify-self:center;border-radius:10px;cursor:pointer}.teacher-assignment-history__select input{width:18px;height:18px;accent-color:var(--role-accent);cursor:pointer}.teacher-assignment-history__select:has(input:disabled){cursor:not-allowed;opacity:.42}.teacher-assignment-history__select:focus-within,.teacher-assignment-history__bulk button:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.teacher-assignment-history__row>div{display:grid;min-width:0;gap:2px}.teacher-assignment-history__row :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-assignment-history__row small,.teacher-assignment-history__row time{color:var(--role-muted);font-size:.78rem}.teacher-assignment-history__status{justify-self:start;padding:4px 8px;border-radius:999px;font-size:.73rem;font-weight:800}.teacher-assignment-history__status.is-open{color:var(--role-accent);background:rgb(var(--role-accent-rgb) / .12)}.teacher-assignment-history__status.is-success{color:var(--role-success);background:color-mix(in srgb,var(--role-success) 12%,transparent)}.teacher-assignment-history__status.is-neutral{color:var(--role-muted);background:var(--role-surface-soft)}.teacher-assignment-history__open,.teacher-assignment-history__unavailable{display:inline-grid;width:44px;height:44px;place-items:center;justify-self:end;border-radius:10px}.teacher-assignment-history__open{color:var(--role-accent);border:1px solid var(--role-border);background:var(--role-surface-soft)}.teacher-assignment-history__open svg{width:17px;height:17px}.teacher-assignment-history__open:focus-visible,.teacher-assignment-history__more:focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.teacher-assignment-history__unavailable{color:var(--role-muted)}.teacher-assignment-history__more{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;justify-self:start;padding:8px 14px;border:1px solid var(--role-border);border-radius:10px;color:var(--role-text);background:var(--role-surface);font:inherit;font-weight:800;cursor:pointer}.teacher-assignment-history__error{color:var(--role-danger)}@media(max-width:760px){.teacher-assignment-history__head{display:none}.teacher-assignment-history__bulk{align-items:stretch;flex-wrap:wrap}.teacher-assignment-history__bulk>strong{width:100%}.teacher-assignment-history__row{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px 10px}.teacher-assignment-history__row>:nth-child(1){grid-column:1;grid-row:1 / span 4;align-self:start}.teacher-assignment-history__row>:nth-child(2),.teacher-assignment-history__row>:nth-child(3),.teacher-assignment-history__row>:nth-child(4),.teacher-assignment-history__row>:nth-child(5){grid-column:2}.teacher-assignment-history__row>:nth-child(6){grid-column:3;grid-row:1 / span 4}}.role-workspace :is(.current-profile-badge,.supabase-auth-panel),.role-workspace :is(.current-profile-badge__menu summary,.supabase-auth-panel__menu summary){color:var(--role-text)}.role-workspace :is(.current-profile-badge__menu[open] .current-profile-badge__actions,.supabase-auth-panel__account-menu[open] .supabase-auth-panel__account-popover,.supabase-auth-panel__login-menu[open] .supabase-auth-panel__form,.supabase-auth-panel--notice[open] .supabase-auth-panel__popover){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-lg)}.role-workspace :is(.current-profile-badge__action,.supabase-auth-panel button){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface-raised)}.role-workspace :is(.current-profile-badge__action.primary,.supabase-auth-panel__actions .primary){border-color:transparent;color:#fff;background:var(--role-accent)}.role-workspace .supabase-auth-panel input{border-color:var(--role-border);color:var(--role-text);background:var(--role-inset)}.role-workspace .supabase-auth-panel small{color:var(--role-muted)}.role-workspace .supabase-auth-panel__dev-smoke{border-top-color:var(--role-border)}.role-workspace :is(.module-card,.public-card,.dashboard-empty-state){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace :is(.module-card p,.module-card small,.dashboard-empty-state__copy){color:var(--role-muted)}.role-workspace :is(.path-action,.module-card button,.module-card input,.module-card select,.module-card textarea):focus-visible{outline:0;box-shadow:var(--public-focus-ring)}.role-workspace .preview-shell{color:var(--role-text);--preview-surface: var(--role-surface);--preview-raised: var(--role-surface-raised);--preview-inset: var(--role-inset);--preview-hover: var(--role-hover);--preview-border: var(--role-border)}.role-workspace :is(.preview-anchor,.preview-status,.preview-card,.preview-inner-card,.preview-focus-card,.preview-portal-selector,.preview-portal-hero,.preview-portal-balance){border-color:var(--preview-border);color:var(--role-text);background:var(--preview-surface);box-shadow:var(--role-shadow-card)}.role-workspace :is(.preview-card-head,.preview-student-header,.preview-organizer-nav__head,.preview-drawer-head,.preview-accordion-head){border-color:var(--preview-border);background:var(--preview-raised)}.role-workspace :is(.preview-anchor--quiet,.preview-student-card,.preview-student-card__credit,.preview-assignment-row,.preview-assignment-status-icon,.preview-text-button,.preview-student-organizer-nav,.preview-quiet-stat,.preview-search,.preview-compact-row,.preview-list-item,.preview-accordion,.preview-checkbox-field,.preview-field input,.preview-field select,.preview-field textarea,.preview-portal-selector select,.preview-form-total,.preview-rule-card,.preview-table,.preview-icon-button,.preview-chat,.preview-chat-bubble,.preview-chat-composer){border-color:var(--preview-border);color:var(--role-text);background:var(--preview-inset)}.role-workspace :is(.preview-student-card:hover,.preview-student-card:focus-visible,.preview-section-button:hover,.preview-section-button:focus-visible,.preview-compact-row:hover,.preview-button:hover,.preview-icon-button:hover){border-color:var(--role-border-strong);color:var(--role-text);background:var(--preview-hover)}.role-workspace :is(.preview-anchor h1,.preview-status h2,.preview-student-header h2,.preview-focus-card h2,.preview-card-head strong,.preview-list-item strong,.preview-inner-card strong,.preview-accordion-head strong,.preview-chat strong,.preview-compact-main strong,.preview-quiet-stat strong,.preview-check-item,.preview-timeline-item,.preview-assignment-row strong,.preview-assignment-detail p,.preview-field input,.preview-field select,.preview-field textarea,.preview-search input,.preview-portal-selector select,.preview-table td,.preview-chat-composer textarea){color:var(--role-text)}.role-workspace :is(.preview-anchor p,.preview-status p,.preview-muted,.preview-hint,.preview-student-card small,.preview-focus-card p,.preview-quiet-stat span,.preview-compact-main span,.preview-section-button,.preview-assignment-row,.preview-assignment-table__head,.preview-table th,.preview-chat-meta){color:var(--role-muted)}.role-workspace :is(.preview-pill--good,.preview-student-card__credit.is-good,.preview-assignment-status-icon.is-good,.preview-quiet-stat.is-good strong){color:var(--role-success-text)}.role-workspace :is(.preview-pill--warn,.preview-assignment-status-icon.is-warn,.preview-timeline-item time){color:var(--role-warning-text)}.role-workspace :is(.preview-pill--bad,.preview-student-card__credit.is-bad,.preview-assignment-remove,.preview-quiet-stat.is-bad strong,.preview-quiet-stat.is-warn strong){color:var(--role-danger-text)}.role-workspace :is(.preview-student-card__credit.is-good,.preview-quiet-stat.is-good,.preview-action-message){border-color:var(--role-success-border);color:var(--role-success-text);background:var(--role-success-surface)}.role-workspace :is(.preview-student-card__credit.is-bad,.preview-quiet-stat.is-bad){border-color:var(--role-danger-border);color:var(--role-danger-text);background:var(--role-danger-surface)}.role-workspace .preview-quiet-stat.is-warn{border-color:var(--role-warning-border);color:var(--role-warning-text);background:var(--role-warning-surface)}.role-workspace .preview-action-message{border-width:1px;border-style:solid}.role-workspace :is(.preview-field select option,.preview-portal-selector select option){color:var(--role-text);background:var(--role-surface)}.role-workspace .preview-drawer{border-left-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-lg)}.role-workspace .preview-drawer-backdrop{background:var(--role-overlay)}.role-workspace :is(.preview-assignment-detail,.preview-drawer-actions,.preview-table th,.preview-table td,.preview-accordion-head,.preview-chat-composer){border-color:var(--role-border)}.role-workspace :is(.teacher-lesson-list-notice,.teacher-lesson-list-message,.teacher-lesson-card,.teacher-lesson-list-empty,.teacher-lesson-entry-cta,.teacher-assignment-compact__form){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace .teacher-lesson-card:hover{border-color:color-mix(in srgb,var(--role-accent) 45%,var(--role-border));background:var(--role-hover)}.role-workspace :is(.teacher-lesson-card h3,.teacher-lesson-list-empty strong,.teacher-lesson-entry-cta strong){color:var(--role-text)}.role-workspace :is(.teacher-lesson-card__updated,.teacher-lesson-list-empty p,.teacher-lesson-entry-cta p){color:var(--role-muted)}.role-workspace .teacher-lesson-assignment-dialog{border-color:var(--role-border-strong);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-lg)}.role-workspace .teacher-lesson-assignment-dialog::backdrop{background:var(--role-overlay)}.role-workspace :is(.teacher-lesson-assignment-dialog__header,.teacher-lesson-assignment-dialog__footer){border-color:var(--role-border)}.role-workspace :is(.teacher-lesson-assignment-dialog__close,.teacher-lesson-assignment-dialog__student){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface-raised)}.role-workspace .teacher-lesson-assignment-dialog__search{border-color:var(--role-border);color:var(--role-muted);background:var(--role-inset)}.role-workspace .teacher-lesson-assignment-dialog__search input{color:var(--role-text)}.role-workspace .teacher-asset-library__toolbar{border-color:var(--role-border);background:var(--role-surface-raised)}.role-workspace .teacher-asset-library__search{border-color:var(--role-border);color:var(--role-muted);background:var(--role-inset)}.role-workspace .teacher-asset-library__search input{color:var(--role-text)}.role-workspace .teacher-asset-library__toolbar .admin-field select{border-color:var(--role-border);color:var(--role-text);background:var(--role-inset);color-scheme:light}.role-workspace[data-role-theme=dark] .teacher-asset-library__toolbar .admin-field select{color-scheme:dark}.role-workspace .teacher-asset-library__toolbar .admin-field select option{color:var(--role-text);background:var(--role-surface)}.role-workspace :is(.teacher-asset-library__main,.teacher-asset-library__detail-panel,.teacher-asset-library__upload-panel){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace .teacher-asset-library__item{border-color:var(--role-border);color:var(--role-text);background:var(--role-surface-raised)}.role-workspace :is(.teacher-asset-library__item:hover,.teacher-asset-library__item:focus-visible,.teacher-asset-library__item.selected){border-color:color-mix(in srgb,var(--role-accent) 45%,var(--role-border));background:rgb(var(--role-accent-rgb) / .09)}.role-workspace :is(.teacher-asset-library__item-facts div,.teacher-asset-library__facts div,.teacher-asset-library__debug div,.teacher-asset-library__version div,.teacher-asset-library__usage-detail li,.teacher-asset-library__file-input){border-color:var(--role-border);color:var(--role-text);background:var(--role-inset)}.role-workspace :is(.teacher-asset-library__status,.teacher-asset-library__usage-badge,.teacher-asset-library__message){color:var(--role-text);background:var(--role-surface-raised)}.role-workspace :is(.teacher-asset-library__status.archived,.teacher-asset-library__status.deleted,.teacher-asset-library__usage-badge.unused){border-color:var(--role-border);color:var(--role-muted);background:var(--role-inset)}.role-workspace .teacher-asset-library__usage-badge.unknown{color:var(--role-warning-text)}.role-workspace .marketplace-live-help{--marketplace-surface: var(--role-surface);--marketplace-surface-soft: var(--role-surface-raised);--marketplace-line: var(--role-border);--marketplace-copy: var(--role-muted);color:var(--role-text)}.role-workspace .marketplace-panel-heading{border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace :is(.marketplace-presence-card,.marketplace-metric-card,.marketplace-panel-card){border-color:var(--role-border);color:var(--role-text);background:var(--role-surface);box-shadow:var(--role-shadow-card)}.role-workspace :is(.marketplace-segmented,.marketplace-request-tabs,.marketplace-request-row){border-color:var(--role-border);color:var(--role-text);background:var(--role-inset)}.role-workspace :is(.marketplace-segmented button,.marketplace-request-tabs button,.marketplace-request-row__status time,.marketplace-pagination span){color:var(--role-muted)}.role-workspace :is(.marketplace-segmented button.active,.marketplace-request-tabs button.active){color:var(--role-text)}.role-workspace :is(.marketplace-presence-card span,.marketplace-metric-card span,.marketplace-panel-card__heading span){color:var(--role-muted)}.role-workspace :is(.marketplace-request-group>h3,.marketplace-request-row .marketplace-request-row__person){color:var(--role-text)}.role-workspace :is(.marketplace-live-help input,.marketplace-live-help textarea,.marketplace-live-help select){border-color:var(--role-border);color:var(--role-text);background:var(--role-inset)}.role-workspace .marketplace-live-help select option{color:var(--role-text);background:var(--role-surface)}.role-workspace .marketplace-live-help button.ghost{border-color:var(--role-border);color:var(--role-text);background:var(--role-surface-raised)}.role-workspace[data-role-theme=light] :is(.marketplace-request-row__actions button:not(.ghost),.marketplace-settings-form>button,.marketplace-panel-card__heading button:not(.ghost)){border-color:#ea580c;color:#fff;background:#f97316;box-shadow:0 8px 18px #f973162e}.role-workspace[data-role-theme=light] :is(.marketplace-request-row__actions button:not(.ghost),.marketplace-settings-form>button,.marketplace-panel-card__heading button:not(.ghost)):hover{background:#ea580c}.role-workspace .marketplace-settings-form>label:not(.marketplace-checkbox),.role-workspace .marketplace-checkbox,.role-workspace .marketplace-coming-soon legend,.role-workspace .marketplace-coming-soon label,.role-workspace .marketplace-coming-soon small{color:var(--role-muted)}.role-workspace .marketplace-coming-soon{border-color:var(--role-border)}@media(max-width:1100px){.role-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard-actions{grid-template-columns:1fr}.role-dashboard-toolbox__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-workspace .teacher-dashboard-action-card.role-dashboard-action{min-height:104px}}@media(max-width:820px){.role-workspace .stage{padding:18px 16px 34px}.role-workspace .topbar{min-height:58px}.role-workspace .dashboard-shell{gap:18px}.role-workspace .dashboard-shell__header{align-items:stretch;flex-direction:column;gap:16px}.dashboard-shell__primary-action{width:100%}.role-dashboard-actions,.role-dashboard-grid,.role-dashboard-grid--contents{grid-template-columns:1fr}.role-dashboard-toolbox>header{align-items:start;flex-direction:column}.role-dashboard-toolbox>header p{text-align:left}.role-dashboard-toolbox__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard-progress--split{grid-template-columns:1fr}.role-dashboard-progress__group+.role-dashboard-progress__group{padding-top:12px;padding-left:0;border-top:1px solid var(--role-border);border-left:0}.role-workspace .role-dashboard-panel,.role-workspace .role-dashboard-panel--wide{grid-column:1}.role-workspace .teacher-dashboard-action-card.role-dashboard-action{min-height:108px}}@media(max-width:430px){.role-workspace .dashboard-shell__header-copy .module-hub__title{font-size:1.75rem}.role-workspace .role-dashboard-panel .module-card__body{padding:17px}.role-dashboard-row{grid-template-columns:34px minmax(0,1fr) auto}.role-dashboard-toolbox{padding:14px}.role-dashboard-toolbox__grid{grid-template-columns:1fr}.student-dashboard-toolbox .role-dashboard-toolbox__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-dashboard-toolbox .role-dashboard-toolbox__grid button{grid-template-columns:34px minmax(0,1fr);padding:9px}.student-dashboard-toolbox .role-dashboard-toolbox__grid button>span{width:34px;height:34px}.student-dashboard-toolbox .role-dashboard-toolbox__grid small{display:none}}@media(max-width:340px){.student-dashboard-toolbox .role-dashboard-toolbox__grid{grid-template-columns:1fr}}