.spinner{border-radius:50%;border:2px solid var(--c-border);border-top-color:var(--c-primary);animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.spinner--sm{width:16px;height:16px}.spinner--md{width:28px;height:28px}.spinner--lg{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.toast-list{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-bg-surface);font-size:.875rem;min-width:240px;max-width:360px;pointer-events:all;box-shadow:var(--shadow-md)}.toast--success{border-color:color-mix(in srgb,var(--c-success) 50%,transparent)}.toast--error{border-color:color-mix(in srgb,var(--c-danger) 50%,transparent);color:var(--c-danger)}.toast--info{border-color:color-mix(in srgb,var(--c-primary) 50%,transparent)}.toast__message{flex:1}.toast__close{background:none;border:none;color:var(--c-text-muted);padding:.125rem .25rem;cursor:pointer;line-height:1;font-size:1rem}.toast__close:hover{color:var(--c-text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--c-bg: #f8f8f8;--c-bg-surface: #ffffff;--c-bg-elevated: #f0efed;--c-border: #e5e5e5;--c-primary: #3d0d12;--c-primary-hover: #5a1218;--c-primary-subtle: rgba(61, 13, 18, .08);--c-primary-border: rgba(61, 13, 18, .25);--c-text: #1a1a1a;--c-text-muted: #595959;--c-danger: #b91c1c;--c-success: #166534;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--sidebar-width: 252px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--font-heading: "Merriweather", "Georgia", "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--c-bg: #121212;--c-bg-surface: #1c1c1c;--c-bg-elevated: #252525;--c-border: #2c2c2c;--c-primary: #e0505e;--c-primary-hover: #f06070;--c-primary-subtle: rgba(224, 80, 94, .12);--c-primary-border: rgba(224, 80, 94, .3);--c-text: #f1f1f1;--c-text-muted: #b0b0b0;--c-danger: #e05555;--c-success: #4ade80;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .55)}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:1rem;background-color:var(--c-bg);color:var(--c-text);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.layout{display:flex;height:100%}.layout__body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:2rem;background-color:var(--c-bg)}.sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;height:100%;background-color:var(--c-bg-surface);border-right:1px solid var(--c-border);transition:transform .25s ease}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem 1.25rem 1.25rem;border-bottom:1px solid var(--c-border)}.sidebar__logo{font-size:1rem;font-weight:700;color:var(--c-primary);letter-spacing:-.01em}.sidebar__close{display:none;background:none;border:none;color:var(--c-text-muted);font-size:1.1rem;cursor:pointer;line-height:1;padding:.25rem .375rem;border-radius:var(--r-sm);transition:color .12s,background-color .12s}.sidebar__close:hover{color:var(--c-text);background-color:var(--c-bg-elevated)}.sidebar__nav{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:.625rem;padding:.55rem .875rem;border-radius:var(--r-sm);color:var(--c-text-muted);font-size:.875rem;font-weight:500;transition:color .12s,background-color .12s}.sidebar__link:hover{color:var(--c-text);background-color:var(--c-bg-elevated)}.sidebar__link.active{color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 12%,transparent)}.sidebar__group{margin-top:.5rem;display:flex;flex-direction:column;gap:2px}.sidebar__group-label{display:flex;align-items:center;gap:.625rem;padding:.4rem .875rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);opacity:.65;-webkit-user-select:none;user-select:none}.sidebar__link--child{padding-left:2.25rem;font-size:.845rem}.students-section{margin-bottom:2rem}.students-section__title{font-size:1rem;font-weight:600;color:var(--c-text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--c-border)}.students-table{width:100%;border-collapse:collapse;font-size:.875rem}.students-table th,.students-table td{padding:.6rem .875rem;text-align:left;border-bottom:1px solid var(--c-border)}.students-table th{font-weight:600;color:var(--c-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.students-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge--active{background-color:color-mix(in srgb,var(--c-success) 15%,transparent);color:var(--c-success)}.status-badge--completed{background-color:color-mix(in srgb,var(--c-primary) 15%,transparent);color:var(--c-primary)}.status-badge--dropped{background-color:color-mix(in srgb,var(--c-danger) 15%,transparent);color:var(--c-danger)}.sidebar__footer{padding:1rem;border-top:1px solid var(--c-border)}.sidebar__user{display:flex;flex-direction:column;margin-bottom:.75rem}.sidebar__user-name{font-size:.875rem;font-weight:600}.sidebar__user-role{font-size:.75rem;color:var(--c-text-muted);text-transform:capitalize}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:199}.mobile-topbar{display:none;align-items:center;gap:.875rem;height:56px;padding:0 1rem;background-color:var(--c-bg-surface);border-bottom:1px solid var(--c-border);flex-shrink:0}.mobile-topbar__title{font-size:1rem;font-weight:700;color:var(--c-primary);letter-spacing:-.01em}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--r-sm);flex-shrink:0;transition:background-color .12s}.hamburger:hover{background-color:var(--c-bg-elevated)}.hamburger span{display:block;width:100%;height:2px;background-color:var(--c-text);border-radius:2px;transition:transform .2s,opacity .2s}@media(max-width:767px){.mobile-topbar{display:flex}.sidebar-overlay,.sidebar__close{display:block}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.main-content{padding:1.25rem 1rem}}.auth-layout{min-height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--c-bg);padding:2rem 1rem}.auth-card{width:100%;max-width:400px;padding:2.25rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.auth-card__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:.375rem}.auth-card__subtitle{color:var(--c-text-muted);font-size:.875rem;margin-bottom:1.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.form-hint{font-size:.8125rem;font-weight:400;color:var(--c-text-muted)}.form-input{width:100%;padding:.625rem .875rem;min-height:44px;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-size:.9375rem;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.form-input--sm{min-height:36px;padding:.35rem .5rem;font-size:.875rem;width:auto;flex:0 0 auto}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-subtle)}.form-input.error{border-color:var(--c-danger)}.form-error{margin-top:.375rem;font-size:.8rem;color:var(--c-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.375rem;min-height:44px;border-radius:var(--r-md);font-size:.9375rem;font-weight:500;font-family:var(--font-body);border:none;transition:background-color .15s,box-shadow .15s,opacity .15s}.btn--primary{background-color:var(--c-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background-color:var(--c-primary-hover);box-shadow:var(--shadow-md)}.btn--ghost{background-color:transparent;color:var(--c-text-muted);border:1px solid var(--c-border)}.btn--ghost:hover:not(:disabled){color:var(--c-text);background-color:var(--c-bg-elevated);border-color:color-mix(in srgb,var(--c-text-muted) 40%,transparent)}.btn--full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.page__header{margin-bottom:2rem}.page__title{font-family:var(--font-heading);font-size:1.625rem;font-weight:700;margin-bottom:.375rem}.page__subtitle{color:var(--c-text-muted);font-size:.9rem}.card{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.stat-card{display:flex;flex-direction:column;gap:.5rem}.stat-card__icon{font-size:1.5rem}.stat-card__label{font-size:.875rem;color:var(--c-text-muted);font-weight:500}.stat-card__value{font-size:2.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--c-text)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.course-card{display:flex;flex-direction:column;gap:.5rem}.course-card__title{font-size:1rem;font-weight:600}.course-card__description{font-size:.875rem;color:var(--c-text-muted);flex:1}.course-card__footer{margin-top:.75rem}.badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em}.badge--success{background-color:var(--c-success);color:#fff}.badge--muted{background-color:var(--c-border);color:var(--c-text-muted)}.alert{padding:.75rem 1rem;border-radius:var(--r-md);font-size:.875rem;margin-bottom:1.25rem}.alert--error{background-color:color-mix(in srgb,var(--c-danger) 10%,var(--c-bg-surface));border:1px solid color-mix(in srgb,var(--c-danger) 35%,transparent);color:var(--c-danger)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-text-muted);font-size:.875rem}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.not-found__code{font-size:5rem;font-weight:800;color:var(--c-primary);letter-spacing:-.04em}.not-found__message,.text-muted{color:var(--c-text-muted)}.page__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page__header-actions{display:flex;gap:.5rem;flex-shrink:0}.btn--sm{padding:.375rem .875rem;min-height:36px;font-size:.8125rem}.btn--danger{background-color:transparent;color:var(--c-danger);border:1px solid color-mix(in srgb,var(--c-danger) 40%,transparent)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--c-danger) 9%,var(--c-bg-surface));border-color:var(--c-danger)}.course-card__top{margin-bottom:.5rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--c-border);margin-bottom:1.5rem}.tab{background:none;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--c-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab:hover{color:var(--c-text)}.tab--active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tab-panel__actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.lesson-list{display:flex;flex-direction:column;gap:.5rem}.lesson-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.lesson-row__order{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--c-bg-elevated);border-radius:var(--r-sm);font-size:.75rem;font-weight:600;color:var(--c-text-muted);flex-shrink:0}.lesson-row__info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.lesson-row__title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-row__desc{font-size:.75rem;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-row__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.student-table{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.student-table__head,.student-table__row{display:grid;grid-template-columns:1fr 1fr 120px;gap:1rem;padding:.75rem 1rem}.student-table__head{background-color:var(--c-bg-elevated);font-size:.75rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.student-table__row{border-top:1px solid var(--c-border);font-size:.875rem;align-items:center}.student-table__row:hover{background-color:var(--c-bg-surface)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--c-border)}.modal__title{font-size:1rem;font-weight:600}.modal__close{background:none;border:none;color:var(--c-text-muted);font-size:1rem;line-height:1;padding:.25rem;border-radius:var(--r-sm);transition:color .12s}.modal__close:hover{color:var(--c-text)}.modal__body{padding:1.5rem}.modal--practice{max-width:520px}.modal__body--flush{padding:0}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--c-text-muted);margin-bottom:1.5rem}.breadcrumb__link{color:var(--c-text-muted);background:none;border:none;padding:0;font-size:inherit;font-family:inherit;transition:color .12s}.breadcrumb__link:hover{color:var(--c-text)}.breadcrumb__sep{color:var(--c-border)}.editor-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}}.editor-meta{display:flex;flex-direction:column;gap:0;position:sticky;top:1rem}.editor-meta .form-group:last-of-type{margin-bottom:1rem}.editor-canvas{min-height:200px}.block-editor{display:flex;flex-direction:column;gap:0}.block-editor__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;text-align:center;border:2px dashed var(--c-border);border-radius:var(--r-md);margin-bottom:1rem}.block-editor__empty-icon{font-size:2rem}.block-editor__empty-text{font-size:.9375rem;font-weight:600}.block-editor__empty-sub{font-size:.8125rem;color:var(--c-text-muted)}.block-editor__list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.block-editor__add-row{display:flex;gap:.75rem;align-items:center;padding:.875rem 1rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.block-editor__type-select{flex:1;min-width:0}.block-card{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;transition:border-color .12s}.block-card:focus-within{border-color:var(--c-primary)}.block-card__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;background-color:var(--c-bg-elevated);border-bottom:1px solid var(--c-border);gap:.5rem}.block-card__badge{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.block-card__icon{font-style:normal}.block-card__actions{display:flex;align-items:center;gap:2px}.block-card__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--r-sm);color:var(--c-text-muted);font-size:.7rem;transition:color .12s,background-color .12s;line-height:1}.block-card__btn:hover:not(:disabled){color:var(--c-text);background-color:var(--c-bg-surface)}.block-card__btn:disabled{opacity:.25;cursor:not-allowed}.block-card__btn--danger:hover:not(:disabled){color:var(--c-danger);background-color:color-mix(in srgb,var(--c-danger) 12%,transparent)}.block-card__body{padding:1rem}.block-form{display:flex;flex-direction:column;gap:0}.block-form__row{display:flex;gap:.75rem}.block-form__row--tight{align-items:center;gap:.4rem}.block-form__row .form-group{flex:1}.block-form__narrow{flex:0 0 90px!important}.block-form__preview{margin-top:.5rem;border-radius:var(--r-sm);overflow:hidden}.block-form__image-preview{display:block;max-width:100%;max-height:200px;object-fit:contain;border-radius:var(--r-sm)}.block-form__options{display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}.block-form__quiz-option{display:flex;align-items:center;gap:.5rem}.block-form__quiz-option .form-input{flex:1}.block-form__radio{flex-shrink:0;width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:3.5rem 1.5rem;text-align:center;border:1px dashed var(--c-border);border-radius:var(--r-lg)}.empty-state__text{color:var(--c-text-muted);font-size:.9375rem;max-width:36ch;line-height:1.6}.student-course-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .1s}.student-course-card:hover{border-color:var(--c-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.student-course-card__icon{font-size:1.75rem}.student-course-card__body{flex:1}.student-course-card__title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.student-course-card__desc{font-size:.8125rem;color:var(--c-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.page__meta{margin-top:.5rem;font-size:.8125rem;color:var(--c-text-muted)}.back-link{display:inline-block;font-size:.8125rem;color:var(--c-text-muted);margin-bottom:1rem;transition:color .12s}.back-link:hover{color:var(--c-primary)}.module-list{display:flex;flex-direction:column;gap:.625rem}.module-item{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;transition:border-color .12s}.module-item--open{border-color:color-mix(in srgb,var(--c-primary) 40%,var(--c-border))}.module-item__header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;color:var(--c-text);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .12s}.module-item__header:hover{background-color:var(--c-bg-elevated)}.module-item__chevron{font-size:.75rem;color:var(--c-text-muted);flex-shrink:0;transition:transform .15s}.module-item__title{flex:1}.module-item__count{font-size:.75rem;font-weight:500;color:var(--c-text-muted)}.lesson-list{list-style:none;border-top:1px solid var(--c-border)}.lesson-list__empty{padding:.875rem 1rem;font-size:.8125rem;color:var(--c-text-muted)}.lesson-list__item{border-bottom:1px solid var(--c-border)}.lesson-list__item:last-child{border-bottom:none}.lesson-list__link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;color:var(--c-text);transition:background-color .12s}.lesson-list__link:hover{background-color:var(--c-bg-elevated)}.lesson-list__num{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--c-bg-elevated);border-radius:50%;font-size:.7rem;font-weight:700;color:var(--c-text-muted);flex-shrink:0}.lesson-list__title{flex:1;font-size:.875rem}.lesson-list__arrow{font-size:.8rem;color:var(--c-text-muted);transition:transform .1s}.lesson-list__link:hover .lesson-list__arrow{transform:translate(3px);color:var(--c-primary)}.lesson-page__nav{margin-bottom:1.5rem}.lesson-page__header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--c-border)}.lesson-page__title{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.lesson-page__meta{font-size:.8125rem;color:var(--c-text-muted)}.block-renderer{display:flex;flex-direction:column;gap:2rem}.br-empty{color:var(--c-text-muted);font-size:.875rem}.br-heading{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--c-text)}.block-renderer>*+.br-heading{margin-top:.5rem}.br-heading--1{font-size:1.875rem;letter-spacing:-.01em}.br-heading--2{font-size:1.5rem}.br-heading--3{font-size:1.1875rem;font-style:italic}.br-text{font-size:1.0625rem;line-height:1.8;color:var(--c-text)}.br-image{margin:0}.br-image img{max-width:100%;width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--c-border);display:block}.br-image__caption{margin-top:.5rem;font-size:.8rem;color:var(--c-text-muted);text-align:center}.br-media{width:100%;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background-color:var(--c-bg-elevated)}.br-media__player{width:100%;display:block;border-radius:0;background-color:transparent}.br-practice{background-color:color-mix(in srgb,var(--c-primary) 8%,var(--c-bg-surface));border:1px solid color-mix(in srgb,var(--c-primary) 30%,transparent);border-radius:var(--r-lg);padding:1.25rem 1.5rem}.br-practice__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.br-practice__icon{font-size:1.25rem}.br-practice__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-primary)}.br-practice__instruction{font-size:1.0625rem;line-height:1.7;margin-bottom:.875rem}.br-practice__meta{display:flex;gap:1.5rem;font-size:.875rem;margin-bottom:.75rem}.br-practice__meta dt{display:inline;color:var(--c-text-muted);margin-right:.25rem}.br-practice__meta dd{display:inline;font-weight:600;margin-right:1rem}.br-practice__tempo-btn{font:inherit;font-weight:600;color:inherit;background:none;border:1px solid color-mix(in srgb,var(--c-primary) 35%,transparent);border-radius:.3rem;padding:.05rem .4rem;cursor:pointer;transition:background-color .12s,color .12s,border-color .12s;text-decoration:none;line-height:inherit}.br-practice__tempo-btn:hover{background-color:color-mix(in srgb,var(--c-primary) 10%,transparent);border-color:var(--c-primary);color:var(--c-primary)}.br-practice__tempo-btn:active{background-color:color-mix(in srgb,var(--c-primary) 18%,transparent)}.br-practice__notes{font-size:.875rem;color:var(--c-text-muted);border-top:1px solid color-mix(in srgb,var(--c-primary) 20%,transparent);padding-top:.75rem;margin-top:.5rem}.br-practice__start-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.875rem;padding:.45rem .875rem;font-size:.8125rem;font-weight:600;color:#fff;background-color:var(--c-primary);border:none;border-radius:var(--r-md);cursor:pointer;transition:background-color .12s,opacity .12s}.br-practice__start-btn:hover{opacity:.88}.br-practice__start-btn:active{opacity:.75}.br-quiz{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem}.br-quiz__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.br-quiz__icon{font-size:1.1rem}.br-quiz__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted)}.br-quiz__question{font-size:1.0625rem;font-weight:600;line-height:1.6;margin-bottom:1.25rem}.br-quiz__options{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.br-quiz__option{display:flex;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.75rem 1rem;background-color:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-family:inherit;font-size:.9375rem;text-align:left;cursor:pointer;transition:background-color .12s,border-color .12s}.br-quiz__option:hover:not(:disabled){background-color:var(--c-bg-surface);border-color:var(--c-primary)}.br-quiz__option:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.br-quiz__option:disabled{cursor:default}.br-quiz__option--correct{background-color:color-mix(in srgb,var(--c-success) 12%,var(--c-bg-surface));border-color:var(--c-success);color:var(--c-success)}.br-quiz__option--wrong{background-color:color-mix(in srgb,var(--c-danger) 12%,transparent);border-color:var(--c-danger);color:var(--c-danger)}.br-quiz__option--reveal{background-color:color-mix(in srgb,var(--c-success) 7%,var(--c-bg-surface));border-color:color-mix(in srgb,var(--c-success) 40%,transparent)}.br-quiz__option-marker{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--c-bg);border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.br-quiz__feedback{font-size:.9375rem;font-weight:600;padding:.625rem 0}.br-quiz__feedback--correct{color:var(--c-success)}.br-quiz__feedback--wrong{color:var(--c-danger)}.br-chord-grid{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem}.br-chord-grid__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.br-chord-grid__icon{color:var(--c-primary);flex-shrink:0}.br-chord-grid__title{font-size:.9375rem;font-weight:600;color:var(--c-text)}.br-chord-grid__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted)}.br-chord-grid__diagrams{display:flex;flex-wrap:wrap;gap:1.5rem 2rem}.br-chord-grid__audio-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--c-border)}.br-chord-grid__inst-picker{display:flex;gap:.25rem;flex-wrap:wrap}.br-chord-grid__inst-btn{padding:.2rem .55rem;font-size:.75rem;font-weight:500;color:var(--c-text-muted);background:transparent;border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);cursor:pointer;transition:border-color .1s,color .1s,background-color .1s;line-height:1.5;white-space:nowrap}.br-chord-grid__inst-btn:hover{border-color:var(--c-primary-border);color:var(--c-primary)}.br-chord-grid__inst-btn--active{border-color:var(--c-primary);color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 10%,transparent)}.br-chord-grid__arp-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--c-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.br-chord-grid__arp-check{accent-color:var(--c-primary);width:14px;height:14px;cursor:pointer}.br-gen-audio{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s}.br-gen-audio--playing{border-color:color-mix(in srgb,var(--c-primary) 55%,transparent)}.br-gen-audio__header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.br-gen-audio__icon{color:var(--c-primary);flex-shrink:0}.br-gen-audio__title{font-size:.9rem;font-weight:600;color:var(--c-text);flex:1 1 auto;min-width:0}.br-gen-audio__meta-badges{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.br-gen-audio__badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.725rem;font-weight:500;color:var(--c-text-muted);background-color:color-mix(in srgb,var(--c-border) 60%,transparent);border-radius:.3rem;padding:.1rem .45rem}.br-gen-audio__badge--timbre{color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 12%,transparent)}.br-gen-audio__badge--loop{color:var(--c-accent, var(--c-primary));background-color:color-mix(in srgb,var(--c-accent, var(--c-primary)) 12%,transparent)}.br-gen-audio__badge--rhythm{color:color-mix(in srgb,var(--c-primary) 80%,var(--c-text));background-color:color-mix(in srgb,var(--c-primary) 10%,transparent)}.br-gen-audio__chords{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.br-gen-audio__chord{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.35rem .7rem;font-size:1rem;font-weight:700;font-family:var(--font-body);color:var(--c-text);background-color:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);transition:background-color .12s,border-color .12s,color .12s,transform .1s}.br-gen-audio__chord--active{color:#fff;background-color:var(--c-primary);border-color:var(--c-primary);transform:scale(1.08);box-shadow:0 2px 8px color-mix(in srgb,var(--c-primary) 35%,transparent)}.br-gen-audio__controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.br-gen-audio__play-btn,.br-gen-audio__stop-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:var(--r-md);cursor:pointer;transition:opacity .12s,background-color .12s}.br-gen-audio__play-btn{color:#fff;background-color:var(--c-primary)}.br-gen-audio__play-btn:hover{opacity:.88}.br-gen-audio__stop-btn{color:#fff;background-color:color-mix(in srgb,var(--c-primary) 75%,black)}.br-gen-audio__stop-btn:hover{opacity:.88}.br-gen-audio__meta-note{font-size:.75rem;color:var(--c-text-muted)}.br-gen-audio__tempo-label{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto}.br-gen-audio__tempo-text{font-size:.75rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.br-gen-audio__tempo-input{width:3.8rem;padding:.25rem .4rem;font-size:.875rem;font-weight:600;text-align:center;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.br-gen-audio__tempo-input::-webkit-inner-spin-button,.br-gen-audio__tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.br-gen-audio__tempo-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 20%,transparent)}.cg-diagram{margin:0;display:flex;flex-direction:column;align-items:center;gap:.375rem}.cg-diagram__svg{overflow:visible;display:block}.cg-diagram__name{font-size:.9375rem;font-weight:700;color:var(--c-text);text-align:center;font-family:var(--font-body)}.cg-nut{fill:var(--c-text)}.cg-fret-line{stroke:var(--c-border);stroke-width:1}.cg-string-line{stroke:var(--c-text-muted);stroke-width:1.5}.cg-string-label,.cg-fret-label{fill:var(--c-text-muted);font-family:var(--font-body)}.cg-open{fill:none;stroke:var(--c-text-muted);stroke-width:1.5}.cg-mute{fill:var(--c-text-muted);font-family:var(--font-body);-webkit-user-select:none;user-select:none}.cg-dot{fill:var(--c-text)}.cg-dot--root{fill:var(--c-primary)}@media(prefers-color-scheme:dark){.cg-dot--root{fill:var(--c-primary)}}.cg-dot-finger{fill:var(--c-bg-surface);font-family:var(--font-body);pointer-events:none}.cg-dot--active{filter:brightness(1.45) saturate(1.3)}.cg-dot--root.cg-dot--active{filter:brightness(1.5) saturate(1.4)}.cg-open--active{stroke:var(--c-primary);fill:color-mix(in srgb,var(--c-primary) 18%,transparent);stroke-width:2}.cg-string-line--active{stroke:color-mix(in srgb,var(--c-primary) 65%,var(--c-text-muted));stroke-width:2}.cg-diagram__play-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.75rem;font-weight:600;color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-primary) 30%,transparent);border-radius:var(--r-sm, 4px);cursor:pointer;transition:background-color .12s,border-color .12s;line-height:1.5;white-space:nowrap}.cg-diagram__play-btn:hover:not(:disabled){background:color-mix(in srgb,var(--c-primary) 18%,transparent);border-color:var(--c-primary)}.cg-diagram__play-btn:disabled{opacity:.4;cursor:not-allowed}.cg-editor{gap:.75rem}.cg-editor__grids{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.cg-editor__grid-card{background-color:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-width:220px}.cg-editor__grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.cg-editor__grid-toolbar-left{display:flex;align-items:center;gap:.25rem}.cg-editor__grid-num{font-size:.75rem;color:var(--c-text-muted);min-width:2.5rem;text-align:center}.cg-editor__grid-meta{display:flex;gap:.5rem;align-items:flex-end}.cg-editor__grid-meta .form-group{margin-bottom:0}.cg-editor__fretboard-wrap{overflow:hidden;display:flex;justify-content:center;padding:.25rem 0}.cg-editor__hint{font-size:.7rem;color:var(--c-text-muted);line-height:1.4;margin:0}.cg-editor__finger-row{display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--c-border);padding-top:.5rem;margin-top:.25rem}.cg-editor__finger-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem}.cg-editor__finger-label{font-size:.7rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase}.cg-editor__finger-input{width:2.75rem;text-align:center;padding:.25rem;font-size:.8125rem}.cg-editor__mute-strip{display:flex;justify-content:center;gap:4px;padding:.25rem 0}.cg-editor__mute-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:26px;padding:.25rem 0;border:1px solid var(--c-border);border-radius:var(--r-sm);background:none;cursor:pointer;color:var(--c-text-muted);transition:background-color .12s,border-color .12s,color .12s}.cg-editor__mute-btn:hover{background-color:var(--c-bg-surface);border-color:var(--c-text-muted);color:var(--c-text)}.cg-editor__mute-btn--active{background-color:color-mix(in srgb,var(--c-danger) 10%,var(--c-bg));border-color:var(--c-danger);color:var(--c-danger)}.cg-editor__mute-btn--active:hover{background-color:color-mix(in srgb,var(--c-danger) 18%,var(--c-bg))}.cg-editor__mute-btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.cg-editor__mute-label{font-size:.625rem;font-weight:700;line-height:1;text-transform:uppercase}.cg-editor__mute-icon{font-size:.75rem;line-height:1}.cg-open--interactive{opacity:.6;transition:opacity .12s}.cg-open--interactive:hover,.cg-open--interactive:focus-visible{opacity:1;outline:none}.lesson-viewer{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}.lesson-viewer__main{min-width:0}.lesson-viewer__feedback{position:sticky;top:1rem}@media(max-width:1024px){.lesson-viewer{grid-template-columns:1fr}.lesson-viewer__feedback{position:static}}.lesson-focus{margin:-2rem;display:flex;align-items:stretch;min-height:calc(100vh + -0px)}.lesson-focus__content{flex:1;min-width:0}.lesson-focus__content-inner{max-width:900px;padding:2.5rem 3rem 5rem}.lesson-focus__panel{width:360px;flex-shrink:0;position:sticky;top:-2rem;height:100vh;overflow-y:auto;border-left:1px solid var(--c-border);background-color:var(--c-bg-surface);display:flex;flex-direction:column}.lesson-focus__panel-inner{display:flex;flex-direction:column;flex:1;min-height:0}.lesson-focus__panel .panel-tabs{border-radius:0;border-top:none;flex-shrink:0}.lesson-focus__panel-body{flex:1;min-height:0;overflow-y:auto}.lesson-focus__panel .practice-panel{border-top:none;border-left:none;border-right:none;border-radius:0}.lesson-focus__panel .fb-panel{border:none;border-radius:0}.lesson-focus__nav{margin-bottom:1.75rem}.lesson-focus__header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--c-border)}.lesson-focus__title{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:.5rem;color:var(--c-text)}.lesson-focus__meta{font-size:.8125rem;color:var(--c-text-muted)}.lesson-focus__blocks,.lesson-focus__blocks p,.lesson-focus__blocks li{line-height:1.7}.lesson-focus__panel .practice-panel__timer{font-size:3.5rem}.lesson-focus__fab,.lesson-focus__timer-bar{display:none}@media(max-width:1024px){.lesson-focus{flex-direction:column;min-height:unset;margin:-1.25rem -1rem}.lesson-focus__content{min-width:0}.lesson-focus__content-inner{padding:1.5rem 1.25rem 6rem;font-size:1rem}.lesson-focus__panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;max-height:80vh;border-left:none;border-top:1px solid var(--c-border);border-radius:var(--r-lg) var(--r-lg) 0 0;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:40;box-shadow:0 -4px 24px #0000001a}.lesson-focus__panel--open{transform:translateY(0)}.lesson-focus__panel-inner:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--c-border);margin:.625rem auto 0;flex-shrink:0}.lesson-focus__fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;right:1.5rem;width:52px;height:52px;border-radius:50%;background-color:var(--c-primary);color:#fff;border:none;cursor:pointer;z-index:41;box-shadow:0 4px 16px #3d0d124d;transition:transform .18s ease,background-color .18s ease}.lesson-focus__fab:hover{background-color:color-mix(in srgb,var(--c-primary) 85%,white);transform:scale(1.05)}.lesson-focus__fab--open{background-color:var(--c-text-muted)}.lesson-focus__fab-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background-color:var(--c-success);border:2px solid var(--c-primary)}.lesson-focus__timer-bar{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:0;left:0;right:0;padding:.625rem 1rem;background-color:var(--c-bg-surface);font-size:.8125rem;font-weight:600;color:var(--c-text);z-index:38;cursor:pointer;text-align:left;border:none;border-top:1px solid var(--c-border);width:100%}.lesson-focus__timer-bar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--c-success);margin-left:auto;flex-shrink:0}.lesson-focus__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:39;border:none;cursor:default;padding:0}}.fb-panel{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.fb-panel__header{display:flex;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--c-border)}.fb-panel__title{font-size:.875rem;font-weight:600}.fb-panel__empty{padding:1.5rem 1rem}.fb-create{padding:1.25rem}.fb-create__prompt{font-size:.8125rem;color:var(--c-text-muted);margin-bottom:1rem;line-height:1.55}.fb-create__notice{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--c-text-muted);background:color-mix(in srgb,var(--c-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--c-primary) 20%,transparent);border-radius:.375rem;padding:.5rem .75rem;margin-bottom:1rem;line-height:1.4}.fb-thread{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-md, 10px);background:var(--c-bg-surface);overflow:hidden}.fb-thread__header{display:flex;align-items:center;justify-content:space-between;padding:.6875rem 1.125rem;border-bottom:1px solid var(--c-border);background:var(--c-bg-elevated);gap:.75rem;flex-wrap:wrap}.fb-thread__status-row{display:flex;align-items:center;gap:.875rem}.fb-thread__pill{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.fb-thread__pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fb-thread__pill--open{background:color-mix(in srgb,var(--c-success) 13%,transparent);color:var(--c-success)}.fb-thread__pill--open .fb-thread__pill-dot{background:var(--c-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-success) 28%,transparent)}.fb-thread__pill--resolved{background:color-mix(in srgb,var(--c-text-muted) 12%,transparent);color:var(--c-text-muted)}.fb-thread__pill--resolved .fb-thread__pill-dot{background:var(--c-text-muted)}.fb-thread__msg-count{display:inline-flex;align-items:center;gap:.3125rem;font-size:.8125rem;color:var(--c-text-muted)}.fb-thread__resolve-btn{display:inline-flex;align-items:center;gap:.375rem;color:var(--c-text-muted);transition:color .15s,border-color .15s}.fb-thread__resolve-btn:hover:not(:disabled){color:var(--c-success);border-color:color-mix(in srgb,var(--c-success) 50%,transparent)}.fb-thread__messages{display:flex;flex-direction:column;padding:0 1.125rem;max-height:480px;overflow-y:auto;scroll-behavior:smooth}.fb-thread__no-messages{padding:2.25rem 0;text-align:center;font-size:.875rem;color:var(--c-text-muted)}.fb-thread__response-notice{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--c-text-muted);background:color-mix(in srgb,var(--c-primary) 5%,transparent);border-top:1px solid color-mix(in srgb,var(--c-primary) 15%,transparent);padding:.5rem 1.125rem;line-height:1.5}.fb-thread__error{margin:.5rem 1.125rem 0}.fb-thread__reply{border-top:1px solid var(--c-border);padding:.875rem 1.125rem 1rem;display:flex;flex-direction:column;gap:.5rem}.fb-thread__textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--r-md, 8px);background:var(--c-bg-surface);color:var(--c-text);font-size:.9375rem;font-family:var(--font-body);line-height:1.6;resize:none;min-height:84px;max-height:300px;overflow-y:auto;display:block;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.fb-thread__textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 16%,transparent)}.fb-thread__textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--c-bg-elevated)}.fb-thread__textarea::placeholder{color:var(--c-text-muted);opacity:.75}.fb-thread__reply-footer{display:flex;align-items:center;gap:.625rem}.fb-thread__hint{font-size:.75rem;color:var(--c-text-muted);display:inline-flex;align-items:center;gap:.2rem}.fb-thread__hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .3rem;border:1px solid var(--c-border);border-bottom-width:2px;border-radius:4px;font-size:.6875rem;font-family:inherit;background:var(--c-bg-elevated);color:var(--c-text-muted);line-height:1}.fb-thread__char-count{font-size:.75rem;color:var(--c-text-muted);min-width:3ch;text-align:right}.fb-thread__char-count--warn{color:#d97706;font-weight:600}.fb-thread__send-btn{margin-left:auto;min-height:40px;display:inline-flex;align-items:center;gap:.375rem;padding:0 1.125rem}.fb-thread__resolved-banner{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.125rem;border-top:1px solid var(--c-border);font-size:.875rem;color:var(--c-text-muted);background:var(--c-bg-elevated)}.fb-msg{display:grid;grid-template-columns:34px 1fr;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--c-border)}.fb-msg:last-child{border-bottom:none}.fb-msg__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0;margin-top:2px;-webkit-user-select:none;user-select:none}.fb-msg__avatar--teacher,.fb-msg__avatar--admin{background:color-mix(in srgb,var(--c-primary) 18%,transparent);color:var(--c-primary)}.fb-msg__avatar--student{background:var(--c-bg-elevated);color:var(--c-text-muted);border:1px solid var(--c-border)}.fb-msg__content{display:flex;flex-direction:column;gap:.375rem;min-width:0}.fb-msg__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.fb-msg__name{font-size:.875rem;font-weight:600;color:var(--c-text);line-height:1}.fb-msg--mine .fb-msg__name{color:var(--c-primary)}.fb-msg__role{font-size:.6875rem;font-weight:700;text-transform:capitalize;padding:.125rem .4375rem;border-radius:9999px;line-height:1.2}.fb-msg__role--teacher,.fb-msg__role--admin{background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary)}.fb-msg__role--student{background:var(--c-bg-elevated);color:var(--c-text-muted);border:1px solid var(--c-border)}.fb-msg__time{font-size:.6875rem;color:var(--c-text-muted);margin-left:auto;white-space:nowrap}.fb-msg__body{font-size:.9rem;line-height:1.65;color:var(--c-text);word-break:break-word;padding:.625rem .875rem;border-radius:var(--r-md, 8px);border:1px solid var(--c-border);background:var(--c-bg-surface)}.fb-msg--mine .fb-msg__body{background:color-mix(in srgb,var(--c-primary) 6%,var(--c-bg-surface));border-color:color-mix(in srgb,var(--c-primary) 22%,transparent)}.feedback-list{display:flex;flex-direction:column;gap:.75rem}.feedback-card{display:block;text-decoration:none;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s}.feedback-card:hover{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-subtle)}.feedback-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.feedback-card__lesson{font-weight:600;color:var(--c-text);font-size:.95rem}.feedback-card__course{font-size:.8rem;color:var(--c-text-muted);margin-bottom:.5rem}.feedback-card__meta{display:flex;gap:1rem;font-size:.8rem;color:var(--c-text-muted);flex-wrap:wrap}.status-badge--open{background:color-mix(in srgb,var(--c-success) 15%,transparent);color:var(--c-success)}.status-badge--closed,.status-badge--resolved{background:color-mix(in srgb,var(--c-text-muted) 15%,transparent);color:var(--c-text-muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text-muted);font-size:1rem;transition:color .15s,background-color .15s,border-color .15s;flex-shrink:0}.theme-toggle:hover{color:var(--c-text);background-color:var(--c-bg-elevated);border-color:color-mix(in srgb,var(--c-text-muted) 50%,transparent)}.sidebar__footer-actions{display:flex;align-items:center;gap:.5rem}.sidebar__footer-actions .btn{flex:1}.sidebar__settings-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--c-text-secondary);text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar__settings-link:hover,.sidebar__settings-link:focus-visible{background:var( --c-surface-hover, color-mix(in srgb, var(--c-primary) 8%, transparent) );color:var(--c-text-primary)}.sidebar__settings-link.active{background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary);font-weight:600}:root,[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}body,.sidebar,.main-content,.auth-layout,.card,.modal,.fb-panel,.toast{transition:background-color .25s ease,border-color .25s ease,color .25s ease}.spinner{transition:none}.dash__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--c-border)}.dash__header-text{flex:1;min-width:0}.dash__title{font-family:var(--font-heading);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.375rem}.dash__subtitle{font-size:1rem;color:var(--c-text-muted);line-height:1.5}.dash__section{margin-bottom:3rem}.dash__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.dash__section-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--c-text)}.dash__view-all{font-size:.875rem;color:var(--c-primary);text-decoration:none;white-space:nowrap;transition:opacity .15s}.dash__view-all:hover{opacity:.75;text-decoration:underline}.teacher-course-card{display:flex;flex-direction:column;gap:.875rem}.teacher-course-card__header{display:flex;align-items:flex-start;gap:.75rem}.teacher-course-card__title{font-size:1.0625rem;font-weight:600;color:var(--c-text);margin-bottom:.375rem}.teacher-course-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.teacher-course-card__students{font-size:.8125rem;color:var(--c-text-muted)}.teacher-course-card__desc{font-size:.9375rem;color:var(--c-text-muted);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.teacher-course-card__actions{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--c-border);flex-wrap:wrap}.enroll-card{display:flex;flex-direction:column;gap:.875rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .1s}.enroll-card:hover{border-color:var(--c-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.enroll-card__title{font-size:1.0625rem;font-weight:600;color:var(--c-text);margin-bottom:.25rem}.enroll-card__desc{font-size:.9375rem;color:var(--c-text-muted);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.enroll-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--c-border);gap:.75rem;flex-wrap:wrap}.enroll-card__cta{font-size:.875rem;font-weight:600;color:var(--c-primary);display:flex;align-items:center;gap:.25rem;white-space:nowrap}.feedback-card__preview{font-size:.875rem;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;padding-top:.5rem;border-top:1px solid var(--c-border);margin-top:.125rem}.skeleton{position:relative;overflow:hidden;background-color:var(--c-bg-elevated);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-text-muted) 10%,transparent) 50%,transparent 100%);animation:skeleton-sweep 1.6s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media(max-width:900px){.dash__title{font-size:1.625rem}}@media(max-width:600px){.dash__title{font-size:1.375rem}.stat-card__value{font-size:2rem}.dash__section{margin-bottom:2rem}.card-grid{grid-template-columns:1fr}}.settings-page{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.settings-page__header{padding-bottom:.5rem;border-bottom:1px solid var(--c-border)}.settings-page__header h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--c-text-primary);margin:0 0 .25rem}.settings-page__subtitle{font-size:.9375rem;color:var(--c-text-secondary);margin:0}.settings-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.settings-card__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--c-text-primary);margin:0}.settings-card__desc{font-size:.875rem;color:var(--c-text-secondary);margin:-.5rem 0 0;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-form__field{display:flex;flex-direction:column;gap:.375rem}.settings-form__label{font-size:.875rem;font-weight:500;color:var(--c-text-primary)}.settings-form__input{width:100%;padding:.5625rem .875rem;border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text-primary);font-size:.9375rem;font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease}.settings-form__input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted)}.settings-form__input--readonly{background:var(--c-surface-alt, var(--c-surface));color:var(--c-text-secondary);cursor:not-allowed;opacity:.8}.settings-form__hint{font-size:.8125rem;color:var(--c-text-secondary)}.settings-form__status{font-size:.875rem;font-weight:500;padding:.625rem .875rem;border-radius:var(--radius-md);margin:0}.settings-form__status--success{background:color-mix(in srgb,#22c55e 12%,transparent);color:#166534;border:1px solid color-mix(in srgb,#22c55e 30%,transparent)}[data-theme=dark] .settings-form__status--success{color:#86efac;background:color-mix(in srgb,#22c55e 15%,transparent);border-color:color-mix(in srgb,#22c55e 30%,transparent)}.settings-form__status--error{background:color-mix(in srgb,var(--c-danger, #ef4444) 10%,transparent);color:color-mix(in srgb,var(--c-danger, #ef4444) 90%,#000);border:1px solid color-mix(in srgb,var(--c-danger, #ef4444) 25%,transparent)}[data-theme=dark] .settings-form__status--error{color:color-mix(in srgb,var(--c-danger, #ef4444) 90%,#fff)}.settings-form__actions{display:flex;justify-content:flex-end;padding-top:.25rem}@media(max-width:480px){.settings-form__row{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn--danger-ghost{color:var(--c-danger, #ef4444);border:1.5px solid var(--c-danger, #ef4444);background:transparent}.btn--danger-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger, #ef4444) 10%,transparent)}.status-badge--admin{background:color-mix(in srgb,var(--c-primary) 15%,transparent);color:var(--c-primary);border-color:color-mix(in srgb,var(--c-primary) 30%,transparent)}.status-badge--teacher{background:color-mix(in srgb,#7c6fe0 15%,transparent);color:#7c6fe0;border-color:color-mix(in srgb,#7c6fe0 30%,transparent)}.status-badge--student{background:color-mix(in srgb,var(--c-success, #22c55e) 12%,transparent);color:color-mix(in srgb,var(--c-success, #22c55e) 80%,#000);border-color:color-mix(in srgb,var(--c-success, #22c55e) 25%,transparent)}[data-theme=dark] .status-badge--student{color:color-mix(in srgb,var(--c-success, #22c55e) 80%,#fff)}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius-lg, 12px);border:1px solid var(--c-border)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:.625rem .875rem;border-bottom:1px solid var(--c-border);text-align:left;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table thead th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);background:var(--c-surface-raised, var(--c-surface))}.admin-table tbody tr:hover{background:color-mix(in srgb,var(--c-primary) 4%,transparent)}.admin-table__name strong{display:block;font-size:.9375rem;font-weight:500;color:var(--c-text)}.admin-table__email{display:block;font-size:.8125rem;color:var(--c-text-muted);margin-top:.1rem}.admin-table__no-name{font-style:italic;color:var(--c-text-muted)}.admin-table__muted{color:var(--c-text-muted);font-size:.875rem}.admin-table__actions{display:flex;gap:.5rem;align-items:center}.enrollment-courses-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.enrollment-courses-list__item{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding:.375rem 0}.enrollment-courses-list__item+.enrollment-courses-list__item{border-top:1px solid var(--c-border)}.enrollment-courses-list__title{flex:1;min-width:8rem;font-size:.9rem;font-weight:500;color:var(--c-text)}.enrollment-courses-list__date{white-space:nowrap;font-size:.8125rem}.page__toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.pagination__info{font-size:.875rem;color:var(--c-text-muted)}.admin-dash-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:.25rem}.admin-dash-link{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg, 12px);text-decoration:none;color:var(--c-text);transition:box-shadow .15s ease,transform .15s ease}.admin-dash-link:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--c-primary) 12%,transparent);transform:translateY(-2px);border-color:var(--c-primary)}.admin-dash-link__icon{font-size:2rem;line-height:1;flex-shrink:0}.admin-dash-link__text{display:flex;flex-direction:column;gap:.2rem}.admin-dash-link__title{font-weight:600;font-size:1rem}.admin-dash-link__desc{font-size:.8125rem;color:var(--c-text-muted)}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:700px){.admin-detail-grid{grid-template-columns:1fr}}.admin-enroll-card{grid-column:1 / -1}.admin-danger-card{border-color:color-mix(in srgb,var(--c-danger, #ef4444) 30%,var(--c-border))}.admin-dl{display:grid;gap:0}.admin-dl__row{display:grid;grid-template-columns:7rem 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--c-border);font-size:.9rem;align-items:baseline}.admin-dl__row:last-child{border-bottom:none}.admin-dl__row dt{font-weight:500;color:var(--c-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.admin-enroll-form{display:flex;flex-direction:column;gap:.5rem}.admin-enroll-form__row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.admin-enroll-form__row .form-input{flex:1;min-width:0}.sidebar__section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-muted);padding:.25rem .75rem;margin-top:.5rem}.btn--secondary{background-color:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn--secondary:hover:not(:disabled){background-color:var(--c-bg-elevated);border-color:color-mix(in srgb,var(--c-text-muted) 50%,transparent)}.btn--success{background-color:var(--c-success);color:#fff;border:none;box-shadow:var(--shadow-sm)}.btn--success:hover:not(:disabled){opacity:.88;box-shadow:var(--shadow-md)}.panel-tabs{display:flex;border-bottom:1px solid var(--c-border);background-color:var(--c-bg-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}.panel-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .5rem;font-size:.8125rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--c-text-muted);transition:background .15s,color .15s,border-color .15s}.panel-tab:hover:not(.panel-tab--active){background-color:color-mix(in srgb,var(--c-primary) 5%,transparent);color:var(--c-text)}.panel-tab--active{color:var(--c-primary);border-bottom-color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 6%,transparent)}.panel-tab__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--c-success);flex-shrink:0}.practice-panel{display:flex;flex-direction:column;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-top:none;border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}.practice-panel--standalone{border-top:1px solid var(--c-border);border-radius:var(--r-lg)}.practice-panel__preview-notice{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background-color:color-mix(in srgb,var(--c-warning, #f59e0b) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-warning, #f59e0b) 30%,transparent);font-size:.7rem;font-weight:500;color:var(--c-warning-text, #92400e);letter-spacing:.01em}.practice-panel__timer-area{padding:1.75rem 1rem 1.25rem;text-align:center;background-color:color-mix(in srgb,var(--c-primary) 4%,transparent);border-bottom:1px solid var(--c-border)}.practice-panel__timer{font-size:3rem;font-weight:300;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;letter-spacing:.06em;color:var(--c-text);line-height:1;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.practice-panel__status-row{display:flex;align-items:center;justify-content:center;gap:.4rem}.practice-panel__status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.practice-panel__status-dot--running{background-color:var(--c-success)}.practice-panel__status-dot--paused{background-color:color-mix(in srgb,var(--c-text-muted) 70%,transparent)}.practice-panel__status-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-muted)}.practice-panel__topic{padding:1rem 1rem 0;display:flex;flex-direction:column;gap:.375rem}.practice-panel__topic-label{font-size:.8rem;font-weight:600;color:var(--c-text)}.practice-panel__topic-input{font-size:.9375rem}.practice-panel__topic-active{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);background-color:var(--c-bg-elevated);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-panel__controls{padding:.875rem 1rem;border-bottom:1px solid var(--c-border)}.practice-panel__controls .btn--full{display:flex;align-items:center;justify-content:center;gap:.4rem}.practice-panel__action-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.practice-panel__discard{padding-left:.625rem;padding-right:.625rem;margin-left:auto}.practice-panel__save-line{display:flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.375rem 1rem;border-bottom:1px solid var(--c-border)}.practice-panel__save-line--ok{color:var(--c-success);background-color:color-mix(in srgb,var(--c-success) 8%,transparent)}.practice-panel__save-line--err{color:var(--c-danger);background-color:color-mix(in srgb,var(--c-danger) 6%,transparent)}.practice-panel__body{padding:1rem;display:flex;flex-direction:column;gap:.875rem}.practice-panel__notes-wrap{border:1px solid var(--c-border);border-radius:.5rem;overflow:hidden;background-color:var(--c-bg)}.practice-panel__notes-header{display:flex;align-items:center;gap:.375rem;padding:.45rem .75rem;background-color:var(--c-bg-elevated);border-bottom:1px solid var(--c-border);font-size:.78rem;font-weight:600;color:var(--c-text)}.practice-panel__notes-count{margin-left:auto;font-size:.7rem;font-weight:400;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.practice-panel__notes-textarea{display:block;width:100%;overflow:hidden;resize:none;border:none;outline:none;background:transparent;color:var(--c-text);font-size:.875rem;font-family:var(--font-body);line-height:1.6;padding:.625rem .75rem;box-sizing:border-box;min-height:5rem}.practice-panel__notes-textarea::placeholder{color:var(--c-text-muted);opacity:.7}.metronome{border:1px solid var(--c-border);border-radius:.5rem;padding:.75rem;background-color:var(--c-bg-elevated);display:flex;flex-direction:column;gap:.5rem}.metronome__header{display:flex;align-items:center;gap:.5rem}.metronome__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--c-primary);opacity:.18;flex-shrink:0;transition:opacity .18s ease-out}.metronome--active .metronome__pulse{opacity:.35}.metronome__pulse--on{opacity:.85;transition:opacity .03s linear}.metronome__title{font-size:.8125rem;font-weight:600;color:var(--c-text);flex:1}.metronome__bpm-controls{display:flex;align-items:center;gap:.25rem}.metronome__step-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid var(--c-border);background-color:var(--c-bg);color:var(--c-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background-color .12s,color .12s}.metronome__step-btn:hover{background-color:var(--c-bg-surface);color:var(--c-text)}.metronome__step-btn:active{background-color:var(--c-bg-elevated)}.metronome__bpm-input{width:2.75rem;text-align:center;padding:.2rem .1rem;border:1px solid var(--c-border);border-radius:.375rem;background-color:var(--c-bg);color:var(--c-text);font-size:.875rem;font-family:var(--font-body);font-variant-numeric:tabular-nums}.metronome__bpm-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-subtle)}.metronome__bpm-input::-webkit-inner-spin-button,.metronome__bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metronome__bpm-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.metronome__bpm-label{font-size:.7rem;color:var(--c-text-muted);font-weight:500;flex-shrink:0}.metronome__slider{width:100%;accent-color:var(--c-primary);cursor:pointer;margin:0}.metronome__toggle{display:flex;align-items:center;justify-content:center;gap:.375rem}.backing-panel{border-top:1px solid var(--c-border);padding-top:.25rem}.backing-panel__toggle{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;padding:.4rem 0;font-size:.72rem;font-weight:700;color:var(--c-text-muted);cursor:pointer;text-align:left;min-height:36px;letter-spacing:.06em;text-transform:uppercase;transition:color .15s}.backing-panel__toggle:hover{color:var(--c-text)}.backing-panel__toggle:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:3px}.backing-panel__toggle>span:first-of-type{flex:1}.backing-panel__live-dot{width:6px;height:6px;border-radius:50%;background:var(--c-primary);animation:pulse-dot 1.4s ease-in-out infinite;flex-shrink:0}.backing-panel__body{display:flex;flex-direction:column;gap:.5rem;padding:.35rem 0 .5rem}.backing-panel__row{display:flex;align-items:center;gap:.5rem}.backing-panel__label{font-size:.72rem;color:var(--c-text-muted);width:78px;flex-shrink:0}.backing-panel__select{flex:1;font-size:.8rem;padding:.28rem .4rem;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);min-height:30px;cursor:pointer;transition:border-color .15s}.backing-panel__select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 18%,transparent)}.backing-panel__select--sm{flex:0 0 auto;width:72px}.backing-panel__chords{display:flex;flex-wrap:wrap;gap:.25rem;padding:.15rem 0}.backing-panel__chord-pill{font-size:.7rem;font-weight:600;padding:.12rem .42rem;border-radius:4px;background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);border:1px solid color-mix(in srgb,var(--c-primary) 28%,transparent);letter-spacing:.01em}.backing-panel__actions{margin-top:.15rem}@media(max-width:1024px){.practice-panel{border-radius:var(--r-lg);border-top:1px solid var(--c-border)}.panel-tabs{border-radius:var(--r-lg) var(--r-lg) 0 0}}.journal-page__header{margin-bottom:2rem}.journal-page__title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.journal-page__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--c-text);line-height:1.2}.journal-page__subtitle{font-size:.9375rem;color:var(--c-text-muted)}.journal-page__controls{display:flex;align-items:center;gap:.75rem}.journal-page__month-select{min-width:180px;padding-top:.4375rem;padding-bottom:.4375rem;font-size:.875rem}.journal-page__section{margin-bottom:2.5rem}.journal-page__section-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--c-text);margin-bottom:1rem}.journal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.journal-stat{display:flex;align-items:center;gap:.875rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.125rem 1.25rem}.journal-stat__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:.5rem;background-color:color-mix(in srgb,var(--c-primary) 8%,transparent);color:var(--c-primary)}.journal-stat__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.journal-stat__value{font-size:1.5rem;font-weight:700;color:var(--c-text);line-height:1.1;font-variant-numeric:tabular-nums}.journal-stat__unit{font-size:.875rem;font-weight:500;color:var(--c-text-muted)}.journal-stat__label{font-size:.75rem;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-stat--skeleton{display:flex;align-items:center;gap:.875rem}.journal-entry-list{display:flex;flex-direction:column;gap:.75rem}.journal-entry{display:flex;align-items:flex-start;gap:1rem;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.125rem 1.25rem;transition:border-color .15s,box-shadow .15s}.journal-entry:hover{border-color:var(--c-primary-border);box-shadow:var(--shadow-sm)}.journal-entry__main{flex:1;min-width:0}.journal-entry__title{font-size:.9375rem;font-weight:600;color:var(--c-text);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-entry__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;font-size:.8125rem;color:var(--c-text-muted)}.journal-entry__date{display:inline-flex;align-items:center;gap:.3rem}.journal-entry__duration{font-variant-numeric:tabular-nums;font-weight:600;color:var(--c-text);font-size:.875rem}.journal-entry__tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.15rem .5rem;border-radius:999px;background-color:var(--c-bg-elevated);border:1px solid var(--c-border);color:var(--c-text-muted)}.journal-entry__tag--lesson{color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 7%,transparent);border-color:color-mix(in srgb,var(--c-primary) 20%,transparent)}.journal-entry__notes{margin-top:.625rem;font-size:.875rem;color:var(--c-text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.journal-entry__actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.journal-entry__delete{color:var(--c-text-muted);padding-left:.5rem;padding-right:.5rem}.journal-entry__delete:hover:not(:disabled){color:var(--c-danger);border-color:color-mix(in srgb,var(--c-danger) 40%,transparent);background-color:color-mix(in srgb,var(--c-danger) 6%,transparent)}.journal-entry--skeleton{pointer-events:none}.journal-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 2rem;border:1px dashed var(--c-border);border-radius:var(--r-lg);gap:.75rem}.journal-empty__icon{color:var(--c-text-muted);opacity:.4}.journal-empty__title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--c-text)}.journal-empty__body{font-size:.9375rem;color:var(--c-text-muted);max-width:420px;line-height:1.6}.journal-pagination{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:1.5rem}.journal-pagination__btn{min-width:100px}.journal-pagination__indicator{font-size:.875rem;color:var(--c-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.journal-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.journal-summary{grid-template-columns:1fr}.journal-page__title-row{flex-direction:column;align-items:flex-start}.journal-page__month-select{width:100%}}.modal--wider{max-width:580px}.modal--import{max-width:640px}.import-modal__tabs{display:flex;border-bottom:1px solid var(--c-border);padding:0 1.5rem;gap:0}.import-modal__tab{background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--c-text-muted);cursor:pointer;transition:color .12s,border-color .12s;margin-bottom:-1px}.import-modal__tab:hover{color:var(--c-text)}.import-modal__tab--active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.import-input-toggle{display:flex;gap:0;border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);overflow:hidden;margin-bottom:.875rem;width:fit-content}.import-input-toggle__btn{background:none;border:none;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;color:var(--c-text-muted);cursor:pointer;transition:background .12s,color .12s}.import-input-toggle__btn+.import-input-toggle__btn{border-left:1px solid var(--c-border)}.import-input-toggle__btn--active{background:var(--c-primary-subtle);color:var(--c-primary)}.import-paste{display:flex;flex-direction:column;gap:.5rem}.import-paste__area{font-family:SF Mono,Fira Code,Cascadia Mono,monospace;font-size:.8125rem;min-height:200px;resize:vertical;white-space:pre;overflow-x:auto}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border:2px dashed var(--c-border);border-radius:var(--r-md, 8px);padding:2.5rem 1.5rem;cursor:pointer;transition:border-color .15s,background .15s;text-align:center;position:relative;background:var(--c-bg-elevated)}.import-dropzone:hover,.import-dropzone:focus-visible{border-color:var(--c-primary-border);background:var(--c-primary-subtle);outline:none}.import-dropzone--over{border-color:var(--c-primary);background:var(--c-primary-subtle)}.import-dropzone__icon{color:var(--c-text-muted);margin-bottom:.25rem}.import-dropzone--over .import-dropzone__icon{color:var(--c-primary)}.import-dropzone__label{font-size:.9375rem;font-weight:500;color:var(--c-text)}.import-dropzone__hint{font-size:.8125rem;color:var(--c-text-muted)}.import-dropzone__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;pointer-events:none}.import-error{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--c-danger);background:color-mix(in srgb,var(--c-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--c-danger) 25%,transparent);border-radius:var(--r-sm, 4px);padding:.625rem .875rem;margin-top:.75rem}.import-modal__hint{font-size:.8125rem;color:var(--c-text-muted);margin-top:1rem;text-align:center}.import-modal__link{background:none;border:none;color:var(--c-primary);font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.import-preview__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.import-preview__title{font-size:1rem;font-weight:600;color:var(--c-text)}.import-preview__count{font-size:.8125rem;color:var(--c-text-muted);white-space:nowrap}.import-preview__list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.375rem;max-height:300px;overflow-y:auto}.import-preview__item{display:flex;align-items:baseline;gap:.625rem;font-size:.875rem;padding:.375rem .625rem;border-radius:var(--r-sm, 4px);background:var(--c-bg-elevated)}.import-preview__type{font-size:.75rem;font-weight:700;color:var(--c-primary);background:var(--c-primary-subtle);border-radius:4px;padding:.125rem .375rem;white-space:nowrap;flex-shrink:0}.import-preview__summary{color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-modal__actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:1.25rem}.import-modal__actions .btn{min-height:44px}.bulk-file-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.3rem;max-height:280px;overflow-y:auto}.bulk-file-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;font-size:.8125rem;padding:.375rem .625rem;border-radius:var(--r-sm, 4px);background:var(--c-bg-elevated);border:1px solid transparent}.bulk-file-item--done{border-color:color-mix(in srgb,var(--c-success, #22c55e) 30%,transparent)}.bulk-file-item--error{border-color:color-mix(in srgb,var(--c-danger) 30%,transparent)}.bulk-file-item--importing{opacity:.7}.bulk-file-item__name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-file-item__meta{font-size:.75rem;color:var(--c-text-muted);white-space:nowrap}.bulk-file-item__status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;white-space:nowrap;color:var(--c-text-muted)}.bulk-file-item--done .bulk-file-item__status{color:var(--c-success, #22c55e)}.bulk-file-item--error .bulk-file-item__status{color:var(--c-danger)}.bulk-file-item--importing .bulk-file-item__status{color:var(--c-primary)}.import-modal__prompt-intro{font-size:.875rem;color:var(--c-text-muted);margin-bottom:1rem;line-height:1.55}.import-prompt-box{position:relative;border:1px solid var(--c-border);border-radius:var(--r-md, 8px);background:var(--c-bg-elevated);overflow:hidden}.import-prompt-box__text{font-family:SF Mono,Fira Code,Cascadia Mono,monospace;font-size:.75rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;padding:1rem;max-height:280px;overflow-y:auto;margin:0;color:var(--c-text)}.import-prompt-box__copy{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.3rem .625rem;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);cursor:pointer;color:var(--c-text);transition:border-color .12s,color .12s;min-height:32px}.import-prompt-box__copy:hover{border-color:var(--c-primary-border);color:var(--c-primary)}.import-prompt-examples{margin-top:1rem;font-size:.8125rem}.import-prompt-examples__label{font-weight:600;color:var(--c-text);margin-bottom:.5rem}.import-prompt-examples ul{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.375rem;color:var(--c-text-muted);line-height:1.5}.tab-panel__actions-group{display:flex;gap:.5rem;align-items:center}.module-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.module-block{border:1px solid var(--c-border);border-radius:var(--r-md, 8px);overflow:hidden;background:var(--c-bg-surface)}.module-block__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:var(--c-bg-elevated);border-bottom:1px solid transparent;transition:border-color .12s}.module-block:has(.module-block__body) .module-block__header{border-bottom-color:var(--c-border)}.module-block__toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--c-text);text-align:left;flex:1;min-width:0;padding:0}.module-block__toggle:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:2px}.module-block__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-block__count{font-size:.75rem;font-weight:400;color:var(--c-text-muted);white-space:nowrap}.module-block__actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.module-block__body{padding:.75rem .875rem}.module-block__empty{font-size:.875rem;color:var(--c-text-muted);padding:.25rem 0}.module-add{margin-top:.25rem}.module-add__form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.module-add__form .form-input{flex:1;min-width:200px;font-size:.875rem}.goals-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.page-filters{display:flex;gap:.25rem;border-bottom:2px solid var(--c-border);margin-bottom:1.5rem}.page-filter-tab{background:none;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--c-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer;transition:color .12s,border-color .12s;min-height:44px}.page-filter-tab:hover{color:var(--c-text)}.page-filter-tab:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.page-filter-tab--active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-card{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.875rem}.goal-card--skeleton{pointer-events:none;padding:1.25rem 1.5rem}.goal-card__top{display:flex;flex-direction:column;gap:.5rem}.goal-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.goal-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--c-text);line-height:1.35}.goal-card__badges{display:flex;gap:.375rem;flex-shrink:0}.badge--archived{background-color:color-mix(in srgb,var(--c-text-muted) 15%,transparent);color:var(--c-text-muted)}.goal-card__desc{font-size:.875rem;color:var(--c-text-muted);line-height:1.6}.goal-card__lesson{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--c-primary);background-color:var(--c-primary-subtle);border:1px solid var(--c-primary-border);border-radius:var(--r-sm);padding:.2rem .6rem;width:fit-content}.goal-card__targets{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--c-border)}.goal-card__target{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.goal-card__actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.25rem}.goal-targets-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.goal-status-row{display:flex;gap:1.5rem;margin-bottom:1.25rem}.goal-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.goal-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.dash__section-link{font-size:.8125rem;color:var(--c-primary);font-weight:500;text-decoration:none}.dash__section-link:hover{text-decoration:underline}.dash-goals{display:flex;flex-direction:column;gap:.5rem}.dash-goal-item{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.875rem 1.125rem;display:flex;flex-direction:column;gap:.375rem}.dash-goal-item__title{font-size:.9375rem;font-weight:600;color:var(--c-text)}.dash-goal-item__meta{display:flex;flex-wrap:wrap;gap:.875rem}.dash-goal-item__detail{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.dash-goals-empty{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px dashed var(--c-border);border-radius:var(--r-md);font-size:.875rem;color:var(--c-text-muted)}@media(max-width:560px){.goal-targets-row{grid-template-columns:1fr}.goals-page__header{flex-direction:column;align-items:flex-start}.goal-card__actions{justify-content:flex-start}}.sessions-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.session-card--skeleton{pointer-events:none;padding:1.25rem 1.5rem}.session-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.session-card__header-left{display:flex;flex-direction:column;gap:.25rem}.session-card__topic{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--c-text);line-height:1.35}.session-card__meta{display:flex;flex-wrap:wrap;gap:1rem}.session-card__date,.session-card__person{font-size:.8125rem;color:var(--c-text-muted)}.session-card__field-label{font-weight:600;color:var(--c-text)}.session-card__detail{font-size:.875rem;color:var(--c-text-muted)}.session-card__message{font-size:.875rem;color:var(--c-text-muted);line-height:1.6;padding:.75rem;background-color:var(--c-bg-elevated);border-radius:var(--r-md);border-left:3px solid var(--c-primary-border)}.session-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.25rem}.session-status--pending{background-color:color-mix(in srgb,var(--c-text-muted) 15%,transparent);color:var(--c-text-muted)}.session-status--accepted{background-color:var(--c-primary-subtle);color:var(--c-primary);border:1px solid var(--c-primary-border)}.session-status--declined{background-color:color-mix(in srgb,var(--c-text-muted) 10%,transparent);color:var(--c-text-muted);opacity:.8}.session-status--completed{background-color:color-mix(in srgb,var(--c-success) 15%,transparent);color:var(--c-success)}@media(max-width:560px){.sessions-page__header{flex-direction:column;align-items:flex-start}.session-card__actions{flex-direction:column}.session-card__actions .btn{width:100%;justify-content:center}}.avail-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.avail-form-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:2rem}.avail-form{display:flex;flex-direction:column;gap:.75rem}.avail-form__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:end}.avail-form__group{display:flex;flex-direction:column;gap:.375rem}.avail-form__group label{font-size:.8125rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.avail-form__action{display:flex;justify-content:flex-end}.avail-form__alert{border-radius:var(--radius-md);padding:.625rem .875rem;font-size:.875rem;background:color-mix(in srgb,var(--c-danger) 12%,transparent);color:var(--c-danger);border:1px solid color-mix(in srgb,var(--c-danger) 30%,transparent)}.avail-calendar-section{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}@media(max-width:860px){.avail-calendar-section{grid-template-columns:1fr}}.avail-calendar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.avail-calendar__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.avail-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);cursor:pointer;transition:background .15s}.avail-calendar__nav-btn:hover:not(:disabled){background:var( --c-surface-hover, color-mix(in srgb, var(--c-primary) 8%, transparent) )}.avail-calendar__nav-btn:disabled{opacity:.35;cursor:not-allowed}.avail-calendar__month-label{font-weight:700;font-size:.9375rem;color:var(--c-text)}.avail-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.avail-calendar__weekday{text-align:center;font-size:.6875rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.375rem 0}.avail-calendar__cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--c-text);font-size:.8125rem;transition:background .12s,border-color .12s;padding:0;gap:1px}.avail-calendar__cell--empty{cursor:default}.avail-calendar__cell--past{opacity:.35;cursor:default}.avail-calendar__cell--today .avail-calendar__day-num{font-weight:800;color:var(--c-primary)}.avail-calendar__cell--selected{background:color-mix(in srgb,var(--c-primary) 12%,transparent);border-color:var(--c-primary)}.avail-calendar__cell--has-slots:not(.avail-calendar__cell--past):hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.avail-calendar__day-num{font-size:.8125rem;line-height:1}.avail-calendar__slot-count{font-size:.5625rem;font-weight:700;line-height:1;letter-spacing:.02em}.avail-calendar__slot-count--free{color:var(--c-primary)}.avail-calendar__slot-count--booked{color:var(--c-text-muted)}.avail-calendar__legend{display:flex;gap:1rem;margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--c-border)}.avail-legend__item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--c-text-muted)}.avail-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.avail-legend__dot--free{background:var(--c-primary)}.avail-legend__dot--booked{background:var(--c-text-muted)}.avail-slot-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1rem 1.125rem;min-height:200px}.avail-slot-panel__title{font-size:.875rem;font-weight:700;color:var(--c-text);margin-bottom:.75rem}.avail-slot-panel__empty{font-size:.875rem;color:var(--c-text-muted);text-align:center;padding:1.5rem 0}.avail-slot-panel__hint{font-size:.8125rem;color:var(--c-text-muted);margin-top:.5rem}.avail-slot-list{display:flex;flex-direction:column;gap:.5rem}.avail-slot-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .625rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:.875rem}.avail-slot-row--skeleton{height:40px;border-radius:var(--radius-md)}.avail-slot-row__time{font-weight:600;color:var(--c-text)}.avail-slot-row__booked{font-size:.75rem;font-weight:600;color:var(--c-text-muted);background:color-mix(in srgb,var(--c-text-muted) 12%,transparent);padding:.125rem .5rem;border-radius:var(--radius-sm)}.session-modal__header-content{display:flex;align-items:baseline;gap:.625rem}.session-modal__step-label{font-size:.75rem;font-weight:600;color:var(--c-text-muted);background:color-mix(in srgb,var(--c-text-muted) 10%,transparent);padding:.125rem .5rem;border-radius:999px;letter-spacing:.03em}.booking-cal{margin-bottom:1rem}.booking-cal__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.booking-cal__month{font-weight:700;font-size:.9375rem;color:var(--c-text)}.booking-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.booking-cal__weekday{text-align:center;font-size:.625rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0}.booking-cal__cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1.5px solid transparent;background:transparent;color:var(--c-text);font-size:.75rem;cursor:default;padding:0;gap:2px;transition:background .12s,border-color .12s}.booking-cal__cell--empty{pointer-events:none}.booking-cal__cell--past{opacity:.3;pointer-events:none}.booking-cal__cell--today .booking-cal__day-num{font-weight:800;color:var(--c-primary)}.booking-cal__cell--has-slots{cursor:pointer}.booking-cal__cell--has-slots:not(.booking-cal__cell--past):hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.booking-cal__cell--selected{background:color-mix(in srgb,var(--c-primary) 14%,transparent);border-color:var(--c-primary)}.booking-cal__day-num{font-size:.75rem;line-height:1}.booking-cal__dot{width:5px;height:5px;border-radius:50%;background:var(--c-primary);flex-shrink:0}.booking-slots{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--c-border)}.booking-slots__label{font-size:.8125rem;font-weight:600;color:var(--c-text-muted);margin-bottom:.5rem}.booking-slots__grid{display:flex;flex-wrap:wrap;gap:.5rem}.booking-slot-btn{display:inline-flex;align-items:center;gap:.3125rem;padding:.4375rem .875rem;border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .12s,background .12s,color .12s;min-height:36px}.booking-slot-btn:hover{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 6%,transparent)}.booking-slot-btn--selected{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary);font-weight:700}.booking-cal-loading{display:flex;align-items:center;gap:.625rem;padding:1.5rem 0;color:var(--c-text-muted);font-size:.875rem;justify-content:center}.booking-no-slots{padding:1.5rem 0;text-align:center;color:var(--c-text-muted);font-size:.875rem}.booking-confirm-slot{display:inline-flex;align-items:center;gap:.4375rem;padding:.4375rem .875rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-primary) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--c-primary) 35%,transparent);color:var(--c-primary);font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.session-status--scheduled{background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);border-color:color-mix(in srgb,var(--c-primary) 30%,transparent)}.session-meeting-link{display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.session-meeting-link__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-primary) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--c-primary) 30%,transparent);color:var(--c-primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;min-height:36px}.session-meeting-link__btn:hover{background:color-mix(in srgb,var(--c-primary) 18%,transparent);border-color:var(--c-primary)}.session-meeting-link__edit-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);cursor:pointer;transition:color .12s,border-color .12s}.session-meeting-link__edit-icon:hover{color:var(--c-text);border-color:var(--c-text-muted)}.session-meeting-link__edit{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.session-meeting-link__input{flex:1;min-width:0;font-size:.875rem}.thread-list{margin-top:1.25rem;border-top:1px solid var(--c-border);padding-top:.875rem}.thread-list__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.25rem 0;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;transition:color .12s;border-radius:4px}.thread-list__toggle:hover{color:var(--c-text)}.thread-list__toggle:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.thread-list__toggle-left{display:flex;align-items:center;gap:.5rem}.thread-list__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary);font-size:.6875rem;font-weight:700}.thread-list__body{padding-top:.625rem;display:flex;flex-direction:column;gap:.5rem}.thread-list__loading,.thread-list__empty{font-size:.875rem;color:var(--c-text-muted);padding:.375rem 0}.thread-list__error{font-size:.875rem;color:var(--c-danger, #c0392b);padding:.25rem 0}.thread-list__create-btn{align-self:flex-start;font-size:.8125rem;margin-top:.125rem}.thread-card{border:1px solid var(--c-border);border-radius:var(--r-md, 8px);padding:.75rem 1rem;background:var(--c-bg-surface);display:flex;flex-direction:column;gap:.3125rem;transition:border-color .12s,box-shadow .12s}.thread-card:hover{border-color:color-mix(in srgb,var(--c-primary) 45%,transparent)}.thread-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.thread-card__title{font-size:.875rem;font-weight:600;color:var(--c-text);flex:1;line-height:1.35}.thread-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--c-text-muted)}.thread-card__meta svg{flex-shrink:0;opacity:.7}.thread-card__foot{display:flex;justify-content:flex-end;margin-top:.125rem}.thread-card__open{font-size:.8125rem;font-weight:600;color:var(--c-primary);text-decoration:none;min-height:36px;display:inline-flex;align-items:center;gap:.3rem}.thread-card__open:hover{text-decoration:underline}.thread-create-form{border:1.5px solid var(--c-border);border-radius:var(--r-md, 8px);padding:1rem;background:var(--c-bg-elevated);display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s}.thread-create-form:focus-within{border-color:color-mix(in srgb,var(--c-primary) 45%,transparent)}.thread-create-form .form-group{margin-bottom:0}.thread-create-form .form-label{font-size:.8125rem;margin-bottom:.375rem}.thread-create-form .form-input{font-size:.875rem}.thread-create-form .form-textarea{min-height:72px;resize:vertical}.thread-create-form__optional{font-size:.75rem;font-weight:400;color:var(--c-text-muted);margin-left:.25rem}.thread-create-form__actions{display:flex;gap:.5rem;justify-content:flex-end}.thread-limit-modal__message{font-size:.9375rem;color:var(--c-text);line-height:1.55;margin-bottom:1.5rem}.thread-limit-modal__actions{display:flex;gap:.625rem;justify-content:flex-end}.thread-limit-modal__actions .btn{min-height:44px}.feedback-page__counter{display:inline-flex;align-items:center;font-size:.8125rem;color:var(--c-text-muted);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:20px;padding:.25rem .75rem;margin-top:.5rem;transition:color .15s,background .15s,border-color .15s}.feedback-page__counter--limit{color:var(--c-primary);background:var(--c-primary-subtle);border-color:var(--c-primary-border)}.thread-page__nav{margin-bottom:1rem}.thread-page__header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.thread-page__title{font-size:1.375rem;font-weight:700;color:var(--c-text);line-height:1.25}.thread-ctx-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1.5px solid transparent;width:fit-content}.thread-ctx-badge--lesson{background:color-mix(in srgb,#2563eb 10%,transparent);border-color:color-mix(in srgb,#2563eb 30%,transparent);color:#2563eb}.thread-ctx-badge--goal{background:color-mix(in srgb,#16a34a 10%,transparent);border-color:color-mix(in srgb,#16a34a 30%,transparent);color:#16a34a}.thread-ctx-badge--session{background:color-mix(in srgb,var(--c-primary) 10%,transparent);border-color:color-mix(in srgb,var(--c-primary) 30%,transparent);color:var(--c-primary)}[data-theme=dark] .thread-ctx-badge--lesson{color:#93c5fd;background:color-mix(in srgb,#2563eb 18%,transparent);border-color:color-mix(in srgb,#2563eb 40%,transparent)}[data-theme=dark] .thread-ctx-badge--goal{color:#86efac;background:color-mix(in srgb,#16a34a 18%,transparent);border-color:color-mix(in srgb,#16a34a 40%,transparent)}.status-badge--resolved{background:color-mix(in srgb,var(--c-success, #16a34a) 12%,transparent);color:var(--c-success, #16a34a);border-color:color-mix(in srgb,var(--c-success, #16a34a) 30%,transparent)}.br-fretboard{background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem}.br-fretboard__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.br-fretboard__icon{color:var(--c-primary);flex-shrink:0}.br-fretboard__title{font-size:.9375rem;font-weight:600;color:var(--c-text)}.br-fretboard__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted)}.br-fretboard__empty{font-size:.875rem;color:var(--c-text-muted);margin:0}.br-fretboard__svg-scroll{overflow-x:auto;overflow-y:hidden;margin:0 -.25rem;padding:0 .25rem}.br-fretboard__svg{display:block;overflow:visible;flex-shrink:0}.fp-string-line{stroke:var(--c-border)}.fp-fret-line{stroke:var(--c-border);stroke-width:.8}.fp-nut{stroke:var(--c-text-muted);stroke-width:3}.fp-fret-label,.fp-string-label{font-size:10px;fill:var(--c-text-muted);font-family:var(--font-mono, monospace);-webkit-user-select:none;user-select:none}.fp-dot-group{cursor:pointer}.fp-dot-group:hover .fp-dot{filter:brightness(1.15)}.fp-dot{fill:var(--c-text);stroke:var(--c-bg-surface);stroke-width:1.5;transition:fill .12s}.fp-dot-group--root .fp-dot{fill:var(--c-primary)}.fp-dot-group--active .fp-dot{fill:var(--c-warning, #f59e0b);stroke:none}.fp-degree{font-size:8.5px;font-weight:700;fill:var(--c-bg-surface);font-family:var(--font-mono, monospace);pointer-events:none;-webkit-user-select:none;user-select:none}.br-fretboard__bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--c-border)}.br-fretboard__play-group{display:flex;gap:.25rem}.br-fretboard__play-btn{padding:.2rem .55rem;font-size:.75rem;font-weight:500;color:var(--c-text-muted);background:transparent;border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);cursor:pointer;transition:border-color .1s,color .1s,background-color .1s;line-height:1.5;white-space:nowrap}.br-fretboard__play-btn:hover:not(:disabled){border-color:var(--c-primary-border);color:var(--c-primary);background-color:color-mix(in srgb,var(--c-primary) 8%,transparent)}.br-fretboard__play-btn:disabled{opacity:.4;cursor:default}.br-fretboard__stop-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;color:var(--c-danger, #ef4444);background:transparent;border:1px solid color-mix(in srgb,var(--c-danger, #ef4444) 40%,transparent);border-radius:var(--r-sm, 4px);cursor:pointer;transition:background-color .1s;line-height:1.5}.br-fretboard__stop-btn:hover{background-color:color-mix(in srgb,var(--c-danger, #ef4444) 10%,transparent)}.br-fretboard__bpm-group{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto}.br-fretboard__bpm-text{font-size:.72rem;color:var(--c-text-muted);font-weight:500}.br-fretboard__bpm-input{width:46px;padding:.18rem .3rem;border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);background:var(--c-bg);color:var(--c-text);font-size:.78rem;text-align:center;font-variant-numeric:tabular-nums}.br-fretboard__bpm-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 18%,transparent)}.br-fretboard__bpm-input::-webkit-inner-spin-button,.br-fretboard__bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.br-fretboard__bpm-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.br-fretboard__loop-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--c-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.br-fretboard__loop-label input[type=checkbox]{accent-color:var(--c-primary);width:13px;height:13px;cursor:pointer}.fp-form__preset-tabs{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.fp-form__preset-tab{padding:.25rem .625rem;border-radius:6px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.fp-form__preset-tab--active{background:color-mix(in srgb,var(--c-primary) 12%,transparent);border-color:var(--c-primary-border);color:var(--c-primary);font-weight:600}.fp-form__preset-grid{display:flex;flex-wrap:wrap;gap:.375rem}.fp-form__preset-btn{padding:.25rem .6rem;border-radius:6px;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s}.fp-form__preset-btn:hover{background:color-mix(in srgb,var(--c-primary) 10%,transparent);border-color:var(--c-primary-border);color:var(--c-primary)}.fp-form__note-table{width:100%;border-collapse:collapse;font-size:.82rem}.fp-form__note-table th{text-align:left;color:var(--c-text-muted);font-weight:500;padding:.25rem .4rem;border-bottom:1px solid var(--c-border)}.fp-form__note-table td{padding:.25rem .4rem;border-bottom:1px solid color-mix(in srgb,var(--c-border) 50%,transparent);color:var(--c-text)}.fp-form__note-row--root td{color:var(--c-primary);font-weight:600}.fp-form__remove-btn{background:none;border:none;color:var(--c-danger, #ef4444);font-size:1rem;cursor:pointer;padding:0 .25rem;line-height:1;border-radius:4px;transition:background .1s}.fp-form__remove-btn:hover{background:color-mix(in srgb,var(--c-danger, #ef4444) 12%,transparent)}.fp-form__add-note{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.fp-form__add-note .form-input{flex:1;min-width:60px;max-width:100px}.fp-grid__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fp-grid__range-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.fp-grid__range-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--c-text-muted)}.fp-grid__range-input{width:52px;padding:.2rem .35rem;font-size:.82rem;border:1px solid var(--c-border);border-radius:var(--r-sm, 4px);background:var(--c-surface);color:var(--c-text);text-align:center}.fp-grid__range-input:focus{outline:2px solid var(--c-primary);outline-offset:1px}.fp-grid__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.fp-grid__table{border-collapse:collapse;min-width:max-content}.fp-grid__str-th{width:22px;min-width:22px}.fp-grid__fret-th{width:40px;min-width:36px;text-align:center;font-size:.72rem;font-weight:600;color:var(--c-text-muted);padding:.15rem .2rem;border-bottom:2px solid var(--c-border)}.fp-grid__str-td{font-size:.72rem;color:var(--c-text-muted);font-weight:600;text-align:center;padding:.1rem .2rem;border-right:2px solid var(--c-border)}.fp-grid__cell{width:40px;min-width:36px;height:32px;text-align:center;vertical-align:middle;border:1px solid color-mix(in srgb,var(--c-border) 60%,transparent);cursor:pointer;position:relative;transition:background .1s}.fp-grid__cell:hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.fp-grid__cell--active{background:color-mix(in srgb,var(--c-primary) 15%,var(--c-surface));cursor:default}.fp-grid__cell--root{background:color-mix(in srgb,var(--c-primary) 30%,var(--c-surface))}.fp-grid__cell--editing{background:var(--c-surface-raised, var(--c-surface));box-shadow:0 0 0 2px var(--c-primary);z-index:2;min-width:90px;width:90px}.fp-grid__dot-label{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-weight:700;color:var(--c-primary);line-height:1;pointer-events:none}.fp-grid__root-mark{font-size:.6rem;color:var(--c-primary)}.fp-grid__editor{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px}.fp-grid__degree-input{width:52px;padding:2px 4px;font-size:.72rem;border:1px solid var(--c-border);border-radius:3px;background:var(--c-surface);color:var(--c-text);text-align:center}.fp-grid__degree-input:focus{outline:1px solid var(--c-primary)}.fp-grid__editor-actions{display:flex;gap:3px}.fp-grid__root-btn{font-size:.65rem;font-weight:700;padding:1px 4px;border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);border-radius:3px;cursor:pointer;line-height:1.3;transition:background .1s,color .1s}.fp-grid__root-btn--on{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.fp-grid__remove-btn{font-size:.8rem;font-weight:700;padding:1px 4px;border:1px solid var(--c-border);background:transparent;color:var(--c-danger, #ef4444);border-radius:3px;cursor:pointer;line-height:1.3;transition:background .1s}.fp-grid__remove-btn:hover{background:color-mix(in srgb,var(--c-danger, #ef4444) 12%,transparent)}.fp-form__note-chips{display:flex;flex-wrap:wrap;gap:.3rem}.fp-form__note-chip{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;padding:.15rem .4rem;border-radius:var(--r-sm, 4px);background:color-mix(in srgb,var(--c-border) 40%,transparent);color:var(--c-text-muted)}.fp-form__note-chip em{font-style:normal;font-weight:700;color:var(--c-text);margin-left:2px}.fp-form__note-chip--root{background:color-mix(in srgb,var(--c-primary) 20%,transparent);color:var(--c-primary)}