@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";.AuthLayout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#121212}.AuthLayout__card{width:100%;max-width:420px;background:#1f1f1f;border:1px solid #2f2f2f;border-radius:12px;padding:32px}.AuthLayout__logo{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-size:2rem;color:#ff8a00;text-align:center;margin-bottom:24px}.AuthLayout__footer{margin-top:24px;font-size:.75rem;color:#4f4f4f;text-align:center}.Avatar{border-radius:50%;flex-shrink:0;object-fit:cover}.Avatar--fallback{display:flex;align-items:center;justify-content:center;background:#ff8a00;color:#f1f1f1;font-weight:700;font-family:Montserrat,sans-serif}.Avatar--sm{width:28px;height:28px}.Avatar--md{width:40px;height:40px}.Avatar--lg{width:64px;height:64px}.Avatar--xl{width:96px;height:96px}.SkillIcon{flex-shrink:0;display:inline-block;vertical-align:middle}.SkillIcon--fallback{color:#4f4f4f}.UserSearchBar{position:relative}.UserSearchBar--compact .UserSearchBar__input{font-size:.8125rem;padding:4px 8px}.UserSearchBar__input{width:100%;padding:8px 16px;background:#121212;border:1px solid #2f2f2f;border-radius:8px;color:#f1f1f1;font-size:.875rem;outline:none;transition:border-color .2s ease}.UserSearchBar__input::placeholder{color:#4f4f4f}.UserSearchBar__input:focus{border-color:#ff8a00}.UserSearchBar__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1f1f1f;border:1px solid #2f2f2f;border-radius:8px;max-height:240px;overflow-y:auto;z-index:100}.UserSearchBar__loading{padding:8px 16px;color:#4f4f4f;font-size:.8125rem}.UserSearchBar__result{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;color:#f1f1f1;cursor:pointer;text-align:left;transition:background .2s ease}.UserSearchBar__result:hover{background:#50505040}.UserSearchBar__resultInfo{min-width:0;overflow:hidden}.UserSearchBar__resultName{display:block;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.UserSearchBar__resultUsername{display:block;font-size:.75rem;color:#4f4f4f}.AppLayout{display:flex;min-height:100vh}.AppLayout__hamburger{display:none;position:fixed;top:8px;left:8px;z-index:1001;background:#1f1f1f;border:1px solid #3b3b3b;border-radius:4px;color:#f1f1f1;font-size:1.25rem;padding:4px 8px;cursor:pointer}@media(max-width:768px){.AppLayout__hamburger{display:block}}.AppLayout__overlay{display:none}@media(max-width:768px){.AppLayout__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}}.AppLayout__sidebar{width:240px;background:#1f1f1f;border-right:1px solid #2f2f2f;display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}@media(max-width:768px){.AppLayout__sidebar{display:none;position:fixed;top:0;left:0;bottom:0;z-index:1000}.AppLayout__sidebar--open{display:flex}}.AppLayout__brand{display:flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:#ff8a00;margin-bottom:32px;padding:0 8px}.AppLayout__nav{display:flex;flex-direction:column;gap:4px;flex:1}.AppLayout__link{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;color:#f1f1f1;font-size:.9375rem;transition:background .2s ease;text-decoration:none}.AppLayout__link:hover{background:#50505040;color:#f1f1f1}.AppLayout__link--active{background:#50505040;color:#ff8a00}.AppLayout__link--skill{font-size:.8125rem;padding:4px 16px 4px 24px}.AppLayout__search{padding:4px 0}.AppLayout__skills{display:flex;flex-direction:column;gap:2px;margin-top:4px}.AppLayout__skillsLabel{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:#e0e0e0;padding:4px 16px;margin-top:8px}.AppLayout__skillsCategoryLabel{display:block;font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:#e0e0e0;padding:4px 16px;margin-top:8px;opacity:.8}.AppLayout__user{border-top:1px solid #2f2f2f;padding-top:16px;display:flex;flex-direction:column;gap:8px}.AppLayout__profileLink{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;text-decoration:none;color:#f1f1f1;transition:background .2s ease}.AppLayout__profileLink:hover{background:#50505040}.AppLayout__profileLink--active{background:#50505040;color:#ff8a00}.AppLayout__profileName{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AppLayout__username{font-size:.875rem;color:#4f4f4f;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AppLayout__logout{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;color:#f1f1f1;text-align:left;transition:color .2s ease}.AppLayout__logout:hover{color:#c02a2a}.AppLayout__main{flex:1;padding:32px;overflow-y:auto}.AppLayout__main::-webkit-scrollbar{width:6px}.AppLayout__main::-webkit-scrollbar-track{background:#2f2f2f;border-radius:3px}.AppLayout__main::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:3px}.AppLayout__main::-webkit-scrollbar-thumb:hover{background:#696969}@media(max-width:768px){.AppLayout__main{padding:16px}}.Button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;border:none}.Button:focus-visible{outline:2px solid #ff8a00;outline-offset:2px}.Button--sm{padding:4px 8px;font-size:.8125rem}.Button--md{padding:8px 16px;font-size:.875rem}.Button--lg{padding:16px 24px;font-size:1rem}.Button--primary{background:#ff8a00;color:#000}.Button--primary:hover:not(:disabled){background:#df8100;transform:translateY(-2px);box-shadow:0 4px 12px #ff8a004d}.Button--secondary{background:#2f2f2f;color:#f1f1f1}.Button--secondary:hover:not(:disabled){background:#3b3b3b;transform:translateY(-2px)}.Button--danger{background:#c02a2a;color:#f1f1f1}.Button--danger:hover:not(:disabled){background:#9f2323;transform:translateY(-2px)}.Button--ghost{background:transparent;color:#f1f1f1}.Button--ghost:hover:not(:disabled){background:#50505040}.Button--fullWidth{width:100%}.Button--loading{opacity:.7;cursor:not-allowed}.Button:disabled{opacity:.5;cursor:not-allowed}.Button__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.Input{width:100%;padding:8px 16px;background:#2f2f2f;border:1px solid #3b3b3b;border-radius:8px;color:#f1f1f1;font-size:.9375rem;transition:border-color .2s ease}.Input:focus-visible{outline:2px solid #ff8a00;outline-offset:2px}.Input::placeholder{color:#4f4f4f}.Input:focus{border-color:#ff8a00;outline:none}.Input--error{border-color:#c02a2a}.Input--error:focus{border-color:#c02a2a}.Card{border-radius:12px;padding:24px}.Card--default{background:#1f1f1f;border:1px solid #2f2f2f}.Card--glass{background:#50505040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3b3b3b}.Card--hoverable{transition:transform .2s ease,box-shadow .2s ease}.Card--hoverable:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.Card--hoverable{cursor:pointer}.BeltBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.BeltBadge--sm{font-size:.625rem;padding:2px 6px}.BeltBadge--md{font-size:.75rem;padding:3px 10px}.BeltBadge--lg{font-size:.875rem;padding:4px 14px}.BeltBadge[style*="rgb(240"],.BeltBadge[style*="#f0f0f0"],.BeltBadge[style*="#ffd700"]{color:#1a1a2e}.SkillCard__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.SkillCard__name{flex:1;font-family:Montserrat,sans-serif;font-size:1.125rem;margin:0}.SkillCard__stats{display:flex;gap:16px;font-size:.8125rem;color:#4f4f4f}.SkillCard__assess{color:#ff8a00;font-weight:600}.AddSkillDialog{background:#1f1f1f;border:1px solid #3b3b3b;border-radius:12px;padding:32px;width:90%;max-width:440px}.AddSkillDialog__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.AddSkillDialog__title{font-family:Montserrat,sans-serif;font-size:1.25rem;margin:0 0 4px}.AddSkillDialog__desc{color:#4f4f4f;font-size:.875rem;margin-bottom:16px}.AddSkillDialog__error{background:#c02a2a26;color:#c02a2a;padding:4px 8px;border-radius:4px;font-size:.8125rem;margin-bottom:8px}.AddSkillDialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.Spinner{border:3px solid #2f2f2f;border-top-color:#ff8a00;border-radius:50%;animation:spin .6s linear infinite}.Spinner--sm{width:16px;height:16px;border-width:2px}.Spinner--md{width:32px;height:32px}.Spinner--lg{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.DashboardScreen__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.DashboardScreen__title{font-family:Montserrat,sans-serif;font-size:1.75rem;margin:0}.DashboardScreen__subtitle{color:#4f4f4f;margin-bottom:32px}.DashboardScreen__loading{display:flex;justify-content:center;padding:80px 0}.DashboardScreen__empty{text-align:center;color:#4f4f4f;padding:80px 24px;border:1px dashed #3b3b3b;border-radius:12px}.DashboardScreen__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.DashboardScreen__categories{display:flex;flex-direction:column;gap:24px}.DashboardScreen__category:not(:last-child){border-bottom:1px solid #3b3b3b;padding-bottom:24px}.DashboardScreen__categoryHeader{display:flex;align-items:center;gap:8px;width:100%;padding:8px 4px;margin-bottom:16px;background:none;border:none;color:inherit;font-size:1.1rem;font-family:Montserrat,sans-serif;cursor:pointer;border-radius:4px;transition:background .2s ease}.DashboardScreen__categoryHeader:hover{background:#50505040}.DashboardScreen__categoryLabel{flex:1;text-align:left}.DashboardScreen__categoryCount{color:#4f4f4f;font-size:.85rem;font-family:Inter,sans-serif}.DashboardScreen__chevron{color:#4f4f4f;transition:transform .2s ease;transform:rotate(-90deg)}.DashboardScreen__chevron--open{transform:rotate(0)}.BeltInfoModal{background:#1f1f1f;border:1px solid #3b3b3b;border-radius:12px;padding:32px;width:90%;max-width:480px}.BeltInfoModal__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.BeltInfoModal__title{font-family:Montserrat,sans-serif;font-size:1.25rem;margin:0 0 16px}.BeltInfoModal__loading{display:flex;justify-content:center;padding:32px 0}.BeltInfoModal__error{color:#c02a2a;font-size:.875rem;text-align:center;padding:16px 0}.BeltInfoModal__journey{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.BeltInfoModal__belt{display:flex;align-items:center;gap:4px;opacity:.35;font-size:.75rem}.BeltInfoModal__belt--achieved{opacity:.7}.BeltInfoModal__belt--current{opacity:1;font-weight:700}.BeltInfoModal__beltDot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.2)}.BeltInfoModal__beltName{font-size:.75rem}.BeltInfoModal__requirements{margin-bottom:16px}.BeltInfoModal__requirements h4{font-family:Montserrat,sans-serif;font-size:1rem;margin:0 0 16px}.BeltInfoModal__ready{color:#09be09}.BeltInfoModal__req{margin-bottom:8px}.BeltInfoModal__reqHeader{display:flex;justify-content:space-between;font-size:.8125rem;margin-bottom:4px;color:#4f4f4f}.BeltInfoModal__bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.BeltInfoModal__fill{height:100%;background:#ff8a00;border-radius:3px;transition:width .3s ease}.BeltInfoModal__masteredNote{font-size:.75rem;color:#4f4f4f;margin-top:8px}.BeltInfoModal__promoted{margin-top:8px;padding:8px 16px;background:#09be0926;color:#09be09;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center}.BeltInfoModal__maxBelt{color:#ff8a00;font-weight:600;text-align:center;padding:16px 0}.BeltInfoModal__analysis{border-top:1px solid #3b3b3b;margin-top:16px;padding-top:16px}.BeltInfoModal__analysisTitle{font-family:Montserrat,sans-serif;font-size:1rem;margin:0 0 8px}.BeltInfoModal__analysisLoading{display:flex;align-items:center;gap:8px;color:#4f4f4f;font-size:.8125rem;padding:8px 0}.BeltInfoModal__analysisContent{font-size:.8125rem;line-height:1.6;color:#f1f1f1;max-height:300px;overflow-y:auto}.BeltInfoModal__analysisContent p{margin:0 0 8px}.BeltInfoModal__analysisContent strong{color:#ff8a00}.BeltInfoModal__analysisContent ul,.BeltInfoModal__analysisContent ol{padding-left:24px;margin:0 0 8px}.BeltInfoModal__actions{display:flex;justify-content:flex-end;margin-top:16px}.StatCard{text-align:center}.StatCard__value{display:block;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700}.StatCard__label{font-size:.8125rem;color:#4f4f4f}.Toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.Toggle--disabled{opacity:.5;cursor:not-allowed}.Toggle__track{position:relative;width:40px;height:22px;border-radius:11px;background:#3b3b3b;border:none;padding:0;cursor:inherit;transition:background .2s ease}.Toggle__track--on{background:#ff8a00}.Toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#f1f1f1;transition:transform .2s ease}.Toggle__track--on .Toggle__thumb{transform:translate(18px)}.Toggle__label{font-size:.875rem;color:#f1f1f1}.ConfirmDialog{background:#1f1f1f;border-radius:12px;padding:24px;max-width:400px;width:90%}.ConfirmDialog__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.ConfirmDialog__title{font-family:Montserrat,sans-serif;margin:0 0 8px}.ConfirmDialog__message{color:#4f4f4f;line-height:1.5;margin:0 0 24px;font-size:.875rem}.ConfirmDialog__actions{display:flex;justify-content:flex-end;gap:8px}.ProgressBar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ProgressBar__fill{height:100%;background:#ff8a00;border-radius:2px;transition:width .3s ease}.ConceptItem{background:#1f1f1f;border-radius:4px;padding:8px 16px}.ConceptItem__header{display:flex;justify-content:space-between;margin-bottom:4px}.ConceptItem__name{text-transform:capitalize;font-size:.875rem}.ConceptItem__mastery{font-size:.8125rem;font-weight:600;color:#4f4f4f}.ConceptList{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.SessionItem{display:flex;align-items:center;gap:16px;text-transform:capitalize}.SessionItem__date{color:#4f4f4f;font-size:.8125rem;margin-left:auto}.SessionItem__status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.SessionItem__status--active{color:#ff8a00}.SessionItem__status--completed{color:#09be09}.SessionItem__status--abandoned{color:#4f4f4f}.SessionItem__delete{background:none;border:none;color:#4f4f4f;font-size:1.125rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s ease}.SessionItem__delete:hover{color:#c02a2a}.SessionList{display:flex;flex-direction:column;gap:4px}.SessionList__empty{color:#4f4f4f;text-align:center;padding:32px}.SkillDetailScreen--loading{display:flex;align-items:center;justify-content:center;height:400px}.SkillDetailScreen__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.SkillDetailScreen__header h1{font-family:Montserrat,sans-serif;margin:0 0 4px}.SkillDetailScreen__beltInfo{background:none;border:1px solid #3b3b3b;color:#4f4f4f;width:22px;height:22px;border-radius:50%;font-size:.75rem;font-weight:700;cursor:pointer;margin-left:8px;vertical-align:middle;transition:color .2s ease,border-color .2s ease}.SkillDetailScreen__beltInfo:hover{color:#ff8a00;border-color:#ff8a00}.SkillDetailScreen__privacy{margin-bottom:24px}.SkillDetailScreen__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.SkillDetailScreen__danger{margin-top:32px;padding-top:24px;border-top:1px solid #2f2f2f}.MessageBubble{padding:8px 16px;margin-bottom:4px}.MessageBubble--user .MessageBubble__label{color:#ff8a00}.MessageBubble--assistant{background:#ffffff08;border-radius:4px}.MessageBubble--assistant .MessageBubble__label{color:#09be09}.MessageBubble--system .MessageBubble__label{color:#4f4f4f}.MessageBubble--system .MessageBubble__content{font-style:italic;color:#4f4f4f}.MessageBubble__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.MessageBubble__content{font-size:.875rem;line-height:1.5;word-break:break-word}.MessageBubble__content p{margin:0 0 8px}.MessageBubble__content p:last-child{margin-bottom:0}.MessageBubble__content h1,.MessageBubble__content h2,.MessageBubble__content h3,.MessageBubble__content h4{margin:16px 0 8px;color:#f1f1f1}.MessageBubble__content h1:first-child,.MessageBubble__content h2:first-child,.MessageBubble__content h3:first-child,.MessageBubble__content h4:first-child{margin-top:0}.MessageBubble__content h1{font-size:1.25rem}.MessageBubble__content h2{font-size:1.125rem}.MessageBubble__content h3{font-size:1rem}.MessageBubble__content h4{font-size:.875rem}.MessageBubble__content code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.8125rem}.MessageBubble__content pre{margin:8px 0;border-radius:8px;overflow-x:auto}.MessageBubble__content pre>code{display:block;background:#1e1e1e;padding:16px;border-radius:8px;overflow-x:auto;white-space:pre}.MessageBubble__content strong{color:#f1f1f1}.MessageBubble__content ul,.MessageBubble__content ol{margin:8px 0;padding-left:24px}.MessageBubble__content li{margin-bottom:4px}.MessageBubble__content blockquote{margin:8px 0;padding:8px 16px;border-left:3px solid #ff8a00;background:#ffffff08;border-radius:0 4px 4px 0}.MessageBubble__content table{width:100%;border-collapse:collapse;margin:8px 0}.MessageBubble__content table th,.MessageBubble__content table td{padding:4px 8px;border:1px solid #3b3b3b;text-align:left}.MessageBubble__content table th{background:#ffffff0d;font-weight:600}.MessageBubble__content a{color:#ff8a00;text-decoration:none}.MessageBubble__content a:hover{text-decoration:underline}.MessageBubble--user .MessageBubble__content{white-space:pre-wrap}.ChatInput{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid #3b3b3b;background:#1f1f1f}.ChatInput__textarea{flex:1;background:#121212;border:1px solid #3b3b3b;border-radius:4px;color:#f1f1f1;font-family:Inter,sans-serif;font-size:.875rem;padding:4px 8px;resize:none;outline:none;min-height:36px;max-height:150px}.ChatInput__textarea:focus{border-color:#ff8a00}.ChatInput__textarea:disabled{opacity:.5}.ChatPanel{display:flex;flex-direction:column;height:100%;background:#121212}.ChatPanel__messages{flex:1;overflow-y:auto;padding:16px}.ChatPanel__empty{text-align:center;color:#4f4f4f;padding:60px 16px;font-size:.875rem}.ChatPanel__streaming{display:flex;justify-content:center;padding:8px}.ChatPanel__error{color:#c02a2a;padding:4px 16px;font-size:.8125rem;text-align:center}.ChatPanel__completed{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #3b3b3b;background:#09be090d}.ChatPanel__completedText{font-size:.875rem;font-weight:600;color:#09be09}.ChatPanel__completedActions{display:flex;gap:8px}.CodeEditor{height:100%;overflow:hidden}.CodeEditor .cm-editor{height:100%}.CodeEditor .cm-scroller{overflow:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6}.LanguageSelector{background:#1f1f1f;border:1px solid #3b3b3b;border-radius:4px;color:#f1f1f1;font-size:.8125rem;padding:4px 8px;cursor:pointer;outline:none}.LanguageSelector:focus{border-color:#ff8a00}.LanguageSelector option{background:#1f1f1f;color:#f1f1f1}.CodePanel{display:flex;flex-direction:column;height:100%;background:#121212;border-left:1px solid #3b3b3b}.CodePanel--compact{border-left:none}.CodePanel__toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #3b3b3b;background:#1f1f1f}.CodePanel__toolbarActions{display:flex;align-items:center;gap:4px}.CodePanel__editor{flex:1;overflow:hidden}.MusicStaffEditor{width:100%;min-height:160px;background:#121212;cursor:crosshair;overflow:auto;outline:none}.MusicStaffEditor--readOnly,.MusicStaffEditor--selectMode{cursor:default}.MusicStaffEditor--selectMode [data-note-index]{cursor:pointer}.MusicStaffEditor:not(.MusicStaffEditor--readOnly) [data-note-index]{cursor:grab}.MusicStaffEditor--dragging,.MusicStaffEditor--dragging [data-note-index]{cursor:grabbing}.MusicStaffEditor svg{display:block}.MusicStaffEditor svg>rect{fill:transparent}.MusicStaffEditor svg text{fill:#f1f1f1}.MusicStaffEditor svg path,.MusicStaffEditor svg line{stroke:#f1f1f1}.MusicStaffEditor svg g rect{fill:#f1f1f1}.MusicStaffEditor svg [data-note-index].MusicStaffEditor__note--playing path{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #ff8a00) drop-shadow(0 0 20px #ff8a00)}.MusicStaffEditor svg [data-note-index].MusicStaffEditor__note--selected path{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #ff8a00)}.NotePalette{display:flex;align-items:center;gap:2px}.NotePalette--selectMode .NotePalette__btn:not(.NotePalette__btn--mode):not(.NotePalette__btn--active){opacity:.4}.NotePalette__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #3b3b3b;border-radius:4px;background:transparent;color:#f1f1f1;font-size:18px;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.NotePalette__btn:hover{background:#2f2f2f;border-color:#4f4f4f}.NotePalette__btn--active{background:#ff8a00;border-color:#ff8a00;color:#000}.NotePalette__btn--active:hover{background:#df8100;border-color:#df8100}.NotePalette__btn--mode{margin-right:4px}.ContextMenu{position:fixed;z-index:2100;min-width:180px;background:#1f1f1f;border:1px solid #3b3b3b;border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #00000080}.ContextMenu__overlay{position:fixed;inset:0;z-index:2099}.ContextMenu__item{display:flex;align-items:center;gap:8px;padding:4px 16px;cursor:pointer;font-size:13px;color:#f1f1f1;position:relative;white-space:nowrap}.ContextMenu__item:hover{background:#2f2f2f}.ContextMenu__item--danger{color:#c02a2a}.ContextMenu__item--danger:hover{background:#c02a2a26}.ContextMenu__item--disabled{opacity:.4;cursor:default}.ContextMenu__item--disabled:hover{background:transparent}.ContextMenu__item--hasChildren{padding-right:24px}.ContextMenu__check{display:inline-block;width:14px;flex-shrink:0;font-size:12px;color:#ff8a00;text-align:center}.ContextMenu__icon{display:flex;align-items:center;width:16px;flex-shrink:0}.ContextMenu__label{flex:1}.ContextMenu__shortcut{margin-left:16px;font-size:11px;opacity:.45}.ContextMenu__arrow{position:absolute;right:8px;font-size:10px;opacity:.6}.ContextMenu__submenu{position:absolute;left:100%;top:-4px;min-width:140px;background:#1f1f1f;border:1px solid #3b3b3b;border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #00000080}.MusicPanel{display:flex;flex-direction:column;height:100%;background:#121212;border-left:1px solid #3b3b3b}.MusicPanel--compact{border-left:none}.MusicPanel__toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #3b3b3b;background:#1f1f1f;flex-wrap:wrap;gap:4px}.MusicPanel__toolbarLeft{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.MusicPanel__toolbarActions{display:flex;align-items:center;gap:4px}.MusicPanel__select{padding:4px 8px;border:1px solid #3b3b3b;border-radius:4px;background:#121212;color:#f1f1f1;font-size:13px;cursor:pointer}.MusicPanel__select:hover{border-color:#4f4f4f}.MusicPanel__select:focus{outline:none;border-color:#ff8a00}.MusicPanel__tempoInput{width:52px;padding:4px;border:1px solid #3b3b3b;border-radius:4px;background:#121212;color:#f1f1f1;font-size:13px;text-align:center;-moz-appearance:textfield}.MusicPanel__tempoInput::-webkit-outer-spin-button,.MusicPanel__tempoInput::-webkit-inner-spin-button{-webkit-appearance:none}.MusicPanel__tempoInput:focus{outline:none;border-color:#ff8a00}.MusicPanel__tempoLabel{font-size:11px;color:#4f4f4f;margin-right:4px}.MusicPanel__staff{flex:1;overflow:auto;padding:8px}.FloatingEditor{position:fixed;z-index:1500;background:#121212;border:1px solid #3b3b3b;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:visible}.FloatingEditor__titlebar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#1f1f1f;border-bottom:1px solid #3b3b3b;border-radius:12px 12px 0 0;cursor:grab;flex-shrink:0}.FloatingEditor__titlebar:active{cursor:grabbing}.FloatingEditor__title{font-size:.8125rem;font-weight:600;color:#f1f1f1}.FloatingEditor__dock{font-size:.75rem;padding:2px 8px;border-radius:4px;color:#ff8a00;background:transparent;border:1px solid #ff8a00;cursor:pointer;transition:background .2s ease}.FloatingEditor__dock:hover{background:#ff8a0026}.FloatingEditor__content{flex:1;overflow:hidden;border-radius:0 0 12px 12px}.FloatingEditor__edge{position:absolute;z-index:10}.FloatingEditor__edge--n{top:-3px;left:12px;right:12px;height:6px;cursor:ns-resize}.FloatingEditor__edge--s{bottom:-3px;left:12px;right:12px;height:6px;cursor:ns-resize}.FloatingEditor__edge--e{top:12px;bottom:12px;right:-3px;width:6px;cursor:ew-resize}.FloatingEditor__edge--w{top:12px;bottom:12px;left:-3px;width:6px;cursor:ew-resize}.FloatingEditor__corner{position:absolute;width:12px;height:12px;z-index:11}.FloatingEditor__corner--nw{top:-3px;left:-3px;cursor:nwse-resize}.FloatingEditor__corner--ne{top:-3px;right:-3px;cursor:nesw-resize}.FloatingEditor__corner--sw{bottom:-3px;left:-3px;cursor:nesw-resize}.FloatingEditor__corner--se{bottom:-3px;right:-3px;cursor:nwse-resize}.FloatingEditor__corner--se:after{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid #4f4f4f;border-bottom:2px solid #4f4f4f;opacity:.6}.ResizeHandle{width:4px;cursor:col-resize;background:#3b3b3b;flex-shrink:0;transition:background .2s ease}.ResizeHandle:hover{background:#ff8a00}.TrainingScreen{display:flex;margin:-32px;flex-direction:column;height:calc(100vh + -0px)}.TrainingScreen--loading,.TrainingScreen--error{display:flex;align-items:center;justify-content:center;height:100%;color:#4f4f4f}.TrainingScreen__header{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #3b3b3b;flex-shrink:0}.TrainingScreen__header h2{font-family:Montserrat,sans-serif;font-size:1.125rem;margin:0}.TrainingScreen__type{font-size:.75rem;color:#4f4f4f;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;padding:2px 8px;border-radius:4px}.TrainingScreen__type--assessment{background:#ff8a0033;color:#ff8a00}.TrainingScreen__assessBadge{font-size:.75rem;font-weight:600;color:#09be09;margin-left:auto}.TrainingScreen__split{display:flex;flex:1;overflow:hidden}@media(max-width:768px){.TrainingScreen__split{flex-direction:column}}.TrainingScreen__chatPane{min-width:0;overflow:hidden}@media(max-width:768px){.TrainingScreen__chatPane{width:100%!important;flex:1;min-height:0}}.TrainingScreen__editorPane{min-width:0;overflow:hidden}@media(max-width:768px){.TrainingScreen__editorPane{width:100%!important;height:300px;flex-shrink:0;border-top:1px solid #3b3b3b}}.SessionReviewScreen{max-width:800px;margin:0 auto}.SessionReviewScreen--loading{display:flex;align-items:center;justify-content:center;height:400px}.SessionReviewScreen__header{margin-bottom:24px}.SessionReviewScreen__header h2{font-family:Montserrat,sans-serif;margin:0 0 8px}.SessionReviewScreen__meta{display:flex;gap:16px;align-items:center}.SessionReviewScreen__type{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;padding:2px 8px;border-radius:4px;color:#4f4f4f}.SessionReviewScreen__date{font-size:.8125rem;color:#4f4f4f}.SessionReviewScreen__status{font-size:.75rem;font-weight:600;text-transform:uppercase}.SessionReviewScreen__status--completed{color:#09be09}.SessionReviewScreen__status--active{color:#ff8a00}.SessionReviewScreen__status--abandoned{color:#4f4f4f}.SessionReviewScreen__evaluation{display:flex;gap:24px;padding:16px;background:#1f1f1f;border-radius:4px;margin-bottom:24px;font-size:.875rem;text-transform:capitalize}.SessionReviewScreen__observations{margin-bottom:24px}.SessionReviewScreen__observations h3{font-family:Montserrat,sans-serif;font-size:1rem;margin-bottom:8px}.SessionReviewScreen__obs{padding:8px 16px;border-left:3px solid #3b3b3b;margin-bottom:4px;background:#1f1f1f;border-radius:0 4px 4px 0}.SessionReviewScreen__obs--positive{border-left-color:#09be09}.SessionReviewScreen__obs--minor{border-left-color:#4f4f4f}.SessionReviewScreen__obs--moderate{border-left-color:#f0ad4e}.SessionReviewScreen__obs--significant{border-left-color:#c02a2a}.SessionReviewScreen__obsType{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#4f4f4f;margin-right:8px}.SessionReviewScreen__obsConcept{font-size:.8125rem;font-weight:600}.SessionReviewScreen__obsNote{font-size:.8125rem;color:#4f4f4f;margin:4px 0 0}.SessionReviewScreen__messages h3{font-family:Montserrat,sans-serif;font-size:1rem;margin-bottom:8px}.SessionReviewScreen__empty{color:#4f4f4f;text-align:center;padding:32px}.FollowButton{min-width:100px}.FollowButton--following:hover{border-color:#c02a2a;color:#c02a2a}.AvatarUpload{position:relative;display:inline-block;cursor:pointer}.AvatarUpload__overlay{position:absolute;inset:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.AvatarUpload:hover .AvatarUpload__overlay{opacity:1}.AvatarUpload__icon{font-size:1.5rem}.AvatarUpload__input{display:none}.FollowListModal{background:#1f1f1f;border-radius:12px;width:90%;max-width:380px;max-height:70vh;display:flex;flex-direction:column}.FollowListModal__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.FollowListModal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #2f2f2f}.FollowListModal__header h3{margin:0;font-family:Montserrat,sans-serif}.FollowListModal__close{background:none;border:none;color:#4f4f4f;font-size:1.5rem;cursor:pointer;line-height:1}.FollowListModal__close:hover{color:#f1f1f1}.FollowListModal__list{padding:8px;overflow-y:auto}.FollowListModal__list::-webkit-scrollbar{width:6px}.FollowListModal__list::-webkit-scrollbar-track{background:#2f2f2f;border-radius:3px}.FollowListModal__list::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:3px}.FollowListModal__list::-webkit-scrollbar-thumb:hover{background:#696969}.FollowListModal__item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;text-decoration:none;color:#f1f1f1;transition:background .2s ease}.FollowListModal__item:hover{background:#50505040}.FollowListModal__info{min-width:0;overflow:hidden}.FollowListModal__name{display:block;font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FollowListModal__username{display:block;font-size:.75rem;color:#4f4f4f}.FollowListModal__empty{text-align:center;color:#4f4f4f;padding:24px;font-size:.875rem}.PublicProfileScreen{max-width:700px;margin:0 auto}.PublicProfileScreen--loading,.PublicProfileScreen--error{display:flex;align-items:center;justify-content:center;height:400px;color:#4f4f4f}.PublicProfileScreen__header{display:flex;gap:24px;margin-bottom:32px}@media(max-width:768px){.PublicProfileScreen__header{flex-direction:column;align-items:center;text-align:center}}.PublicProfileScreen__avatarWrap{flex-shrink:0}.PublicProfileScreen__info{flex:1;min-width:0}.PublicProfileScreen__info h1{font-family:Montserrat,sans-serif;margin:0}.PublicProfileScreen__nameRow{display:flex;align-items:center;gap:16px;margin-bottom:4px}@media(max-width:768px){.PublicProfileScreen__nameRow{justify-content:center;flex-wrap:wrap}}.PublicProfileScreen__editLink{font-size:.8125rem;color:#ff8a00;text-decoration:none}.PublicProfileScreen__editLink:hover{text-decoration:underline}.PublicProfileScreen__username{color:#4f4f4f;font-size:.875rem}.PublicProfileScreen__bio{margin:8px 0;color:#4f4f4f;line-height:1.5}.PublicProfileScreen__stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.PublicProfileScreen__stat{font-size:.8125rem;color:#4f4f4f}.PublicProfileScreen__stat strong{color:#f1f1f1}.PublicProfileScreen__followCounts{display:flex;gap:16px;margin-top:8px}.PublicProfileScreen__followCount{background:none;border:none;color:#4f4f4f;font-size:.875rem;cursor:pointer;padding:0}.PublicProfileScreen__followCount strong{color:#f1f1f1}.PublicProfileScreen__followCount:hover{color:#ff8a00}.PublicProfileScreen__sectionTitle{font-family:Montserrat,sans-serif;font-size:1.125rem;margin-bottom:16px}.PublicProfileScreen__empty{color:#4f4f4f;text-align:center;padding:32px}.PublicProfileScreen__categories{display:flex;flex-direction:column;gap:24px}.PublicProfileScreen__categoryGroup{display:flex;flex-direction:column}.PublicProfileScreen__categoryLabel{font-family:Montserrat,sans-serif;font-size:.9375rem;margin:0 0 8px;color:#4f4f4f;font-weight:600}.PublicProfileScreen__skills{display:flex;flex-direction:column;gap:4px}.PublicProfileScreen__skillCard{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1f1f1f;border-radius:4px;cursor:pointer;transition:background-color .15s}.PublicProfileScreen__skillCard:hover{background:#2c2c2c}.PublicProfileScreen__skillCard--expanded{border-radius:4px 4px 0 0}.PublicProfileScreen__skillName{flex:1;font-weight:600}.PublicProfileScreen__expandIcon{color:#4f4f4f;transition:transform .2s;width:16px;height:16px}.PublicProfileScreen__skillCard--expanded .PublicProfileScreen__expandIcon{transform:rotate(180deg)}.PublicProfileScreen__skillDetails{background:#1f1f1f;border-radius:0 0 4px 4px;padding:8px 16px 16px;border-top:1px solid rgba(255,255,255,.06)}.SettingsScreen{max-width:600px;margin:0 auto}.SettingsScreen__title{font-family:Montserrat,sans-serif;margin-bottom:32px}.SettingsScreen__message{padding:8px 16px;border-radius:4px;margin-bottom:16px;font-size:.875rem}.SettingsScreen__message--success{background:#09be0926;color:#09be09}.SettingsScreen__message--error{background:#c02a2a26;color:#c02a2a}.SettingsScreen__section{margin-bottom:32px}.SettingsScreen__section h3{font-family:Montserrat,sans-serif;font-size:1rem;margin-bottom:16px;padding-bottom:4px;border-bottom:1px solid #3b3b3b}.SettingsScreen__field{margin-bottom:16px}.SettingsScreen__field label{display:block;font-size:.8125rem;color:#4f4f4f;margin-bottom:4px}.SettingsScreen__textarea{width:100%;background:#1f1f1f;border:1px solid #3b3b3b;border-radius:4px;color:#f1f1f1;padding:8px;font-family:inherit;font-size:.875rem;resize:vertical}.SettingsScreen__textarea:focus{outline:none;border-color:#ff8a00}.SettingsScreen__select{width:100%;background:#1f1f1f;border:1px solid #3b3b3b;border-radius:4px;color:#f1f1f1;padding:8px;font-size:.875rem;cursor:pointer}.SettingsScreen__select:focus{outline:none;border-color:#ff8a00}.SettingsScreen__select option{background:#1f1f1f;color:#f1f1f1}.FeedTabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #2f2f2f}.FeedTabs__tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#4f4f4f;font-size:.9375rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.FeedTabs__tab:hover{color:#f1f1f1}.FeedTabs__tab--active{color:#ff8a00;border-bottom-color:#ff8a00}.ActivityCard{display:flex;gap:16px;padding:16px;background:#1f1f1f;border-radius:8px}.ActivityCard__avatar{flex-shrink:0}.ActivityCard__content{flex:1;min-width:0}.ActivityCard__text{margin:0;line-height:1.4;font-size:.9375rem}.ActivityCard__username{font-weight:600;color:#f1f1f1;text-decoration:none}.ActivityCard__username:hover{color:#ff8a00}.ActivityCard__time{font-size:.75rem;color:#4f4f4f;margin-top:4px;display:block}.FeedScreen{max-width:600px;margin:0 auto}.FeedScreen__title{font-family:Montserrat,sans-serif;margin:0 0 24px}.FeedScreen__loading{display:flex;justify-content:center;padding:32px 0}.FeedScreen__empty{text-align:center;color:#4f4f4f;padding:32px 0}.FeedScreen__list{display:flex;flex-direction:column;gap:8px}.FeedScreen__loadMore{margin-top:16px}.SearchResultsScreen{max-width:600px;margin:0 auto}.SearchResultsScreen__title{font-family:Montserrat,sans-serif;margin:0 0 24px}.SearchResultsScreen__loading{display:flex;justify-content:center;padding:32px 0}.SearchResultsScreen__empty{text-align:center;color:#4f4f4f;padding:32px 0}.SearchResultsScreen__list{display:flex;flex-direction:column;gap:8px}.SearchResultsScreen__card{display:flex;align-items:center;gap:16px;padding:16px;background:#1f1f1f;border-radius:8px;text-decoration:none;color:#f1f1f1;transition:background .2s ease}.SearchResultsScreen__card:hover{background:#50505040}.SearchResultsScreen__info{min-width:0}.SearchResultsScreen__name{display:block;font-weight:600;font-size:1rem}.SearchResultsScreen__username{display:block;font-size:.8125rem;color:#4f4f4f}.FormGroup{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.FormGroup__label{font-size:.875rem;color:#f1f1f1;font-weight:500}.FormGroup__error{font-size:.75rem;color:#c02a2a}.Form{display:flex;flex-direction:column;width:100%}.Form__title{font-family:Montserrat,sans-serif;font-size:1.5rem;color:#f1f1f1;margin-bottom:24px;text-align:center}.Form__footer{margin-top:16px;text-align:center;font-size:.875rem;color:#4f4f4f}.Form__footer a{color:#ff8a00;text-decoration:none;transition:color .2s ease}.Form__footer a:hover{color:#df8100}.Form__error{background:#c02a2a1a;border:1px solid #c02a2a;border-radius:4px;padding:8px 16px;margin-bottom:16px;color:#c02a2a;font-size:.875rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:#121212;color:#f1f1f1;min-height:100vh;line-height:1.5}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#2f2f2f;border-radius:3px}body::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#696969}#root{min-height:100vh;display:flex;flex-direction:column}a{color:#ff8a00;text-decoration:none}a:hover{color:#df8100}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}