*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100%;left:.5rem;z-index:10000;padding:.5rem 1rem;background:var(--accent-primary);color:var(--text-bright);border-radius:0 0 4px 4px;font-weight:600;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--border-focus,#007acc);outline-offset:2px}.hidden{display:none!important}h1,h2,h3,h4{color:var(--text-bright);font-weight:600;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-hover)}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999;transition:opacity .4s,visibility .4s}.splash.fade-out{opacity:0;visibility:hidden}.splash__logo{font-size:4rem;margin-bottom:.5rem;animation:1.5s ease-in-out infinite splash-pulse}.splash__title{font-size:2rem;font-weight:700;color:var(--text-bright)}.splash__subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.splash__loader{margin-top:2rem;width:40px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.splash__loader span{display:block;width:50%;height:100%;background:var(--accent-primary);border-radius:2px;animation:1s ease-in-out infinite splash-load}@keyframes splash-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes splash-load{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.onboarding{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9000;padding:1.5rem}.onboarding__page{display:none;max-width:420px;width:100%;text-align:center}.onboarding__page.active{display:block;animation:.3s fadeSlideUp}.onboarding__description{color:var(--text-secondary);margin:1rem 0;font-size:1rem;line-height:1.6}.onboarding__form{text-align:left;margin:1.5rem 0}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:6px;border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;user-select:none;-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:0 0;color:var(--text-secondary);border-color:var(--border)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--sm{padding:.35rem .75rem;font-size:.8rem}.btn--md{padding:.42rem .85rem;font-size:.84rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--ghost.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn--ghost.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:0 0;color:var(--incorrect);border-color:var(--incorrect)}.btn--danger:hover{background:rgba(224,108,117,.12)}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group--check{flex-direction:row;align-items:center;gap:.75rem}.form-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-hint{font-size:.78rem;line-height:1.4;margin-top:.15rem;color:var(--text-secondary)}.form-hint--warn{color:#e2a308}.form-input,.form-select{width:100%;padding:.55rem .75rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;outline:0;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--border-focus)}.form-check{width:18px;height:18px;accent-color:var(--accent-primary)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.topbar__left{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.topbar__logo{font-size:1.2rem;line-height:1}.topbar__title{font-size:1rem;font-weight:700;color:var(--text-bright)}.topbar__tabs{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center;min-width:0}.topbar__tab{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:none;background:0 0;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.topbar__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar__tab.active{background:var(--bg-active);color:var(--accent-primary)}.topbar__tab-icon{font-size:1rem;line-height:1}.topbar__tab-label{line-height:1}.topbar__right{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:0 0;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;border-radius:6px;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.topbar__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main{flex:1;padding:1rem;max-width:800px;margin:0 auto;width:100%}.view__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.view__title{font-size:1.25rem}.view__subtitle{color:var(--text-muted);font-size:.85rem;width:100%}.learning-path{padding:.5rem 0}.path-node-wrapper{margin-bottom:.5rem}.path-node{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.path-node:hover{background:var(--bg-hover);border-color:var(--border-focus)}.path-node:active{transform:scale(.995)}.path-node__step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;font-weight:700;flex-shrink:0}.path-node__icon{font-size:1.4rem;flex-shrink:0}.path-node__info{flex:1;min-width:0}.path-node__title{font-size:.9rem;font-weight:600;color:var(--text-bright)}.path-node__subtitle{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.path-node__path{display:inline-block;font-size:.65rem;padding:.1rem .4rem;border-radius:10px;margin-top:.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.path-node__path--foundation{background:var(--bg-tertiary,#2d2d2d);color:var(--text-secondary,#999)}.path-node__path--knowledge{background:color-mix(in srgb,var(--accent-primary,#4fc3f7) 20%,transparent);color:var(--accent-primary,#4fc3f7)}.path-node__path--application{background:color-mix(in srgb,var(--accent-warm,#ff9800) 20%,transparent);color:var(--accent-warm,#ff9800)}.path-node__arrow{color:var(--text-muted);font-size:.9rem;flex-shrink:0}.theory-dialog{border:none;padding:0;margin:auto;background:var(--bg-primary,#1e1e1e);color:var(--text-primary,#ccc);border-radius:.75rem;width:min(640px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}.theory-dialog[open]{display:flex}.theory-dialog::backdrop{background:var(--overlay-bg,rgba(0,0,0,.5));backdrop-filter:blur(3px)}.theory-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border,#3c3c3c);flex-shrink:0}.theory-dialog__title{font-size:1rem;font-weight:700;margin:0;color:var(--text-bright,#fff)}.theory-dialog__close{background:0 0;border:1px solid var(--border,#3c3c3c);color:var(--text-primary,#ccc);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:.35rem;transition:background .15s,color .15s;line-height:1}.theory-dialog__close:hover{background:var(--bg-hover,#2d2d2d);color:var(--text-bright,#fff)}.theory-dialog__body{overflow-y:auto;padding:1rem 1.25rem 1.5rem;flex:1}.theory-dialog__detail-toggle{margin-top:1rem;font-size:.8rem}@media (max-width:600px){.theory-dialog{width:100vw;height:100vh;max-height:none;margin:0;border-radius:0}}.theory-concise{font-size:.85rem;line-height:1.6;color:var(--text-secondary);word-break:break-word;overflow-wrap:anywhere}.theory-concise p{margin:.4em 0}.theory-concise h4{margin:.8em 0 .3em;color:var(--text-bright);font-size:.9rem}.theory-concise ol,.theory-concise ul{margin:.3em 0;padding-left:1.2em}.theory-concise li{margin:.15em 0}.theory-concise table{width:100%;border-collapse:collapse;margin:.5em 0;font-size:.8rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.theory-concise td,.theory-concise th{padding:.25rem .5rem;border:1px solid var(--border);text-align:left;white-space:nowrap}.theory-concise th{background:var(--bg-hover);color:var(--text-bright);font-weight:600}.theory-concise strong{color:var(--text-bright)}.theory-concise em{color:var(--accent);font-style:italic}.theory-detail{display:none;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border);font-size:.85rem;line-height:1.6;color:var(--text-secondary);word-break:break-word;overflow-wrap:anywhere}.theory-detail--visible{display:block}.theory-detail h3{margin:1em 0 .4em;font-size:.95rem;color:var(--accent);font-weight:600}.theory-detail h4{margin:.8em 0 .3em;font-size:.9rem;color:var(--text-bright);font-weight:600}.theory-detail p{margin:.4em 0}.theory-detail ol,.theory-detail ul{margin:.4em 0;padding-left:1.3em}.theory-detail li{margin:.2em 0}.theory-detail table{width:100%;border-collapse:collapse;margin:.5em 0;font-size:.8rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.theory-detail td,.theory-detail th{padding:.3rem .5rem;border:1px solid var(--border);text-align:left;white-space:nowrap}.theory-detail th{background:var(--bg-hover);color:var(--text-bright);font-weight:600}.theory-detail strong{color:var(--text-bright)}.theory-detail em{color:var(--accent);font-style:italic}.theory-detail code{background:var(--bg-hover);padding:.1em .3em;border-radius:3px;font-size:.85em}.toolkit{display:flex;flex-direction:column;gap:1.5rem}.toolkit-group{display:flex;flex-direction:column;gap:.5rem}.toolkit-group__header{display:flex;align-items:baseline;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.toolkit-group__title{font-size:.85rem;font-weight:700;color:var(--text-bright);text-transform:uppercase;letter-spacing:.04em;margin:0}.toolkit-group__subtitle{font-size:.72rem;color:var(--text-muted)}.toolkit-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.toolkit-card{background:0 0;border:1px solid var(--border);border-radius:6px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:110px;text-align:center;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.toolkit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:var(--bg-hover);color:var(--text-primary)}.toolkit-card:active{transform:scale(.97)}.toolkit-card__icon{font-size:1.5rem;margin-bottom:.3rem}.toolkit-card__name{font-size:.9rem;margin-bottom:.2rem}.toolkit-card__desc{font-size:.7rem;color:var(--text-muted);line-height:1.3}.settings-modal{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center}.settings-modal.hidden{display:none}.settings-modal__overlay{position:absolute;inset:0;background:var(--overlay-bg,rgba(0,0,0,.5));animation:.2s fadeIn}.settings-modal__panel{position:relative;z-index:1;width:90%;max-width:480px;max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:.25s fadeSlideUp}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.settings-modal__title{font-size:1.1rem;font-weight:700;color:var(--text-bright)}.settings-modal__close{background:0 0;border:1px solid var(--border,#3c3c3c);color:var(--text-primary,#ccc);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:.35rem;transition:background .15s,color .15s;line-height:1}.settings-modal__close:hover{background:var(--bg-hover,#2d2d2d);color:var(--text-bright,#fff)}.settings-modal__body{overflow:hidden;padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.settings-tabs{display:flex;gap:0;background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.settings-tab-btn{flex:1;padding:.6rem .25rem;border:none;background:0 0;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s,box-shadow .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-tab-btn:hover{color:var(--text-bright);background:var(--bg-hover)}.settings-tab-btn--active{color:var(--accent-primary);box-shadow:inset 0 -2px 0 var(--accent-primary);background:var(--bg-surface)}.settings-tab-panel{display:none;padding:1rem;flex:1;overflow-y:auto;min-height:0}.settings-tab-panel--active{display:flex;flex-direction:column}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:8px;padding:0;overflow:hidden}.settings-section>:not(.settings-section__title){margin-left:1rem;margin-right:1rem}.settings-section>:not(.settings-section__title):last-child{margin-bottom:1rem}.settings-section__title{font-size:.85rem;font-weight:600;color:var(--text-bright);margin:0;padding:.6rem 1rem;background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border)}.settings-section__title+*{margin-top:.75rem}.settings-section__subtitle{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem}.et-settings-subgroup{margin-bottom:.6rem}.et-settings-subgroup:last-child{margin-bottom:0}.settings-data__desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}.settings-data__actions{display:flex;gap:.5rem;flex-wrap:wrap}.settings-section .form-group:last-of-type{margin-bottom:0}.settings-section{padding-bottom:1rem}.settings-about-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.settings-about__link{color:var(--accent-primary,#4fc3f7);text-decoration:none}.settings-about__link:hover{text-decoration:underline}.instrument-picker{position:relative;width:100%}.instrument-picker__selected{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:.85rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.instrument-picker__selected:hover{border-color:var(--accent)}.instrument-picker__selected:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.instrument-picker__label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-picker__chevron{font-size:.6rem;opacity:.5;transition:transform .2s;flex-shrink:0}.instrument-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);max-height:300px;display:flex;flex-direction:column;overflow:hidden}.instrument-picker__dropdown.hidden{display:none}.instrument-picker__search-wrap{padding:.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.instrument-picker__search{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:5px;background:var(--bg-base);color:var(--text-bright);font-size:.8rem}.instrument-picker__search::placeholder{color:var(--text-muted)}.instrument-picker__search:focus{outline:0;border-color:var(--accent)}.instrument-picker__categories{overflow-y:auto;flex:1;padding:.25rem}.instrument-picker__category{border-radius:6px;margin-bottom:2px}.instrument-picker__category>summary{list-style:none;cursor:pointer;padding:.4rem .6rem;border-radius:5px;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-dim);user-select:none;transition:background .12s}.instrument-picker__category>summary::-webkit-details-marker{display:none}.instrument-picker__category>summary:hover{background:var(--bg-hover);color:var(--text-bright)}.instrument-picker__category[open]>summary{color:var(--text-bright)}.instrument-picker__cat-icon{font-size:1rem;flex-shrink:0;width:1.4rem;text-align:center}.instrument-picker__cat-label{flex:1;font-weight:500}.instrument-picker__cat-count{font-size:.7rem;opacity:.5;background:var(--bg-base);padding:.1rem .4rem;border-radius:10px}.instrument-picker__cat-list{padding:.15rem 0 .15rem 1.6rem}.instrument-picker__item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.3rem .5rem;border:none;background:0 0;color:var(--text-dim);font-size:.78rem;text-align:left;border-radius:4px;cursor:pointer;transition:background .12s,color .12s}.instrument-picker__item:hover{background:var(--bg-hover);color:var(--text-bright)}.instrument-picker__item--active{background:var(--accent-alpha,rgba(99,102,241,.12));color:var(--accent);font-weight:600}.instrument-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-picker__preview{flex-shrink:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border:none;background:0 0;color:var(--text-muted);font-size:.85rem;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s,background .12s,color .12s}.instrument-picker__item:hover .instrument-picker__preview,.instrument-picker__preview:focus-visible{opacity:1}.instrument-picker__preview:hover{background:var(--accent-alpha,rgba(99,102,241,.15));color:var(--accent)}@media (max-width:600px){.settings-modal__panel{width:100%;max-width:none;max-height:100%;height:100%;border-radius:0;border:none}.settings-modal__body{padding:0}.settings-section>:not(.settings-section__title){margin-left:.75rem;margin-right:.75rem}.settings-section .form-select,.settings-tab-panel .form-select{padding:.65rem .75rem;font-size:1rem}.settings-section .form-check,.settings-tab-panel .form-check{width:22px;height:22px}.settings-section .form-label,.settings-tab-panel .form-label{font-size:.9rem}.instrument-picker__preview{opacity:.7}.instrument-picker__dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:60vh;border-radius:12px 12px 0 0;z-index:100}.instrument-picker__search{font-size:1rem;padding:.6rem .75rem}.instrument-picker__category>summary,.instrument-picker__item{padding:.5rem .6rem;font-size:.85rem}.settings-data__actions{gap:.4rem}.settings-data__actions .btn{flex:1 1 auto;justify-content:center;text-align:center}}.exercise-container{display:flex;flex-direction:column;gap:.35rem}.exercise-header{display:flex;align-items:center;gap:0;padding:.75rem 0;margin-bottom:.5rem}.exercise-header__back{flex:0 0 auto;text-align:left;opacity:.6}.exercise-header__back:hover{opacity:1}.exercise-header__center{flex:1;text-align:center;min-width:0}.exercise-header__title{font-size:1.1rem;font-weight:700;color:var(--text-bright);margin:0}.exercise-header__sub{font-size:.85rem;opacity:.7;display:block;line-height:1.3;color:var(--text-muted)}.exercise-header__theory{flex:0 0 auto;opacity:.6}.exercise-header__theory:hover{opacity:1}.progress-bar{height:6px;background:var(--progress-bar-bg);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--progress-bar);border-radius:3px;transition:width .3s}.explore-info{text-align:center;font-size:.85rem;color:var(--text-secondary);min-height:1.4em;line-height:1.4;margin:.3rem 0}.drill-status{display:flex;align-items:center;gap:1rem;padding:.5rem 0;flex-wrap:wrap;min-height:3.6em}.drill-status__progress{font-size:.85rem;font-weight:600;color:var(--accent-primary);min-width:60px}.drill-status__prompt{font-size:1rem;color:var(--text-primary);line-height:1.4;min-height:3.8em}.drill-status__found{font-size:.85rem;color:var(--text-muted)}.drill-fretboard{margin:.5rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.drill-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.75rem 0}.drill-result{margin-top:1rem;border-top:1px solid var(--border-primary);padding-top:1rem}.drill-result h3{color:var(--text-bright);text-align:center;margin-bottom:.5rem}.note-answer-btn{min-width:44px;min-height:44px;font-size:.95rem;font-weight:700;border-radius:8px;transition:background .15s,color .15s,transform .1s}.note-answer-btn:active{transform:scale(.95)}.quiz-action{margin-top:1rem}.quiz-action--sm{margin-top:.5rem}.et-header-sub{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.et-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:12px;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.et-drill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.et-drill-card{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;min-height:110px;text-align:center;transition:transform .15s,box-shadow .15s}.et-drill-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.et-drill-card__icon{font-size:1.5rem;margin-bottom:.3rem}.et-drill-card__name{font-size:.9rem;margin-bottom:.2rem}.et-drill-card__desc{font-size:.7rem;color:var(--text-muted);line-height:1.3}.et-drill-card__best{font-size:.7rem;color:var(--accent-primary);margin-top:.3rem;font-weight:600}.et-settings{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.et-settings-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}.et-settings-label{font-size:.8rem;color:var(--text-muted);min-width:5.5rem;flex-shrink:0}.et-settings-options{display:flex;gap:.35rem;flex-wrap:wrap}.et-settings-options--toggles{gap:1rem}.et-opt-btn{font-size:.78rem;padding:.3rem .6rem;border-radius:6px;transition:background .15s,color .15s}.et-opt-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.et-toggle-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;user-select:none}.et-toggle-label input[type=checkbox]{accent-color:var(--accent-primary)}.et-settings-hint{font-size:.72rem;color:var(--text-muted);margin:.35rem 0 0;line-height:1.4}.et-string-toggles{display:flex;gap:.3rem}.et-string-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;border:2px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s;user-select:none}.et-string-btn:hover{border-color:var(--accent-primary);transform:scale(1.05)}.et-string-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.et-fret-range{display:flex;align-items:center;gap:.4rem}.et-fret-input{width:56px;padding:.35rem .5rem;text-align:center;font-size:.85rem}.et-fret-sep{color:var(--text-muted);font-size:.85rem}.et-note-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem;margin-bottom:.5rem}.et-note-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .2rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;user-select:none}.et-note-btn:hover:not(:disabled){border-color:var(--accent-primary)}.et-note-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.et-note-btn.disabled,.et-note-btn:disabled{opacity:.4;cursor:not-allowed}.et-note-btn:disabled.active{opacity:.85}.et-scale-row{margin-top:.5rem}.et-compact-select{width:auto;min-width:90px;max-width:150px;padding:.35rem .5rem;font-size:.8rem}.et-root-label{min-width:auto!important;margin-left:.3rem}.et-fretboard-hint{text-align:center;font-size:.82rem;color:var(--text-secondary);margin:0;padding:.35rem .6rem;background:rgba(99,102,241,.08);border-radius:6px;border:1px solid rgba(99,102,241,.15)}.et-fretboard-hint small{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.et-tap-counter{display:inline-block;background:rgba(99,102,241,.2);color:var(--text-primary);font-weight:700;font-size:.85rem;padding:.1rem .5rem;border-radius:10px;margin-left:.3rem}.et-undo-btn{font-size:.75rem!important;padding:.15rem .4rem!important;min-width:auto!important;min-height:auto!important;margin-left:.3rem;vertical-align:middle}.et-preview-stats{margin-bottom:.5rem}.et-preview-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;color:var(--text-primary);line-height:1.3}.et-preview-fretboard{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;background:var(--bg-tertiary);padding:.35rem;margin-bottom:.5rem}.et-preview-fretboard svg{display:block;margin:0 auto}.et-settings-hint--warn{color:#ff9800!important;font-weight:600}.et-settings-hint--warn small{font-weight:400}.et-settings-hint small{display:block;margin-top:.25rem;font-size:.68rem;color:var(--text-muted);line-height:1.4}.et-settings-hint strong{font-weight:700}.et-progress-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.et-progress-bar__fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .4s}.et-play-btn{font-size:1.1rem;padding:.75rem 1.8rem}.et-topbar{display:flex;align-items:center;gap:.4rem;padding:.3rem 0}.et-topbar__back{font-size:.85rem;padding:.25rem .45rem;min-width:32px;min-height:32px;opacity:.7;flex-shrink:0}.et-topbar__back:hover{opacity:1}.et-topbar__center{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem}.et-topbar__center .et-play-btn{font-size:.95rem;padding:.4rem 1.2rem}.et-topbar__ref{font-size:.75rem;padding:.2rem .45rem;min-width:30px;min-height:30px;opacity:.6}.et-topbar__ref:hover{opacity:1}.et-topbar__right{display:flex;align-items:center;gap:.4rem;flex-shrink:0;white-space:nowrap;justify-content:flex-end}.et-topbar__finish{font-size:.75rem;padding:.2rem .4rem;min-width:28px;min-height:28px;opacity:.6}.et-topbar__finish:hover{opacity:1}.et-stats-bar{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.15rem 0;font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.et-stats-bar .et-score-inline{font-weight:600}.et-stats-bar .et-streak-display{font-weight:700;color:var(--streak-glow)}.et-stats-bar .et-topbar__q{font-weight:600;color:var(--text-muted)}.et-badge--sm{font-size:.65rem;padding:.1rem .35rem;border-radius:8px}.et-small-btn{min-width:44px;min-height:44px}.et-fretboard-area{margin:0;overflow:hidden}.et-choices{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0}.et-choice{min-width:72px;min-height:40px;font-size:.85rem;font-weight:600;border-radius:7px;transition:background .15s,color .15s,transform .1s,border-color .15s;position:relative}.et-choice:active{transform:scale(.95)}.et-choice__key{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted);font-size:.65rem;font-weight:700;margin-right:.4rem;flex-shrink:0}.et-choice--correct{border:2px solid var(--note-root,#4caf50)!important;background:rgba(76,175,80,.15)!important}.et-choice--wrong{border:2px solid var(--incorrect)!important;background:rgba(229,57,53,.15)!important}.et-feedback{text-align:center;font-size:.95rem;margin:0}.et-feedback:empty{display:none}.et-fb-correct{color:var(--correct);font-weight:600}.et-fb-correct small{font-weight:400;opacity:.7;margin-left:.3rem}.et-fb-wrong{color:var(--incorrect)}.et-fb-wrong small{font-weight:400;opacity:.7;margin-left:.3rem}.et-chord-schema{margin-top:.4rem;font-size:.9rem;color:var(--text-secondary,#999);font-family:monospace;letter-spacing:.5px}.et-tab-view{margin:0;border-radius:6px;overflow:hidden}.et-tab-body{max-width:500px;margin:0 auto}.et-streak-display{font-weight:700;color:var(--streak-glow)}.et-score-inline{font-weight:600}.et-countdown{margin:0}.pp-tags{display:inline;margin-left:.3rem}.pp-tag{display:inline-block;font-size:.65rem;padding:.05rem .35rem;border-radius:3px;background:var(--accent-primary-alpha,rgba(74,144,226,.15));color:var(--accent-primary,#4a90e2);margin-left:.15rem;vertical-align:middle;font-weight:600;letter-spacing:.2px}.et-countdown-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.et-countdown-bar__fill{height:100%;width:0;background:var(--accent-primary);border-radius:2px}.et-results-hero{text-align:center;margin:1.5rem 0}.et-results-grade{font-size:3rem;margin-bottom:.5rem}.et-results-pct{font-size:2.5rem;font-weight:700;color:var(--text-bright)}.et-results-sub{color:var(--text-secondary);margin:.3rem 0;font-size:.9rem}.et-results-new-best{color:var(--accent-primary);font-weight:700;font-size:1rem;margin-top:.4rem;animation:.4s et-best-pop}@keyframes et-best-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}.et-results-prev-best{color:var(--text-muted);font-size:.85rem}.et-results-stats{display:flex;gap:.75rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.et-stat-card{background:var(--bg-secondary);border-radius:10px;padding:.75rem 1rem;text-align:center;min-width:90px;flex:1;max-width:130px}.et-stat-card__val{font-size:1.1rem;font-weight:700;color:var(--text-bright)}.et-stat-card__label{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.et-analysis-section{margin:1rem 0;padding:.75rem;background:var(--bg-secondary);border-radius:10px}.et-analysis-title{font-size:.85rem;font-weight:700;color:var(--text-bright);margin:0 0 .5rem}.et-analysis-items{display:flex;flex-direction:column;gap:.4rem}.et-analysis-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;font-size:.8rem}.et-analysis-item__name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-analysis-item__pct{color:var(--text-muted);font-size:.75rem;font-weight:600;min-width:2.5rem;text-align:right}.et-analysis-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.et-analysis-bar__fill{height:100%;border-radius:3px;transition:width .5s}.et-analysis-bar__fill--weak{background:#e53935}.et-analysis-bar__fill--strong{background:var(--note-root,#4caf50)}.et-results-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.et-config-header{display:flex;align-items:center;gap:0;padding:.75rem 0;margin-bottom:.5rem}.et-config-header .et-back-btn{flex:0 0 2rem;text-align:left}.et-config-header__title{flex:1;text-align:center;min-width:0}.et-config-header__title h3{margin:0}.et-config-header__title .et-header-sub{font-size:.85rem;opacity:.7;display:block}.et-help-btn{flex:0 0 2.5rem;text-align:right;font-size:1rem;font-weight:700;opacity:.6}.et-help-btn:hover{opacity:1}.et-pool-presets{display:flex;gap:.5rem;margin-bottom:.75rem}.et-preset-btn{font-size:.85rem;padding:.35rem .8rem;border-radius:6px}.et-pool-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem 1rem}.et-pool-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;padding:.2rem 0}.et-pool-item input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary,#4f8cff)}.et-config-actions{display:flex;justify-content:center;padding:1.25rem 0 .5rem}.et-config-actions--top{padding:.5rem 0 .25rem}.et-config-start{font-size:1.1rem;padding:.75rem 2.5rem;border-radius:8px;font-weight:600;letter-spacing:.3px}.et-next-btn{font-size:.95rem;padding:.4rem 1.2rem;border-radius:8px;font-weight:600;visibility:hidden;pointer-events:none}.et-next-btn--visible{visibility:visible;pointer-events:auto}.et-song-ref{margin-top:.3rem;font-size:.85rem;color:var(--text-secondary,#aaa);font-style:italic}.et-song-refs{display:flex;flex-direction:column;gap:.3rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.et-song-ref-row{display:grid;grid-template-columns:3rem 1fr auto;gap:.5rem;align-items:center}.et-song-ref-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:right}.phrase-picker{position:relative;min-width:0}.pp-display{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);cursor:pointer;font-size:.85rem;min-height:32px}.pp-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.pp-arrow{color:var(--text-secondary);font-size:.75rem;flex-shrink:0}.pp-dropdown{display:none;position:absolute;top:100%;left:0;right:0;min-width:220px;z-index:100;background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);box-shadow:0 4px 16px rgba(0,0,0,.4);margin-top:2px;overflow:hidden}.phrase-picker.open .pp-dropdown{display:flex;flex-direction:column}.pp-search{padding:.4rem .5rem;border:none;border-bottom:1px solid var(--border-color,#444);background:var(--bg-tertiary,#2a2a2a);color:var(--text-primary);font-size:.85rem;outline:0}.pp-search::placeholder{color:var(--text-secondary);opacity:.6}.pp-list{max-height:180px;overflow-y:auto}.pp-option{padding:.35rem .6rem;font-size:.85rem;cursor:pointer;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-option.highlighted,.pp-option:hover{background:var(--accent-primary-alpha,rgba(74,144,226,.2))}.pp-option.selected{color:var(--accent-primary,#4a90e2);font-weight:600}.et-phrase-preview-btn{min-width:36px!important;min-height:36px!important;padding:.2rem!important;font-size:.85rem}.et-fb-play-phrase{min-width:28px!important;min-height:28px!important;padding:.1rem .4rem!important;font-size:.8rem;vertical-align:middle;margin-left:.3rem}.et-recommendations{padding:.75rem;margin:.5rem 0;background:var(--bg-secondary,#1e1e1e);border-radius:10px;border-left:3px solid #ff9100}.et-rec-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border-radius:6px;transition:background .15s;font-size:.85rem}.et-rec-item:hover{background:var(--bg-tertiary,#333)}.et-rec-icon{font-size:1.1rem;flex-shrink:0}.et-rec-body{color:var(--text-secondary)}.et-rec-body strong{color:var(--text-bright,#fff)}@media (max-width:520px){.et-drill-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.et-drill-card{padding:.75rem .4rem;min-height:90px}.et-drill-card__icon{font-size:1.2rem}.et-drill-card__name{font-size:.8rem}.et-drill-card__desc{font-size:.65rem}.et-settings-row{flex-direction:column;align-items:flex-start;gap:.35rem}.et-settings-label{min-width:auto}.et-note-grid{grid-template-columns:repeat(4,1fr)}.et-string-btn{width:32px;height:32px;font-size:.8rem}.et-fret-input{width:48px}.et-compact-select{min-width:80px}.et-fretboard-hint{font-size:.78rem;padding:.4rem .5rem}.et-preview-badge{font-size:.72rem;padding:.3rem .5rem}.et-preview-fretboard{padding:.25rem}.et-play-btn{font-size:.9rem;padding:.4rem 1rem}.et-topbar{gap:.25rem}.et-topbar__back{font-size:.78rem;padding:.2rem .35rem}.et-topbar__center .et-play-btn{font-size:.85rem;padding:.35rem .8rem}.et-topbar__right{gap:.2rem}.et-topbar__right .et-next-btn{font-size:.78rem;padding:.3rem .6rem}.et-stats-bar{font-size:.72rem;gap:.4rem;padding:.1rem 0}.et-choice{min-width:65px;font-size:.8rem}.et-stat-card{min-width:70px;padding:.5rem .6rem}.et-stat-card__val{font-size:.95rem}.et-results-pct{font-size:2rem}.et-results-grade{font-size:2.5rem}}.tuner{text-align:center;padding:1.5rem .5rem;width:min(360px,100%);margin:0 auto}.tuner__gauge{margin:0 auto 1.5rem;transition:opacity .5s ease-out}.tuner__gauge--held{opacity:.4}.tuner__gauge-track{position:relative;height:6px;background:var(--bg-surface);border-radius:3px;overflow:visible}.tuner__gauge-center{position:absolute;left:50%;top:-4px;width:2px;height:14px;background:var(--accent);transform:translateX(-50%)}.tuner__gauge-marker{position:absolute;top:-2px;width:1px;height:10px;background:var(--border);transform:translateX(-50%)}.tuner__gauge-needle{position:absolute;left:50%;top:-6px;width:4px;height:18px;background:var(--text-bright);border-radius:2px;transform:translateX(-50%);transition:left 80ms ease-out}.tuner__gauge-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);margin-top:.35rem}.tuner__display{min-height:6.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.75rem}.tuner__note{font-size:3.5rem;font-weight:700;color:var(--text-bright);line-height:1.1;transition:color .15s,opacity .5s ease-out}.tuner__note--in-tune{color:var(--green,#22c55e)}.tuner__note--close{color:var(--yellow,#eab308)}.tuner__note--held{opacity:.4}.tuner__info{font-size:.92rem;color:var(--text-muted);min-height:1.4em;line-height:1.4;text-align:center;transition:color .15s}.tuner__info--in-tune{color:var(--green,#22c55e)}.tuner__info--close{color:var(--yellow,#eab308)}.tuner__strings{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tuner__string-btn{padding:.4rem .7rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tuner__string-btn:hover{border-color:var(--accent);color:var(--text-bright)}.tuner__string-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tuner__controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.tuner__a4-label{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.tuner__a4-input{width:60px;text-align:center;padding:.3rem .4rem;font-size:.85rem}.tuner__level{display:flex;align-items:center;gap:.5rem;margin:0 auto 1rem}.tuner__level-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap;min-width:3em}.tuner__level-track{position:relative;flex:1;height:6px;background:var(--bg-surface);border-radius:3px;overflow:visible}.tuner__level-fill{height:100%;border-radius:3px;width:0%;background:var(--text-muted);opacity:.35;transition:width 60ms linear}.tuner__level-fill--active{background:var(--accent);opacity:1}.tuner__level-gate{position:absolute;top:-3px;width:2px;height:12px;background:var(--yellow,#eab308);border-radius:1px;transform:translateX(-50%);pointer-events:none}.tuner__level-db{font-size:.7rem;color:var(--text-muted);min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums}.tuner__settings{margin:1.25rem auto 0;text-align:left}.tuner__settings-toggle{font-size:.8rem;color:var(--text-secondary);cursor:pointer;padding:.3rem 0;user-select:none}.tuner__settings-toggle:hover{color:var(--text-bright)}.tuner__settings-body{display:flex;flex-direction:column;gap:.6rem;padding:.6rem 0}.tuner__slider-row{display:grid;grid-template-columns:6.5em 1fr 4em;align-items:center;gap:.5rem}.tuner__slider-label{font-size:.75rem;color:var(--text-muted)}.tuner__slider{width:100%;accent-color:var(--accent)}.tuner__slider-val{font-size:.75rem;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.dmachine{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1rem}.dmachine__controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:flex-end}.dmachine__ctrl{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--text-secondary)}.dmachine__ctrl-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dmachine__input,.dmachine__select{padding:.35rem .5rem;font-size:.85rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.dmachine__input{width:5rem;text-align:center}.dmachine__transport{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.dmachine__toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;margin-left:.5rem;user-select:none}.dmachine__toggle input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem;cursor:pointer}.dmachine__grid-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.dmachine__grid{display:flex;flex-direction:column;gap:1px;min-width:min-content;padding:.25rem 0}.dmachine__row{display:flex;align-items:center;gap:0}.dmachine__row--header{margin-bottom:2px}.dmachine__label{width:74px;min-width:74px;font-size:.7rem;font-weight:600;text-align:right;padding-right:6px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmachine__row--header .dmachine__label{color:transparent}.dmachine__cell{width:2rem;height:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;transition:background .1s;user-select:none;-webkit-user-select:none}.dmachine__cell:hover{background:rgba(255,255,255,.05)}.dmachine__cell--header{cursor:default;font-size:.65rem;color:var(--text-muted);font-weight:600;height:1.2rem}.dmachine__cell--header:hover{background:0 0}.dmachine__cell--beat-start{border-left:1px solid var(--border)}.dmachine__dot{width:14px;height:14px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);transition:background .12s,transform .1s,box-shadow .1s}.dmachine__cell--on .dmachine__dot{transform:scale(1.15)}[data-group=cymbal] .dmachine__cell--on .dmachine__dot{background:var(--accent-blue,#38bdf8);border-color:var(--accent-blue,#38bdf8);box-shadow:0 0 5px var(--accent-blue,#38bdf8)}[data-group=snare] .dmachine__cell--on .dmachine__dot{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 5px var(--accent-primary)}[data-group=tom] .dmachine__cell--on .dmachine__dot{background:var(--accent-orange,#f97316);border-color:var(--accent-orange,#f97316);box-shadow:0 0 5px var(--accent-orange,#f97316)}[data-group=kick] .dmachine__cell--on .dmachine__dot{background:var(--accent-purple,#a78bfa);border-color:var(--accent-purple,#a78bfa);box-shadow:0 0 5px var(--accent-purple,#a78bfa)}.dmachine__notation-details{width:100%}.dmachine__notation-summary{cursor:pointer;font-size:.82rem;color:var(--text-secondary);padding:.4rem 0;user-select:none}.dmachine__notation{min-height:100px;max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);margin-top:.5rem}.dmachine__export{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.dmachine__copy-feedback{font-size:.82rem;color:var(--accent);opacity:0;transition:opacity .25s}.dmachine__copy-feedback--visible{opacity:1}@media (min-width:768px){.dmachine__label{width:100px;min-width:100px;font-size:.78rem}.dmachine__cell{width:2.4rem;height:2.2rem}.dmachine__dot{width:18px;height:18px}.dmachine__cell--header{font-size:.72rem}}.ptimer{text-align:center;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.ptimer__clock{font-size:3.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-bright);letter-spacing:.04em;line-height:1.1}.ptimer__auto-paused,.ptimer__idle-warn{padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;max-width:22rem;animation:1.5s ease-in-out infinite ptimer-pulse}.ptimer__idle-warn{background:rgba(234,179,8,.15);color:var(--yellow,#eab308);border:1px solid rgba(234,179,8,.3)}.ptimer__auto-paused{background:rgba(239,68,68,.12);color:var(--red,#ef4444);border:1px solid rgba(239,68,68,.25);animation:none}@keyframes ptimer-pulse{0%,100%{opacity:1}50%{opacity:.5}}.ptimer__controls{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.ptimer__settings{display:flex;justify-content:center}.ptimer__setting-label{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.ptimer__select{padding:.3rem .5rem;font-size:.82rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.ptimer__laps{width:100%;max-width:22rem}.ptimer__laps-title{font-size:.9rem;font-weight:700;color:var(--text-bright);margin:0 0 .5rem}.ptimer__lap-row{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.82rem;font-variant-numeric:tabular-nums}.ptimer__lap-num{color:var(--text-muted);min-width:2.5rem;text-align:left}.ptimer__lap-split{color:var(--accent-primary);font-weight:600}.ptimer__lap-total{color:var(--text-secondary)}.ptimer__history{width:100%;max-width:22rem;text-align:left}.ptimer__history-toggle{font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:.4rem 0;user-select:none}.ptimer__history-toggle:hover{color:var(--text-bright)}.ptimer__history-list{margin-top:.5rem}.ptimer__history-row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.8rem;font-variant-numeric:tabular-nums;gap:.5rem}.ptimer__history-date{color:var(--text-muted);flex:1;min-width:0}.ptimer__history-dur{color:var(--text-bright);font-weight:600}.ptimer__history-laps{color:var(--text-secondary);font-size:.75rem}.ptimer__history-empty{color:var(--text-muted);font-size:.82rem;padding:.5rem 0}.ptimer__history-actions{display:flex;justify-content:flex-end;margin-bottom:.35rem}.ptimer__history-del{background:0 0;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .25rem;opacity:.5;transition:opacity .15s,color .15s}.ptimer__history-del:hover{opacity:1;color:var(--red,#ef4444)}.cof-svg{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}.cof-slice{transition:fill .2s,opacity .2s;cursor:default}.cof-slice--interactive{cursor:pointer}.cof-slice--interactive:hover{filter:brightness(1.15)}.cof-slice--interactive:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.cof-label{font-family:var(--font-mono, monospace);user-select:none}.cof-drill-container{display:flex;justify-content:center;padding:.5rem}.cof-info-panel{padding:0 1rem .5rem;max-width:400px;margin:0 auto}.cof-info-hint{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem 0}.cof-key-title{font-size:1.1rem;font-weight:700;color:var(--text-bright);margin-bottom:.5rem;text-align:center}.cof-info-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.35rem;font-size:.85rem}.cof-info-label{color:var(--text-muted);min-width:5rem;flex-shrink:0}.cof-info-value{color:var(--text-primary);font-weight:600}.cof-chord-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.15rem;margin-top:.35rem;text-align:center;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.cof-chord-numeral{font-size:.7rem;color:var(--text-muted)}.cof-chord-name{font-size:.75rem;font-weight:600;color:var(--text-primary);padding:.2rem .1rem;background:var(--bg-tertiary);border-radius:4px}.cof-prog-name{font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center;margin-bottom:.5rem}.cof-prog-chords{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;align-items:center}.cof-prog-chord{background:var(--bg-tertiary);padding:.3rem .6rem;border-radius:6px;font-weight:600;font-size:.9rem;color:var(--text-primary)}.cof-prog-arrow{color:var(--text-muted);font-size:.85rem}.cof-info-tip{margin-top:.6rem;padding:.45rem .6rem;font-size:.78rem;color:var(--text-muted);border-left:3px solid var(--accent-primary);background:var(--bg-tertiary);border-radius:0 4px 4px 0;line-height:1.4}.explore-control-group{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.explore-control-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.explore-control-row{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center;margin-bottom:.4rem}.nd-explore-stack{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:center}.nd-explore-row{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center;justify-content:center}.nd-opts-wrap{width:100%;display:grid;min-height:5.5rem}.nd-opts-panel{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .15s}.nd-opts-panel--active{opacity:1;pointer-events:auto}@media (max-width:520px){.topbar__title{display:none}.topbar__tab{padding:.4rem .55rem;font-size:.82rem}.topbar__tab-icon{font-size:.92rem}.nd-explore-stack{gap:.35rem}.nd-explore-row{gap:.2rem}.nd-explore-row .btn--sm{padding:.3rem .5rem;font-size:.75rem}.nd-explore-row .btn--ghost.btn--sm{padding:.25rem .4rem;min-width:2rem}.nd-explore-row .btn--md{padding:.3rem .55rem;font-size:.78rem}.nd-explore-row .btn--ghost.btn--md{padding:.28rem .45rem;min-width:2rem}.explore-control-row .btn--md{padding:.3rem .55rem;font-size:.78rem}.explore-control-row .btn--ghost.btn--md{padding:.28rem .45rem;min-width:2rem}}@media (max-width:420px){.topbar__tab-label{display:none}.topbar__tab{padding:.4rem .6rem}.cof-chord-name{font-size:.65rem;padding:.15rem 0}.cof-chord-numeral{font-size:.6rem}.cof-info-label{min-width:4rem;font-size:.8rem}.cof-info-value{font-size:.8rem}.cof-key-title{font-size:1rem}.theory-concise,.theory-detail{font-size:.8rem}.toolkit-group__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.toolkit-card__icon{font-size:1.2rem}.nd-explore-row .btn--ghost.btn--sm{padding:.2rem .3rem;min-width:1.8rem;font-size:.7rem}.explore-control-row .btn--ghost.btn--md,.nd-explore-row .btn--ghost.btn--md{padding:.22rem .35rem;min-width:1.8rem;font-size:.72rem}}@media (min-width:640px){.main{padding:1.5rem 2rem}.toolkit-group__grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (min-width:1024px){.main{max-width:960px}}.sw-update-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--accent-primary);color:var(--text-bright);font-size:.85rem;font-weight:600}.sw-update-banner__btn{background:var(--bg-primary);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.play-along{margin:1rem 0;border:1px solid var(--border);border-radius:8px;overflow:visible;background:var(--bg-primary)}.play-along__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .85rem;background:var(--bg-secondary);border:none;border-radius:8px 8px 0 0;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.play-along__toggle:hover{background:var(--bg-hover)}.play-along__toggle-icon{font-size:.65rem;transition:transform .2s;color:var(--text-muted)}.play-along__toggle-label{flex:1}.play-along__body{padding:.55rem;display:flex;flex-direction:column;gap:.35rem}.play-along__body.hidden{display:none}.pa-section{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem .45rem;margin:0;background:var(--bg-secondary)}.pa-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.45rem}.pa-controls{border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary)}.pa-controls__summary{padding:.4rem .6rem;cursor:pointer;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);user-select:none;list-style:none}.pa-controls__summary::-webkit-details-marker{display:none}.pa-controls__summary::before{content:'▸ ';display:inline;font-size:.9em}[open]>.pa-controls__summary::before{content:'▾ '}.pa-controls__summary:hover{color:var(--text-secondary)}.pa-controls__grid{padding:.35rem .6rem .6rem}.pa-field{display:flex;flex-direction:column;gap:.15rem}.pa-field--compact{max-width:90px}.pa-field--grow{flex:1 1 auto;min-width:0}.pa-field__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pa-field__control{padding:.3rem .4rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-surface);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:0;transition:border-color .15s}.pa-field__control:focus{border-color:var(--border-focus)}.pa-field__control--num{width:72px;text-align:center}.play-along__preview{min-height:0}.play-along__preview--flash{animation:.6s ease-out pa-flash}@keyframes pa-flash{0%{box-shadow:0 0 0 3px var(--accent-primary)}100%{box-shadow:0 0 0 0 transparent}}.pa-guide{padding:.25rem 0;font-size:.82rem;line-height:1.55;color:var(--text-secondary);max-height:50vh;overflow-y:auto}.pa-guide__title{font-size:.92rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.pa-guide__section{margin-bottom:.7rem}.pa-guide__heading{font-size:.82rem;font-weight:600;color:var(--accent-primary);margin:0 0 .25rem}.pa-guide ol,.pa-guide ul{margin:.25rem 0 .35rem 1.2rem;padding:0}.pa-guide li{margin-bottom:.2rem}.pa-guide p{margin:.25rem 0}.pa-guide em{color:var(--text-muted);font-style:italic}.pa-guide__empty{color:var(--text-muted);font-style:italic;padding:1rem 0;text-align:center}.pa-coach{display:flex;flex-direction:column;gap:.25rem;margin-top:.15rem}.pa-coach__section{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-secondary)}.pa-coach__section--exercise{border-color:var(--note-fifth,#98c379)}.pa-coach__summary{padding:.4rem .6rem;cursor:pointer;font-weight:600;font-size:.82rem;color:var(--accent-primary);user-select:none;list-style:none;transition:background .12s}.pa-coach__summary::-webkit-details-marker{display:none}.pa-coach__summary::before{content:'▸ ';display:inline;font-size:.7em;margin-right:.15rem}[open]>.pa-coach__summary::before{content:'▾ '}.pa-coach__summary:hover{background:var(--bg-hover)}.pa-coach__section--exercise>.pa-coach__summary{color:var(--note-fifth,#98c379)}.pa-coach__content{padding:.35rem .6rem .55rem;font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.pa-coach__content ol,.pa-coach__content ul{margin:.25rem 0 .35rem 1.2rem;padding:0}.pa-coach__content li{margin-bottom:.2rem}.pa-coach__content p{margin:.25rem 0}.pa-coach__content em{color:var(--text-muted);font-style:italic}.pa-coach__content h4{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:.5rem 0 .25rem}.pa-coach__content .pa-guide-table{width:100%;border-collapse:collapse;font-size:.78rem;margin:.25rem 0}.pa-coach__content .pa-guide-table td{padding:.2rem .4rem;border-bottom:1px solid var(--border)}.pa-coach__content .pa-guide-table td:first-child{font-weight:600;white-space:nowrap;width:6rem;color:var(--text-muted)}.pa-coach__content .pa-guide-table th{text-align:left;padding:.2rem .4rem;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.pa-coach__exercise-body{max-height:60vh;overflow-y:auto}.pa-coach__guide-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.78rem;font-weight:600;color:var(--accent-primary);background:0 0;border:1px solid var(--accent-primary);border-radius:5px;cursor:pointer;transition:background .15s,color .15s}.pa-coach__guide-btn:hover{background:var(--accent-primary);color:var(--bg-primary)}.pa-coach__placeholder{color:var(--text-muted);font-style:italic;text-align:center;padding:.75rem 0}.pa-advanced{border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary)}.pa-advanced__summary{padding:.4rem .6rem;cursor:pointer;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);user-select:none;list-style:none}.pa-advanced__summary::-webkit-details-marker{display:none}.pa-advanced__summary::before{content:'▸ ';display:inline;font-size:.9em}[open]>.pa-advanced__summary::before{content:'▾ '}.pa-advanced__summary:hover{color:var(--text-secondary)}.pa-advanced__grid{padding:.35rem .6rem .6rem}.pa-actions{display:flex;align-items:center;gap:.35rem}.pa-actions__spacer{flex:1}.pa-library-wrap{position:relative}.pa-library-drop{position:absolute;right:0;top:100%;z-index:100;min-width:260px;max-width:320px;background:var(--bg-surface,var(--bg-primary));border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:.5rem;margin-top:.25rem}.pa-library-drop.hidden{display:none}.btn--accent{background:var(--accent-primary,#c678dd);color:#fff;border-color:var(--accent-primary,#c678dd)}.btn--accent:hover{filter:brightness(1.15)}.ex-intro{color:var(--text-secondary);font-size:.88rem;margin-bottom:.55rem;line-height:1.5}.ex-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;padding-bottom:.3rem}.ex-backing-toggle{margin-left:auto;flex-shrink:0;font-size:.75rem;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;user-select:none}.ex-backing-toggle input{margin:0;cursor:pointer}.ex-title-row .pa-coach__guide-btn{flex-shrink:0}.ex-card{background:var(--bg-primary);border-radius:6px;padding:.55rem .65rem;margin-bottom:.5rem;border:1px solid var(--border)}.ex-card--compact{padding:.5rem .75rem}.ex-card h4{margin:0 0 .5rem;color:var(--note-root,#e06c75);font-size:.95rem}.ex-diagrams-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0}.ex-diagrams-row__item{flex:0 1 auto;text-align:center}.ex-btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}.ex-load-btn{display:inline-flex;align-items:center;gap:.3rem;margin-right:.5rem;margin-bottom:.4rem;padding:.35rem .7rem;font-size:.82rem;font-weight:600;color:var(--bg-primary,#1a1a2e);background:var(--accent-primary,#c678dd);border:1px solid var(--accent-primary,#c678dd);border-radius:5px;cursor:pointer;transition:filter .15s}.ex-load-btn:hover{filter:brightness(1.15)}.ex-load-btn:active{filter:brightness(.9)}.ex-fret-range{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.ex-variation{margin-bottom:.6rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.ex-variation summary{padding:.35rem .6rem;cursor:pointer;font-weight:600;font-size:.88rem;background:var(--bg-primary);color:var(--text-primary);user-select:none}.ex-variation summary:hover{background:var(--bg-hover)}.ex-variation__body{padding:.5rem .65rem}.ex-arp-layout{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.ex-arp-seq{line-height:1.9;margin-bottom:.5rem;font-size:.85rem;flex:1;min-width:140px}.ex-note{display:inline;font-size:.85rem}.ex-note sub{font-size:.65rem;opacity:.6}.ex-note--root{color:var(--note-root,#e06c75);font-weight:700}.ex-note--third{color:var(--note-third,#61afef)}.ex-note--fifth{color:var(--note-fifth,#98c379)}.ex-scale-notes{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.ex-hint{font-size:.82rem;color:var(--text-muted);margin-top:.4rem;font-style:italic}.ex-steps{margin-top:.5rem;padding-top:.4rem;border-top:1px solid var(--border)}.ex-steps h4{margin:0 0 .4rem;font-size:.9rem}.ex-steps ol{padding-left:1.3rem;line-height:1.6;font-size:.88rem;color:var(--text-secondary)}.ex-diagram-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.ex-diagram-card{display:flex;flex-direction:column;align-items:center;min-width:100px}.ex-diagram-card__name{font-weight:700;font-size:.88rem;color:var(--note-root,#e06c75);margin-bottom:.1rem}.ex-diagram-card__sub{font-size:.72rem;color:var(--text-muted);margin-bottom:.25rem}.fb-diag{display:block}.fb-diag__title{font-size:10px;font-weight:700;fill:var(--text-primary,#ccc)}.fb-diag__subtitle{font-size:8px;fill:var(--text-muted,#888)}.fb-diag__nut{fill:var(--text-primary,#ccc)}.fb-diag__fret-num{font-size:9px;fill:var(--text-muted,#888)}.fb-diag__fret{stroke:var(--border,#444);stroke-width:1}.fb-diag__string{stroke:var(--text-muted,#888);stroke-width:1}.fb-diag__muted{font-size:10px;fill:var(--text-muted,#888)}.fb-diag__highlight{fill:none;stroke:var(--accent,#c678dd);stroke-width:2}.fb-diag__dot{fill:var(--text-muted,#888)}.fb-diag__dot--root{fill:var(--note-root,#e06c75)}.fb-diag__dot--second{fill:var(--note-second,#d4b483)}.fb-diag__dot--third{fill:var(--note-third,#61afef)}.fb-diag__dot--fourth{fill:var(--note-fourth,#c678dd)}.fb-diag__dot--fifth{fill:var(--note-fifth,#98c379)}.fb-diag__dot--sixth{fill:var(--note-sixth,#56b6c2)}.fb-diag__dot--seventh{fill:var(--note-seventh,#d19a66)}.fb-diag__dot--other{fill:var(--text-muted,#888)}.fb-diag__dot-label{font-size:7.5px;font-weight:700;fill:#fff;pointer-events:none}.fb-lbl-note,body.lbl-note .fb-lbl-iv{display:none}body.lbl-note .fb-lbl-note{display:inline}body.lbl-off .fb-lbl-iv,body.lbl-off .fb-lbl-note{display:none}.label-mode-bar{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;margin-left:auto}.label-mode-bar__label{color:var(--text-secondary);margin-right:.15rem}@media (max-width:480px){.pa-section__grid{grid-template-columns:1fr 1fr}.pa-field--compact{max-width:none;flex:1}.play-along__body{padding:.5rem}.pa-transport .btn{padding:.3rem .55rem;font-size:.75rem}}@media print{#tv-sidebar,.fret-pad,.onboarding,.playback-toolbar,.settings-modal,.splash,.tab-viewer__header,.topbar{display:none!important}.main{padding:0;max-width:100%}.tab-viewer{height:auto!important}.tab-viewer__score{overflow:visible!important;height:auto!important;min-height:0!important}body{background:#fff;color:#000}@page{margin:1cm}}.app-dialog-overlay{position:fixed;inset:0;z-index:20000;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;animation:.12s app-dlg-fadein}@keyframes app-dlg-fadein{from{opacity:0}to{opacity:1}}.app-dialog{background:var(--bg-surface,#2d2d2d);border:1px solid var(--border,#3c3c3c);border-radius:.75rem;box-shadow:0 12px 40px rgba(0,0,0,.5);padding:1.25rem 1.5rem;min-width:280px;max-width:90vw;animation:.15s app-dlg-pop}@keyframes app-dlg-pop{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.app-dialog__title{font-size:.9rem;font-weight:700;color:var(--text-bright,#fff);margin-bottom:.5rem}.app-dialog__msg{font-size:.8rem;color:var(--text-secondary,#aaa);line-height:1.5;margin-bottom:1rem}.app-dialog__input{width:100%;box-sizing:border-box;padding:.45rem .6rem;font-size:.85rem;margin-bottom:1rem;border:1px solid var(--border,#555);border-radius:4px;background:var(--bg-secondary,#3c3c3c);color:var(--text-primary,#ccc);outline:0}.app-dialog__input:focus{border-color:var(--accent,#7c4dff)}.app-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}.app-dialog__cancel{background:var(--bg-secondary,#3c3c3c);color:var(--text-primary,#ccc);border:1px solid var(--border,#555)}.app-dialog__cancel:hover{background:var(--surface-hover,#444)}.app-dialog__ok{background:var(--accent,#7c4dff);color:#fff;border:1px solid var(--accent,#7c4dff)}.app-dialog__ok:hover{filter:brightness(1.15)}.app-dialog__ok--danger{background:#d9534f;color:#fff;border:1px solid #d9534f}.app-dialog__ok--danger:hover{background:#c9302c;border-color:#c9302c}:root,[data-theme=vscode-dark]{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d2d;--bg-surface:#333333;--bg-hover:#2a2d2e;--bg-active:#37373d;--text-primary:#cccccc;--text-secondary:#9d9d9d;--text-muted:#858585;--text-bright:#ffffff;--border:#3c3c3c;--border-focus:#007acc;--divider:#2b2b2b;--overlay-bg:rgba(0, 0, 0, 0.5);--fretboard-bg:#1a1a1a;--fretboard-wood:#2d2117;--fretboard-nut:#e8e4d4;--fret-wire:#666666;--string-color:#b8b0a0;--string-high-e:#c0b8a8;--string-low-e:#8a8070;--inlay-color:#444444;--fret-marker-color:#555555;--note-root:#e06c75;--note-second:#d4b483;--note-third:#61afef;--note-fourth:#c678dd;--note-fifth:#98c379;--note-sixth:#56b6c2;--note-seventh:#d19a66;--note-other:#abb2bf;--note-highlight:#e5c07b;--note-ghost:#4b5263;--caged-c:#e06c75;--caged-a:#61afef;--caged-g:#98c379;--caged-e:#d19a66;--caged-d:#c678dd;--correct:#98c379;--incorrect:#e06c75;--neutral:#61afef;--warning:#e5c07b;--accent-primary:#007acc;--accent-secondary:#3794ff;--accent-hover:#1a8ad4;--accent-active:#005a9e;--streak-glow:#e5c07b;--progress-bar:#007acc;--progress-bar-bg:#3c3c3c;--badge-gold:#ffd700;--badge-silver:#c0c0c0;--badge-bronze:#cd7f32;--state-locked:#4b5263;--state-unlocked:#61afef;--state-proficient:#e5c07b;--state-mastered:#98c379;--state-skipped:#9d9d9d;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-hover:var(--bg-hover);--text:var(--text-primary);--accent:var(--accent-primary);--cot-major3:#e8913a;--cot-minor3:#5b9bd5;--fb-dot-radius:12px;--fb-string-spacing:30px;--fb-fret-spacing:60px;--fb-nut-width:6px;--fb-fret-wire-width:2px}[data-theme=light-clean]{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--bg-surface:#fafafa;--bg-hover:#e8e8e8;--bg-active:#d4d4d4;--text-primary:#333333;--text-secondary:#666666;--text-muted:#767676;--text-bright:#000000;--border:#d4d4d4;--border-focus:#0066cc;--divider:#e5e5e5;--fretboard-bg:#f0ebe0;--fretboard-wood:#d4c4a0;--fretboard-nut:#f5f0e0;--fret-wire:#aaaaaa;--string-color:#777777;--string-high-e:#888888;--string-low-e:#555555;--inlay-color:#cccccc;--fret-marker-color:#bbbbbb;--note-root:#d32f2f;--note-second:#bf8040;--note-third:#1976d2;--note-fourth:#7b1fa2;--note-fifth:#388e3c;--note-sixth:#00838f;--note-seventh:#e64a19;--note-other:#757575;--note-highlight:#f9a825;--note-ghost:#e0e0e0;--caged-c:#d32f2f;--caged-a:#1976d2;--caged-g:#388e3c;--caged-e:#e64a19;--caged-d:#7b1fa2;--correct:#388e3c;--incorrect:#d32f2f;--neutral:#1976d2;--warning:#f9a825;--accent-primary:#0066cc;--accent-secondary:#4a9eff;--accent-hover:#0052a3;--accent-active:#003d7a;--streak-glow:#f9a825;--progress-bar:#0066cc;--progress-bar-bg:#e0e0e0;--badge-gold:#ffd700;--badge-silver:#c0c0c0;--badge-bronze:#cd7f32;--state-locked:#bdbdbd;--state-unlocked:#1976d2;--state-proficient:#f9a825;--state-mastered:#388e3c;--state-skipped:#999999;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-hover:var(--bg-hover);--text:var(--text-primary);--accent:var(--accent-primary);--cot-major3:#d4770a;--cot-minor3:#3a7ab5}[data-theme=high-contrast]{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-surface:#222222;--bg-hover:#333333;--bg-active:#444444;--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-muted:#aaaaaa;--text-bright:#ffffff;--border:#666666;--border-focus:#ffff00;--divider:#333333;--fretboard-bg:#0a0a0a;--fretboard-wood:#1a1200;--fretboard-nut:#ffffff;--fret-wire:#888888;--string-color:#cccccc;--string-high-e:#dddddd;--string-low-e:#aaaaaa;--inlay-color:#666666;--fret-marker-color:#777777;--note-root:#ff0000;--note-second:#ddaa00;--note-third:#00aaff;--note-fourth:#dd00ff;--note-fifth:#00ff00;--note-sixth:#00dddd;--note-seventh:#ff8800;--note-other:#cccccc;--note-highlight:#ffff00;--note-ghost:#555555;--caged-c:#ff0000;--caged-a:#00aaff;--caged-g:#00ff00;--caged-e:#ff8800;--caged-d:#ff00ff;--correct:#00ff00;--incorrect:#ff0000;--neutral:#00aaff;--warning:#ffff00;--accent-primary:#ffff00;--accent-secondary:#ffee00;--accent-hover:#dddd00;--accent-active:#bbbb00;--streak-glow:#ffff00;--progress-bar:#ffff00;--progress-bar-bg:#444444;--badge-gold:#ffd700;--badge-silver:#c0c0c0;--badge-bronze:#cd7f32;--state-locked:#666666;--state-unlocked:#00aaff;--state-proficient:#ffff00;--state-mastered:#00ff00;--state-skipped:#aaaaaa;--fb-dot-radius:14px;--fb-string-spacing:32px;--fb-fret-spacing:62px;--fb-nut-width:8px;--fb-fret-wire-width:3px;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-hover:var(--bg-hover);--text:var(--text-primary);--accent:var(--accent-primary);--cot-major3:#ffcc00;--cot-minor3:#00ccff}[data-theme=colorblind]{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d2d;--bg-surface:#333333;--bg-hover:#2a2d2e;--bg-active:#37373d;--text-primary:#cccccc;--text-secondary:#9d9d9d;--text-muted:#858585;--text-bright:#ffffff;--border:#3c3c3c;--border-focus:#56b4e9;--divider:#2b2b2b;--fretboard-bg:#1a1a1a;--fretboard-wood:#2d2117;--fretboard-nut:#e8e4d4;--fret-wire:#666666;--string-color:#b8b0a0;--string-high-e:#c0b8a8;--string-low-e:#8a8070;--inlay-color:#444444;--fret-marker-color:#555555;--note-root:#e69f00;--note-second:#d55e00;--note-third:#56b4e9;--note-fourth:#cc79a7;--note-fifth:#009e73;--note-sixth:#0072b2;--note-seventh:#f0e442;--note-other:#999999;--note-highlight:#cc79a7;--note-ghost:#4b5263;--caged-c:#e69f00;--caged-a:#56b4e9;--caged-g:#009e73;--caged-e:#f0e442;--caged-d:#cc79a7;--correct:#009e73;--incorrect:#d55e00;--neutral:#56b4e9;--warning:#f0e442;--accent-primary:#56b4e9;--accent-secondary:#78c8f0;--accent-hover:#4090c0;--accent-active:#306090;--streak-glow:#f0e442;--progress-bar:#56b4e9;--progress-bar-bg:#3c3c3c;--badge-gold:#e69f00;--badge-silver:#999999;--badge-bronze:#d55e00;--state-locked:#4b5263;--state-unlocked:#56b4e9;--state-proficient:#f0e442;--state-mastered:#009e73;--state-skipped:#999999;--fb-dot-radius:13px;--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-hover:var(--bg-hover);--text:var(--text-primary);--accent:var(--accent-primary);--cot-major3:#e69f00;--cot-minor3:#56b4e9}.fretboard-wrap{width:100%;position:relative}.fb-scroll{overflow:auto;-webkit-overflow-scrolling:touch}.fretboard-svg{display:block;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fb-zoom-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:4px 0 2px}.fb-orient-group,.fb-zoom-group{display:inline-flex;align-items:center;gap:2px}.fb-zoom-btn{width:32px;height:28px;border:1px solid var(--border-color,rgba(255,255,255,.15));border-radius:4px;background:var(--surface-1,rgba(30,30,30,.6));color:var(--text-primary,#eee);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.fb-orient-btn.active{background:var(--accent-primary,#4fc3f7);color:#fff;border-color:var(--accent-primary,#4fc3f7)}.fb-zoom-btn:hover:not(:disabled){background:var(--surface-2,rgba(255,255,255,.12))}.fb-zoom-btn:disabled{opacity:.3;cursor:default}.fb-zoom-label{font-size:.75rem;color:var(--text-secondary,#aaa);min-width:3em;text-align:center;user-select:none}.fb-background{fill:var(--fretboard-bg)}.fb-wood{fill:var(--fretboard-wood)}.fb-nut{fill:var(--fretboard-nut);stroke:none}.fb-fret-wire{stroke:var(--fret-wire);stroke-width:var(--fb-fret-wire-width,2px)}.fb-string{stroke:var(--string-color);stroke-linecap:round}.fb-string--1{stroke:var(--string-high-e);stroke-width:1px}.fb-string--2{stroke:var(--string-color);stroke-width:1.2px}.fb-string--3{stroke:var(--string-color);stroke-width:1.5px}.fb-string--4{stroke:var(--string-color);stroke-width:1.8px}.fb-string--5{stroke:var(--string-color);stroke-width:2.2px}.fb-string--6{stroke:var(--string-low-e);stroke-width:2.5px}.fb-inlay{fill:var(--inlay-color);opacity:.6}.fb-inlay--double{opacity:.6}.fb-fret-number{fill:var(--fret-marker-color);font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;user-select:none}.fb-note{pointer-events:none;transition:opacity .15s,transform .15s}.fb-note:hover{filter:brightness(1.15)}.fb-note:active{transform:scale(.9)}.fb-note-circle{stroke:rgba(0,0,0,0.3);stroke-width:1px;transition:fill .2s}.fb-note--root .fb-note-circle{fill:var(--note-root)}.fb-note--second .fb-note-circle{fill:var(--note-second)}.fb-note--third .fb-note-circle{fill:var(--note-third)}.fb-note--fourth .fb-note-circle{fill:var(--note-fourth)}.fb-note--fifth .fb-note-circle{fill:var(--note-fifth)}.fb-note--sixth .fb-note-circle{fill:var(--note-sixth)}.fb-note--seventh .fb-note-circle{fill:var(--note-seventh)}.fb-note--other .fb-note-circle{fill:var(--note-other)}.fb-note--custom .fb-note-circle{fill:var(--note-custom,#FF9800)}.fb-note--highlight .fb-note-circle{fill:var(--note-highlight)}.fb-note--ghost .fb-note-circle{fill:var(--note-ghost)}.fb-note--common .fb-note-circle{fill:var(--accent-primary,#4fc3f7);stroke:#fff;stroke-width:2px}@keyframes fb-note-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.65}}.fb-note--played .fb-note-circle{transform-origin:center;transform-box:fill-box;animation:.35s ease-out fb-note-pulse}.fb-note--root-ref .fb-note-circle{fill:#f59e0b;stroke:#d97706;stroke-width:2.5px;filter:drop-shadow(0 0 4px rgba(245, 158, 11, .5))}.fb-note--root-ref .fb-note-label{fill:#000;font-weight:800;font-size:12px}.fb-note--pending .fb-note-circle{fill:#818cf8;stroke:#6366f1;stroke-width:2px;opacity:.85}.fb-note--caged-c .fb-note-circle{fill:var(--caged-c)}.fb-note--caged-a .fb-note-circle{fill:var(--caged-a)}.fb-note--caged-g .fb-note-circle{fill:var(--caged-g)}.fb-note--caged-e .fb-note-circle{fill:var(--caged-e)}.fb-note--caged-d .fb-note-circle{fill:var(--caged-d)}.fb-note--ng-gray .fb-note-circle{fill:#8a9bb0}.fb-note--ng-blue .fb-note-circle{fill:#4a9eff}.fb-note--ng-green .fb-note-circle{fill:#56c26a}.fb-note--ng-dim .fb-note-circle{fill:#4b5263;opacity:.5}.fb-note--ng-amber .fb-note-circle{fill:#e8a838}.fb-note--ng-indigo .fb-note-circle{fill:#7c6fcd}.fb-note--ng-teal .fb-note-circle{fill:#2ab5b5}.fb-note--ng-amber-cross .fb-note-circle{fill:#e8a838;stroke:#ffffff;stroke-width:2.5px}.fb-note--ng-indigo-cross .fb-note-circle{fill:#7c6fcd;stroke:#ffffff;stroke-width:2.5px}.fb-note--ng-teal-cross .fb-note-circle{fill:#2ab5b5;stroke:#ffffff;stroke-width:2.5px}.fb-note-label{fill:#ffffff;font-size:10px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none;user-select:none}[data-theme=light-clean] .fb-note-label{fill:#ffffff}[data-theme=light-clean] .fb-note--ghost .fb-note-label,[data-theme=light-clean] .fb-note--highlight .fb-note-label{fill:#333333}.fb-note--shape-diamond .fb-note-circle{rx:0;ry:0}.fb-note--shape-square .fb-note-circle{rx:2;ry:2}.fb-note--correct{animation:.4s fb-pulse-correct}.fb-note--incorrect{animation:.4s fb-shake}.fb-note--correct .fb-note-circle{fill:var(--correct)}.fb-note--incorrect .fb-note-circle{fill:var(--incorrect)}.fb-note--dimmed{opacity:.25}.fb-note--hidden{opacity:0;pointer-events:none}.fb-note--pulsing{animation:1s ease-in-out infinite fb-pulse}@keyframes fb-pulse{0%,100%{opacity:1}50%{opacity:.6}}@keyframes fb-pulse-correct{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes fb-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.fb-note-touch-target{fill:transparent;stroke:none;pointer-events:none;outline:0}.fb-note-touch-target:focus{pointer-events:auto}.fb-string-group-highlight{fill:var(--accent-primary);opacity:.08;pointer-events:none}.fb-capo{fill:#555555;stroke:#333333;stroke-width:1px;rx:3}.fb-capo-label{fill:var(--text-bright);font-size:9px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}@media (max-width:480px){.fb-note-label{font-size:8px}.fb-fret-number{font-size:9px}.fb-zoom-btn{width:36px;height:32px;font-size:1.1rem}}.fb-note[role=button]:focus{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fb-note--correct,.fb-note--incorrect,.fb-note--pulsing{animation:none}}.chord-diagram-svg{display:block;user-select:none;-webkit-user-select:none}.cd-title{fill:var(--text-primary,#e0e0e0);font-size:13px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-anchor:middle;dominant-baseline:auto}.cd-nut{fill:var(--fretboard-nut,#e0d4b8)}.cd-pos-label{fill:var(--text-secondary,#999);font-size:10px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;dominant-baseline:central}.cd-fret-wire{stroke:var(--fret-wire,#888);stroke-width:1px}.cd-string{stroke:var(--string-color,#c0a868);stroke-width:1.2px;stroke-linecap:round}.cd-dot{fill:var(--note-root,#e94560);stroke:rgba(0,0,0,0.25);stroke-width:.5px}.cd-barre{fill:none;stroke:var(--note-root,#e94560);opacity:.85}.cd-open{fill:none;stroke:var(--text-secondary,#999);stroke-width:1.5px}.cd-muted line{stroke:var(--text-secondary,#999);stroke-width:1.5px}.chord-diagram-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.chord-diagram-wrap .chord-diagram-svg{max-width:160px}.chord-diagram-none{color:var(--text-tertiary,#666);font-size:11px;font-style:italic;text-align:center;padding:8px 0}.chord-section.sidebar__section-body{flex-direction:row;gap:6px;padding:.3rem}.chord-section__controls{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.chord-section__label{min-width:2.6rem;font-size:.64rem}.chord-section__btns{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:1px}.chord-section__btns .btn--xs{font-size:.64rem;padding:.18rem .25rem;text-align:center;white-space:nowrap}.chord-section__toggles{display:flex;gap:6px;margin-top:1px}.chord-section__toggles .sidebar__check-label{font-size:.64rem}.chord-section__diagram{flex:0 0 110px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.chord-section__diagram .chord-diagram-svg{max-width:110px}.chord-section__diagram .chord-diagram-none{padding:1.2rem 0;font-size:10px}@media (max-width:600px){.chord-section.sidebar__section-body{flex-direction:column}.chord-section__diagram{flex-basis:auto;align-self:center;order:-1}.chord-section__diagram .chord-diagram-svg{max-width:100px}}.phrase-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(1rem);z-index:10000;text-align:center;padding:.6rem 1.5rem;background:var(--accent);color:var(--bg);font-weight:600;font-size:.85rem;border-radius:8px;opacity:0;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:opacity .25s,transform .25s;pointer-events:none}.phrase-toast--visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.library-container{max-width:900px;margin:0 auto;padding:.5rem 0}.phrase-tag-bar{margin-bottom:1rem}.phrase-tag-cloud{display:flex;flex-wrap:wrap;gap:.3rem;max-height:72px;overflow:hidden;transition:max-height .25s}.phrase-tag-cloud.expanded{max-height:600px}.phrase-tag-pill{padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.phrase-tag-pill:hover{background:var(--surface-hover,var(--surface));color:var(--text-bright)}.phrase-tag-pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.phrase-tag-toggle{display:block;margin-top:.3rem;padding:.15rem .5rem;background:0 0;border:none;color:var(--text-secondary);font-size:.72rem;cursor:pointer;transition:color .15s}.phrase-tag-toggle:hover{color:var(--text-bright)}.phrase-count{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;padding:0 .25rem}.phrase-storage{font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem;padding:0 .25rem;opacity:.7}.phrase-sort-select{background:var(--bg);border:1px solid var(--border);border-radius:.35rem;color:var(--text-bright);font-size:.78rem;padding:.35rem .4rem}.phrase-card__check{width:1.1rem;height:1.1rem;margin-right:.5rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.phrase-card__drag-handle{cursor:grab;font-size:1.1rem;color:var(--text-secondary);margin-right:.5rem;user-select:none;opacity:.5;transition:opacity .15s,color .15s;flex-shrink:0}.phrase-card__drag-handle:hover{opacity:1;color:var(--accent)}.phrase-card__drag-handle:active{cursor:grabbing}.phrase-card.dragging{opacity:.4;border-color:var(--accent)}.phrase-card.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.phrase-card.focused{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,122,204,.35)}.phrase-card__dup{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.3rem;border-radius:.25rem;transition:color .15s,transform .15s}.phrase-card__dup:hover{color:var(--accent);transform:scale(1.15)}@keyframes phrase-card-flash{0%{box-shadow:0 0 0 0 var(--accent)}30%{box-shadow:0 0 0 4px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}.phrase-card--flash{animation:1.5s ease-out phrase-card-flash;border-color:var(--accent)}.phrase-card__name-input{width:100%;padding:.2rem .4rem;border:1px solid var(--accent);border-radius:.3rem;background:var(--bg);color:var(--text-bright);font-size:.95rem;font-weight:700;font-family:inherit;outline:0}.phrase-card__desc-input{width:100%;padding:.3rem .4rem;border:1px solid var(--accent);border-radius:.3rem;background:var(--bg);color:var(--text-bright);font-size:.82rem;font-family:inherit;line-height:1.45;resize:vertical;outline:0}.phrase-card__desc{cursor:text;min-height:1.2em}.phrase-card__desc:empty::after{content:'Click to add description…';color:var(--text-secondary);opacity:.5;font-style:italic}.phrase-card__progress{height:4px;background:var(--surface-hover,rgba(255,255,255,.08));border-radius:2px;overflow:hidden;margin-bottom:.75rem}.phrase-card__progress-fill{height:100%;width:0;background:var(--accent-primary,var(--accent,#007acc));border-radius:2px;transition:width .15s linear}.lib-load-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0 .25rem}.lib-load-more.hidden{display:none}.lib-load-more__count{font-size:.72rem;color:var(--text-secondary);opacity:.7}.phrase-list{display:flex;flex-direction:column;gap:.75rem}.phrase-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:border-color .15s}.phrase-card:hover{border-color:var(--accent)}.phrase-card__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;user-select:none}.phrase-card__info{flex:1;min-width:0}.phrase-card__name{font-weight:700;font-size:.95rem;color:var(--text-bright);margin-bottom:.15rem}.phrase-card__meta{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem .5rem;flex-wrap:wrap;overflow:hidden}.phrase-card__toggle{font-size:1.2rem;color:var(--text-secondary);transition:transform .2s}.phrase-card.expanded .phrase-card__toggle{transform:rotate(180deg)}.phrase-card__body{display:none;padding:0 1rem 1rem;border-top:1px solid var(--border)}.phrase-card.expanded .phrase-card__body{display:block}.phrase-card__desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.45}.phrase-card__fretboard{margin-bottom:.75rem;border-radius:.5rem;overflow:hidden}.phrase-card__tab{margin-bottom:.75rem;min-height:80px;max-height:280px;overflow:auto}.phrase-card__tab::-webkit-scrollbar{width:4px}.phrase-card__tab::-webkit-scrollbar-thumb{background:var(--border,#3c3c3c);border-radius:2px}.phrase-card__tab.hidden{display:none}.phrase-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.5rem 0;border-top:1px solid var(--border)}.phrase-controls__playback{display:flex;align-items:center;gap:.25rem}.phrase-controls__transport{display:flex;align-items:center;gap:.5rem}.phrase-fb-toggle,.phrase-play-btn,.phrase-tab-toggle{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}.phrase-play-btn{font-size:1.1rem}.phrase-fb-toggle:hover,.phrase-play-btn:hover,.phrase-tab-toggle:hover{background:var(--surface-hover,var(--surface));color:var(--text-bright);border-color:var(--accent)}.phrase-fb-toggle:active,.phrase-play-btn:active,.phrase-tab-toggle:active{transform:scale(.93)}.phrase-fb-toggle.active,.phrase-tab-toggle.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.phrase-controls__group{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;font-size:.78rem}.phrase-transpose-btn{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:none;background:0 0;color:var(--text-secondary);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s}.phrase-transpose-btn:hover{background:var(--accent);color:var(--bg)}.phrase-transpose-btn:disabled{opacity:.25;cursor:not-allowed;background:0 0;color:var(--text-secondary)}.phrase-transpose-label{padding:0 .4rem;min-width:4.2rem;text-align:center;color:var(--text-bright);font-size:.75rem;font-weight:600;white-space:nowrap}.phrase-card__key{background:var(--accent);color:var(--bg);padding:.05rem .35rem;border-radius:.25rem;font-weight:600;font-size:.7rem}.phrase-card__tag{background:var(--surface-hover,var(--surface));padding:.05rem .35rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:background .12s,color .12s}.phrase-card__tag:hover{background:var(--accent);color:var(--bg)}.phrase-card__tag--editable{display:inline-flex;align-items:center;gap:.15rem;padding-right:.15rem}.phrase-card__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:none;color:inherit;font-size:.75rem;font-weight:700;cursor:pointer;padding:0;width:.85rem;height:.85rem;border-radius:50%;opacity:.5;transition:opacity .12s,background .12s}.phrase-card__tag-remove:hover{opacity:1;background:rgba(231,76,60,.3);color:#e74c3c}.phrase-card__tag-add{background:0 0!important;border:1px dashed var(--border)!important;color:var(--text-secondary);font-size:.75rem;font-weight:700;cursor:pointer;padding:.05rem .4rem;border-radius:.25rem;transition:border-color .12s,color .12s}.phrase-card__tag-add:hover{border-color:var(--accent)!important;color:var(--accent);background:0 0!important}.phrase-card__tag-input{width:5rem;padding:.05rem .3rem;border-radius:.25rem;border:1px solid var(--accent);background:var(--bg);color:var(--text-bright);font-size:.7rem;outline:0}.phrase-transpose{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.phrase-transpose select{background:var(--bg);border:1px solid var(--border);border-radius:.35rem;color:var(--text-bright);font-size:.78rem;padding:.2rem .4rem}.at-surface,.phrase-card__tab{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.at-surface svg{background:0 0!important}.at-cursor-bar{background:var(--accent-primary,#007acc)!important;opacity:.18}.at-cursor-beat{background:#055e93!important;opacity:1}.at-highlight *{fill:var(--accent-primary,#0078ff)!important;stroke:var(--accent-primary,#0078ff)!important}.at-selection div{background:var(--accent-primary,#007acc)!important;opacity:.1}.editing .at-cursor-bar,.editing .at-cursor-beat,.editing .at-highlight,.editing .at-selection{display:none!important}.editing.playing .at-cursor-bar,.editing.playing .at-cursor-beat{display:block!important}.lib-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.75rem}.lib-toolbar__search{display:flex;align-items:center;gap:.4rem;flex:1 1 240px;min-width:0}.lib-toolbar__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.lib-toolbar__sep{display:inline-block;width:1px;height:1.2rem;background:var(--border);margin:0 .15rem}.lib-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;padding:0 .25rem}.lib-status .phrase-count,.lib-status .phrase-storage{margin-bottom:0}.phrase-card__actions{display:flex;align-items:center;gap:.25rem;margin-left:auto;margin-right:.5rem;flex-shrink:0}.phrase-card__open{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--bg);border:none;font-size:1rem;cursor:pointer;transition:transform .15s,opacity .15s}.phrase-card__open:hover{transform:scale(1.15);opacity:.9}.phrase-editor__code-wrap{display:flex;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);overflow:hidden;min-height:120px;max-height:280px}.phrase-editor__input{flex:1;min-height:0;max-height:none;padding:.75rem;font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-size:.82rem;line-height:1.5;background:0 0;border:none;border-radius:0;color:var(--text-bright);resize:vertical;tab-size:2;overflow-y:auto}.phrase-editor__input:focus{outline:0}.phrase-editor__code-wrap:focus-within{border-color:var(--accent)}.phrase-editor__input::placeholder{color:var(--text-secondary);opacity:.6}.phrase-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.phrase-empty__icon{font-size:2.5rem;margin-bottom:.5rem}.phrase-empty__actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.phrase-empty__clear{margin-top:.75rem}.phrase-card__delete{background:0 0;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.3rem;border-radius:.25rem;transition:color .15s}.phrase-card__delete:hover{color:#e74c3c}.phrase-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:var(--text-secondary);font-size:.85rem;gap:.5rem}.phrase-loading::before{content:'';width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite phrase-spin}@keyframes phrase-spin{to{transform:rotate(360deg)}}.phrase-search__input{flex:1;min-width:0;padding:.4rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text-bright);font-size:.82rem}.phrase-search__input:focus{outline:0;border-color:var(--accent)}.phrase-search__input::placeholder{color:var(--text-secondary);opacity:.6}.phrase-fav-filter{font-size:1.1rem;line-height:1}.phrase-fav-filter.active{color:#e74c3c}.phrase-card__edit,.phrase-card__fav{background:0 0;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.3rem;border-radius:.25rem;transition:color .15s,transform .15s}.phrase-card__fav:hover{transform:scale(1.2)}.phrase-card__edit:hover{color:var(--accent)}.phrase-tab-dialog{border:none;padding:0;margin:auto;background:var(--bg-primary,#1e1e1e);color:var(--text-primary,#ccc);border-radius:.5rem;width:calc(100vw - 2rem);max-width:none;height:calc(100vh - 2rem);max-height:none;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.phrase-tab-dialog::backdrop{background:var(--overlay-bg,rgba(0,0,0,.5));backdrop-filter:blur(4px)}.phrase-tab-dialog__body{flex:1;overflow:auto;min-height:0;padding:.5rem;transition:background-color .2s}.phrase-tab-dialog__body.classic-white{background-color:#fff}.phrase-tab-dialog__body.classic-white .at-surface,.phrase-tab-dialog__body.classic-white .at-surface svg,.phrase-tab-dialog__body.classic-white .phrase-card__tab{background:#fff!important}.phrase-tab-dialog__body.classic-white .at-cursor-bar{background:rgba(0,100,180,.3)!important}.phrase-tab-dialog__body.classic-white .at-cursor-beat{background:#055e93!important;opacity:1}.phrase-tab-dialog__body.classic-white .at-highlight *{fill:#0b61a4!important;stroke:#0b61a4!important}.phrase-tab-dialog__body.classic-white .at-selection div{background:rgba(0,100,180,.18)!important}@keyframes pe-error-in{from{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.phrase-tab-dialog{width:100vw;height:100vh;margin:0;border-radius:0}.phrase-card__header{padding:.6rem .75rem}.phrase-card__body{padding:0 .75rem .75rem}.phrase-tag-pill{padding:.3rem .55rem;font-size:.72rem}.phrase-search__input{flex-basis:100%}.phrase-track__volume{width:3rem}.phrase-track__name{font-size:.72rem}.phrase-track__instrument{font-size:.62rem}.lib-toolbar{gap:.35rem}.lib-toolbar__actions,.lib-toolbar__search{display:contents}.lib-toolbar .phrase-search__input{flex-basis:100%}.lib-toolbar .lib-toolbar__sep{display:none}.phrase-card__actions{gap:.15rem;margin-right:.35rem}.phrase-card__open{width:1.7rem;height:1.7rem;font-size:.85rem}.phrase-card__delete,.phrase-card__dup,.phrase-card__edit,.phrase-card__fav{font-size:1rem;padding:.2rem}.phrase-toast{left:1rem;right:1rem;transform:translateX(0) translateY(1rem);max-width:none}.phrase-toast--visible{transform:translateX(0) translateY(0)}}.phrase-tracks:empty{display:none}.phrase-tracks__header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;color:var(--text-secondary,#999);text-transform:uppercase;letter-spacing:.05em;padding:.35rem 0 .25rem;margin-top:.25rem}.phrase-tracks__add-btn{font-size:.85rem;padding:0 .35rem;line-height:1.2;border-radius:.25rem;cursor:pointer}.phrase-tracks__list{display:flex;flex-direction:column;gap:1px;background:var(--border,#3c3c3c);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;overflow:hidden;overflow-y:auto;max-height:calc(4 * 2.1rem + 3px);margin-bottom:.5rem}.phrase-track-row{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;background:var(--bg-surface,#333);transition:opacity .15s}.phrase-track-row--hidden{opacity:.5}.phrase-track-row--editing{border-left:3px solid var(--accent,#7c4dff);padding-left:calc(.5rem - 3px)}.phrase-track__info{display:flex;flex-direction:column;flex:1;min-width:0;gap:0}.phrase-track__instrument{font-size:.68rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-picker--track{position:relative;width:100%}.instrument-picker__selected--track{padding:.2rem .4rem;font-size:.75rem;border-radius:.3rem;gap:.3rem}.instrument-picker__dropdown--portal{width:240px;max-height:340px;background:var(--bg-surface,#333);border:1px solid var(--border,#3c3c3c);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;font-size:.78rem}.instrument-picker__dropdown--portal .instrument-picker__categories{overflow-y:auto;flex:1}.phrase-track__name-input{width:100%;border:1px solid transparent;border-radius:.25rem;background:0 0;color:var(--text-bright,#fff);font-size:.78rem;font-weight:600;padding:.1rem .3rem;outline:0;transition:border-color .15s,background .15s}.phrase-track__name-input:not(.phrase-track__name-input--readonly):hover{border-color:var(--border,#555);background:var(--bg-secondary,#2a2a2a)}.phrase-track__name-input:not(.phrase-track__name-input--readonly):focus{border-color:var(--accent,#569cd6);background:var(--bg-secondary,#2a2a2a)}.phrase-track__name-input--readonly{cursor:default;user-select:none}.phrase-track__delete{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border:1px solid transparent;border-radius:.25rem;background:0 0;color:var(--text-secondary,#888);font-size:.7rem;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .12s,color .12s,background .12s,border-color .12s}.phrase-track__delete--hidden{visibility:hidden;pointer-events:none}.phrase-track-row:hover .phrase-track__delete:not(.phrase-track__delete--hidden){opacity:.6}@media (pointer:coarse){.phrase-track__delete:not(.phrase-track__delete--hidden){opacity:.5}}.phrase-track__delete:hover{opacity:1!important;color:var(--incorrect,#d9534f);border-color:var(--incorrect,#d9534f);background:rgba(217,83,79,.1)}.phrase-track__mute,.phrase-track__solo,.phrase-track__vis{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:1px solid var(--border,#555);border-radius:.3rem;background:var(--bg-secondary,#2a2a2a);color:var(--text-primary,#bbb);font-size:.68rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.phrase-track__vis{font-size:.8rem}.phrase-track__mute:hover,.phrase-track__solo:hover,.phrase-track__vis:hover{border-color:var(--accent);color:var(--text-bright,#fff);background:var(--surface-hover,#3a3a3a)}.phrase-track__vis.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.phrase-track__solo.active{background:var(--warning,#e6a817);color:#000;border-color:var(--warning,#e6a817)}.phrase-track__mute.active{background:var(--incorrect,#d9534f);color:var(--text-bright,#fff);border-color:var(--incorrect,#d9534f)}.phrase-track__volume{width:4rem;height:2px;-webkit-appearance:none;appearance:none;background:var(--text-secondary,#9d9d9d);border-radius:1px;outline:0;cursor:pointer;flex-shrink:0;opacity:.35;transition:opacity .15s}.phrase-track__volume:hover{opacity:.6}.phrase-track__volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent-primary,#007acc);border:none;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.4);margin-top:-4px}.phrase-track__volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent-primary,#007acc);border:none;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.4)}.phrase-track__volume::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--text-secondary,#9d9d9d);opacity:.35}.phrase-track__volume::-moz-range-track{height:2px;border-radius:1px;background:var(--text-secondary,#9d9d9d);opacity:.35}.phrase-track__volume::-moz-range-progress{height:2px;border-radius:1px;background:var(--accent-primary,#007acc);opacity:.7}.phrase-track__vol-label{font-size:.65rem;color:var(--text-secondary);min-width:2.2rem;text-align:right;flex-shrink:0}@media (max-width:600px){.phrase-track-row{flex-wrap:wrap;padding:.25rem .4rem;gap:.25rem}.phrase-track__info{flex:1 1 60%;min-width:0}.phrase-track__name-input{font-size:.72rem;padding:.05rem .2rem}.phrase-track__instrument{font-size:.62rem}.phrase-track__mute,.phrase-track__solo,.phrase-track__vis{width:1.4rem;height:1.4rem;font-size:.6rem}.phrase-track__volume{width:3rem}.phrase-track__vol-label{font-size:.58rem;min-width:1.8rem}.phrase-track__delete{width:1.2rem;height:1.2rem;opacity:.5}.instrument-picker__selected--track{font-size:.68rem;padding:.15rem .3rem}.phrase-tracks__list{max-height:calc(2 * 2.1rem + 1px)}.instrument-picker__dropdown--portal{width:min(220px,80vw);max-height:50vh}}.pv{display:flex;flex-direction:column;gap:0}.pv__progress{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.pv__progress-fill{height:100%;width:0;background:var(--accent-primary,var(--accent));transition:width .12s linear}.pv__notation{min-height:0;border-radius:6px;overflow:hidden}.pv__notation .at-wrap{max-height:400px}.play-along .pv__notation{max-height:336px;overflow-y:auto}.pv__tracks-wrap{border:1px solid var(--border);border-radius:6px;margin-top:.35rem}.pv__tracks-wrap[hidden]{display:none}.pv__tracks-wrap:not([open]){border-color:transparent}.pv__tracks-toggle{cursor:pointer;padding:.25rem .5rem;font-size:.82rem;font-weight:600;color:var(--text-secondary);user-select:none}.pv__tracks:empty{display:none}.pv__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;padding:.4rem 0;border-top:1px solid var(--border)}.pv__transport{display:flex;align-items:center;gap:.25rem}.pv__settings{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pv__btn{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface,var(--bg-surface));color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}.pv__play{font-size:1.1rem}.pv__btn:hover{background:var(--surface-hover,var(--bg-surface));color:var(--text-bright,var(--text-primary));border-color:var(--accent,var(--accent-primary))}.pv__btn:active{transform:scale(.93)}.pv__btn.active{background:var(--accent,var(--accent-primary));color:var(--bg,var(--bg-primary));border-color:var(--accent,var(--accent-primary))}.pv__btn--sm{width:1.85rem;height:1.85rem;font-size:.78rem}.pv__sep{width:1px;align-self:stretch;margin:.2rem .1rem;background:var(--border,rgba(255,255,255,.12))}.pv__extra-slot{display:contents}.pv__extra-slot:empty{display:none}.pv__selection{font-size:.75rem;color:var(--accent,var(--accent-primary));margin-left:.25rem;cursor:pointer;white-space:nowrap}.pv__selection.hidden{display:none}.pv__group{display:flex;align-items:center;gap:0;background:var(--surface,var(--bg-surface));border:1px solid var(--border);border-radius:.5rem;overflow:hidden;font-size:.78rem}.pv__group-icon{padding:0 .4rem;color:var(--text-secondary);font-size:.9rem}.pv__speed{border:none;background:0 0;color:var(--text-bright,var(--text-primary));font-size:.78rem;padding:.3rem .35rem;cursor:pointer;outline:0}.pv__loading{padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.pv__error{padding:.5rem;color:var(--text-secondary);font-size:.85rem}@media (max-width:480px){.pv__toolbar{flex-direction:column;align-items:flex-start;gap:.35rem}.pv__settings{gap:.35rem}}.pv:fullscreen{background:var(--bg-primary,#fff);padding:1rem;overflow-y:auto}.pv:fullscreen .pv__notation{max-height:none;overflow-y:visible}.pv:fullscreen .pv__notation .at-wrap{max-height:none}.score-editor__input-panel{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem}.input-panel__row{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.input-panel__label{font-size:.7rem;color:var(--text-secondary,#999);text-transform:uppercase;min-width:5.5rem;font-weight:600}.input-panel__btn-group{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.input-panel__btn{padding:.2rem .5rem;font-size:.78rem;background:var(--bg,#121212);border:1px solid var(--border,#3c3c3c);border-radius:.3rem;color:var(--text,#e0e0e0);cursor:pointer;min-width:2rem;text-align:center;transition:background .12s,border-color .12s}.input-panel__btn:hover{background:var(--surface-hover,#2a2a2a);border-color:var(--text-secondary,#999)}.input-panel__btn.active{background:var(--accent,#7c4dff);color:var(--bg,#121212);border-color:var(--accent,#7c4dff)}.input-panel__section{border-top:1px solid var(--border,#3c3c3c);padding-top:.35rem}.input-panel__section:first-child{border-top:none;padding-top:0}.input-panel__section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.72rem;color:var(--text-secondary,#999);text-transform:uppercase;padding:.15rem 0;user-select:none}.input-panel__chevron{font-size:.8rem}.input-panel__section-body{display:none;flex-direction:column;gap:3px;padding-top:.25rem}.input-panel__section.open .input-panel__section-body{display:flex}.input-panel__position-info{font-size:.78rem;color:var(--text,#e0e0e0);font-variant-numeric:tabular-nums}.input-panel__position-info--pending{color:var(--accent,#569cd6);font-weight:600;animation:.6s steps(2) infinite digit-blink}@keyframes digit-blink{0%,100%{opacity:1}50%{opacity:.4}}.input-panel__voice-btn{min-width:32px;font-size:.72rem;font-weight:600;letter-spacing:.02em;border:1.5px solid var(--voice-color,#888);color:var(--voice-color,#888);background:0 0;border-radius:4px;transition:background .15s,color .15s}.input-panel__voice-btn.active{background:var(--voice-color,#888);color:#1e1e2e}.input-panel__voice-btn--empty:not(.active){opacity:.35;border-style:dashed}.editor-cursor{position:absolute;pointer-events:none;z-index:50}.editor-cursor__beat{position:absolute;inset:0;background:rgba(86,156,214,.08);border:1px solid rgba(86,156,214,.25);border-radius:2px}.editor-cursor__string{position:absolute;left:-1px;right:-1px;height:12px;margin-top:-6px;background:rgba(86,156,214,.25);border:1.5px solid rgba(86,156,214,.7);border-radius:3px;box-shadow:0 0 4px rgba(86,156,214,.3)}.input-panel__picker-wrap{position:relative;display:inline-flex}.input-panel__picker-btn{padding-right:.6rem!important}.input-panel__picker-btn::after{content:'▾';font-size:.6rem;margin-left:.2rem;opacity:.6}.input-panel__picker-dropdown{position:absolute;top:100%;left:0;z-index:200;min-width:5rem;background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.4rem;box-shadow:0 4px 12px rgba(0,0,0,.5);padding:.2rem;display:flex;flex-direction:column;gap:1px;margin-top:2px}.input-panel__picker-dropdown.hidden{display:none}.input-panel__picker-item{padding:.25rem .5rem;font-size:.75rem;background:0 0;border:none;border-radius:.25rem;color:var(--text,#e0e0e0);cursor:pointer;text-align:left;white-space:nowrap}.input-panel__picker-item:hover{background:var(--surface-hover,#2a2a2a)}.input-panel__picker-item.active{background:var(--accent,#7c4dff);color:var(--bg,#121212)}.bend-dialog__overlay{position:fixed;inset:0;z-index:1000;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.bend-dialog{background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.75rem;width:min(500px,92vw);max-height:90vh;overflow-y:auto;padding:1rem;box-shadow:0 8px 32px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:.75rem}.bend-dialog__header{display:flex;align-items:center;justify-content:space-between}.bend-dialog__header h4{margin:0;font-size:.95rem;color:var(--text,#e0e0e0)}.bend-dialog__close{background:0 0;border:none;color:var(--text-secondary,#999);font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;border-radius:.3rem}.bend-dialog__close:hover{background:var(--surface-hover,#2a2a2a);color:var(--text,#e0e0e0)}.bend-dialog__presets{display:flex;flex-wrap:wrap;gap:4px}.bend-dialog__preset-btn{font-size:.72rem!important;padding:.2rem .5rem!important}.bend-dialog__canvas-wrap{background:#1a1a2e;border:1px solid var(--border,#3c3c3c);border-radius:.5rem;overflow:hidden;display:flex;justify-content:center}.bend-dialog__canvas{display:block;width:100%;max-width:420px;height:auto;cursor:crosshair}.bend-dialog__points-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.bend-dialog__points-label{color:var(--text-secondary,#999);font-weight:600}.bend-dialog__points-list{color:var(--text,#e0e0e0);font-family:'Fira Code',Consolas,monospace;font-size:.72rem}.bend-dialog__hint{font-size:.68rem;color:var(--text-secondary,#666);text-align:center}.bend-dialog__actions{display:flex;align-items:center;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--border,#3c3c3c)}.bend-dialog__clear{color:var(--text-secondary,#999)!important}.new-score-dialog__overlay{position:fixed;inset:0;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:9000;backdrop-filter:blur(2px)}.new-score-dialog{background:var(--bg-secondary,#252526);border:1px solid var(--border,#3c3c3c);border-radius:8px;width:min(420px,90vw);padding:1rem 1.25rem;box-shadow:0 8px 32px rgba(0,0,0,.5)}.new-score-dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.new-score-dialog__header h4{margin:0;font-size:1rem;color:var(--accent,#569cd6)}.new-score-dialog__body{display:flex;flex-direction:column;gap:.5rem}.new-score-dialog__body label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--text-secondary,#999)}.new-score-dialog__body input,.new-score-dialog__body select{background:var(--bg-tertiary,#1e1e1e);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:4px;padding:.3rem .5rem;font-size:.82rem}.new-score-dialog__body input:focus,.new-score-dialog__body select:focus{border-color:var(--accent,#569cd6);outline:0}.new-score-dialog__row{display:flex;gap:.75rem}.new-score-dialog__row>label{flex:1}.new-score-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border,#3c3c3c)}.shortcut-help__overlay{position:fixed;inset:0;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:9000;backdrop-filter:blur(2px)}.shortcut-help{background:var(--bg-secondary,#252526);border:1px solid var(--border,#3c3c3c);border-radius:8px;width:min(740px,92vw);max-height:85vh;overflow-y:auto;padding:1rem 1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.5)}.shortcut-help__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shortcut-help__header h4{margin:0;font-size:1rem;color:var(--accent,#569cd6)}.shortcut-help__body{display:flex;gap:1.5rem;flex-wrap:wrap}.shortcut-help__col{flex:1 1 200px;min-width:180px}.shortcut-help__col h5{margin:.6rem 0 .25rem;font-size:.8rem;color:var(--accent,#569cd6);text-transform:uppercase;letter-spacing:.04em}.shortcut-help__col h5:first-child{margin-top:0}.shortcut-help__col dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0;font-size:.76rem}.shortcut-help__col dt{font-family:'Fira Code',Consolas,monospace;font-weight:600;color:var(--text,#e0e0e0);background:var(--bg-tertiary,#1e1e1e);border-radius:3px;padding:.05rem .35rem;white-space:nowrap;text-align:right}.shortcut-help__col dd{margin:0;color:var(--text-secondary,#999);padding:.05rem 0}.editor-cursor__selection{position:absolute;background:rgba(86,156,214,.18);border:1px solid rgba(86,156,214,.35);border-radius:2px;pointer-events:none;z-index:1}.rendering-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border,#3c3c3c);border-top-color:var(--accent,#569cd6);border-radius:50%;animation:.8s linear infinite spin}.rendering-spinner--sm{width:.65rem;height:.65rem;border-width:1.5px;vertical-align:middle;margin-right:.25rem}@keyframes spin{to{transform:rotate(360deg)}}.playback-cursor{position:absolute;background:rgba(78,201,176,.18);border-left:2px solid rgba(78,201,176,.7);pointer-events:none;z-index:3;transition:left 80ms ease-out,top 80ms ease-out,width 80ms ease-out,height 80ms ease-out}.fret-pad__row{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap}.fret-pad__btn{min-width:2.4rem;height:2.2rem;font-size:.9rem;font-weight:600;border:1px solid var(--border,#3c3c3c);border-radius:.35rem;background:var(--bg,#1e1e1e);color:var(--text,#ccc);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fret-pad__btn:active{background:var(--accent,#569cd6);color:#fff;border-color:var(--accent,#569cd6)}.fret-pad__nav{display:flex;gap:.25rem;justify-content:center;align-items:center;flex-wrap:wrap}.fret-pad__nav-sep{display:inline-block;width:1px;height:1.4rem;background:var(--border,#3c3c3c);margin:0 .15rem;flex-shrink:0}.fret-pad__nav-btn{min-width:2.4rem;height:2.2rem;font-size:1rem;border:1px solid var(--border,#3c3c3c);border-radius:.35rem;background:var(--bg,#1e1e1e);color:var(--text,#ccc);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fret-pad__nav-btn:active{background:var(--accent,#569cd6);color:#fff}.fret-pad__page-btn{min-width:1.8rem;height:1.8rem;font-size:1rem;font-weight:700;border:1px solid var(--border,#3c3c3c);border-radius:.4rem;background:var(--bg,#1e1e1e);color:var(--text,#ccc);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .12s,border-color .12s}.fret-pad__page-btn:hover:not(:disabled){background:var(--surface-hover,#2a2a2a);border-color:var(--text-secondary,#999)}.fret-pad__page-btn:active:not(:disabled){background:var(--accent,#569cd6);color:#fff}.fret-pad__page-btn:disabled{opacity:.3;cursor:default}.fret-pad__page-label{font-size:.75rem;font-weight:600;color:var(--text-secondary,#999);font-variant-numeric:tabular-nums;min-width:3rem;text-align:center}.autosave-indicator{font-size:.72rem;color:var(--text-secondary,#666);margin-left:.5rem;transition:color .3s}.autosave-indicator.saved{color:var(--accent,#569cd6)}.autosave-indicator.dirty{color:#e0a030}.version-history__overlay{position:absolute;top:0;right:0;bottom:0;z-index:900;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:.5rem}.version-history{pointer-events:auto;background:var(--surface,#252526);border:1px solid var(--border,#3c3c3c);border-radius:.75rem;width:min(26rem,40vw);max-height:calc(100% - 1rem);display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,.45);opacity:.96}.version-history__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border,#3c3c3c)}.version-history__header h3{margin:0;font-size:.95rem}.version-history__body{flex:1;overflow-y:auto;padding:.5rem}.version-history__empty{text-align:center;color:var(--text-secondary,#666);padding:2rem 1rem;font-size:.85rem}.version-history__item{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;border-radius:.35rem;transition:background .15s}.version-history__item:hover{background:rgba(255,255,255,.04)}.version-history__time{font-size:.78rem;color:var(--text-secondary,#999);min-width:5rem;font-variant-numeric:tabular-nums}.version-history__title{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-history__actions{display:flex;gap:.5rem;padding:.5rem 1rem .75rem;border-top:1px solid var(--border,#3c3c3c);justify-content:flex-end;align-items:center}.version-history__settings{display:flex;gap:.25rem;margin-right:auto;align-items:center}.version-history__settings-sep{width:1px;height:1rem;background:var(--border,#3c3c3c);margin:0 .35rem}.version-history__setting{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;color:var(--text-secondary,#999);white-space:nowrap}.version-history__setting .btn--xs{min-width:1.2rem;height:1.2rem;padding:0;font-size:.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.version-history__setting [data-settings-val]{min-width:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.version-history__clear-btn{color:var(--danger,#d9534f)!important;opacity:.8}.version-history__clear-btn:hover{opacity:1}.version-history__badge{font-size:.65rem;padding:.1rem .35rem;border-radius:.2rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600;flex-shrink:0}.version-history__badge--manual{background:rgba(86,156,214,.2);color:#569cd6}.version-history__badge--auto{background:rgba(150,150,150,.15);color:var(--text-secondary,#999)}.version-history__badge--restore{background:rgba(224,160,48,.2);color:#e0a030}.tab-viewer__vh-panel{background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;display:flex;flex-direction:column;flex-shrink:0}.tab-viewer__vh-panel.hidden{display:none}.tab-viewer__vh-panel .version-history{width:100%;box-shadow:none;border:none;border-radius:0;opacity:1}@media (max-width:600px){.version-history__overlay{display:none}.tab-viewer__vh-panel .version-history{width:100%;max-height:none;border-radius:.5rem;box-shadow:none;opacity:1}.tab-viewer__vh-panel .version-history__header{padding:.4rem .6rem}.tab-viewer__vh-panel .version-history__body{padding:.25rem;max-height:28vh;overflow-y:auto}.tab-viewer__vh-panel .version-history__actions{flex-direction:column;gap:.3rem;padding:.4rem .5rem}.tab-viewer__vh-panel .version-history__settings{width:100%;justify-content:center;flex-wrap:wrap;gap:.15rem .4rem}.tab-viewer__vh-panel .version-history__settings-sep{display:none}.tab-viewer__vh-panel .version-history__setting .btn--xs{min-width:1.5rem;height:1.5rem}.tab-viewer__vh-panel .version-history__item{gap:.3rem;padding:.25rem .35rem}.tab-viewer__vh-panel .version-history__time{min-width:3rem;font-size:.68rem}.tab-viewer__vh-panel .version-history__badge{font-size:.58rem;padding:.05rem .2rem}.shortcut-help{width:96vw;max-height:88vh;padding:.75rem}.shortcut-help__body{flex-direction:column;gap:.75rem}.shortcut-help__col{min-width:0}.shortcut-help__col dl{font-size:.72rem;gap:.1rem .4rem}.bend-dialog{padding:.75rem;gap:.5rem}.bend-dialog__canvas-wrap{margin:0 -.25rem}.new-score-dialog{width:96vw;padding:.75rem}.new-score-dialog__row{flex-direction:column;gap:.5rem}.input-panel__picker-dropdown{max-height:40vh;overflow-y:auto;right:0;left:auto}.input-panel__label{min-width:3rem;font-size:.65rem}.input-panel__btn{min-width:1.8rem;padding:.25rem .35rem;font-size:.75rem}.go-to-bar{width:min(300px,92vw);padding:.75rem}.go-to-bar__body input{font-size:1rem;padding:.5rem}.go-to-bar__actions .btn{min-height:2.2rem;font-size:.82rem}}@media (pointer:coarse){.bend-dialog__close,.go-to-bar__header button,.new-score-dialog__header button,.shortcut-help__header button,.version-history__header button{min-width:2.4rem;min-height:2.4rem;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.input-panel__picker-item{padding:.45rem .6rem;font-size:.82rem}.sidebar__field-row--presets .btn{min-height:2rem;padding:.3rem .5rem;font-size:.75rem}}.btn-pill{display:inline-flex;align-items:stretch;border-radius:.4rem;overflow:hidden;border:1px solid var(--border,#3c3c3c);background:var(--bg,#121212);flex-shrink:0}.btn-pill__item{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .55rem;font-size:.82rem;background:0 0;border:none;border-right:1px solid var(--border,#3c3c3c);color:var(--text,#e0e0e0);cursor:pointer;min-width:2.2rem;min-height:1.9rem;text-align:center;transition:background .12s,color .12s;user-select:none;line-height:1.4;position:relative}.btn-pill__item:last-child{border-right:none}.btn-pill__item:hover{background:var(--surface-hover,#2a2a2a)}.btn-pill__item.active{background:var(--accent,#569cd6);color:#fff}.btn-pill__item:disabled{opacity:.35;cursor:default}.btn-pill__item:disabled:hover{background:0 0}.btn-pill__item--primary{background:var(--accent,#569cd6);color:#fff}.btn-pill__item--primary:hover{background:var(--accent-hover,#039be5)}.btn-pill--ghost{background:0 0;border-color:var(--border,#3c3c3c)}.btn-pill--ghost .btn-pill__item{color:var(--text-secondary,#999)}.btn-pill--ghost .btn-pill__item:hover{color:var(--text,#e0e0e0);background:var(--bg-hover,#2a2d2e)}.btn-pill__item.pb-speed{min-width:3.4rem;font-size:.78rem;font-variant-numeric:tabular-nums}.btn-pill__zoom-slider{width:4rem;accent-color:var(--accent,#569cd6);cursor:pointer;margin:0 .15rem;align-self:center}.btn-pill__zoom-label{min-width:2.2rem;text-align:center;font-size:.7rem;color:var(--text-secondary,#999);font-variant-numeric:tabular-nums;align-self:center;padding:0 .3rem 0 0}.btn-pill--mode .btn-pill__item{font-weight:600;font-size:.75rem;min-width:3.2rem;padding:.2rem .6rem;text-transform:uppercase;letter-spacing:.03em}@media (pointer:coarse){.btn-pill__item{min-height:2.4rem;min-width:2.4rem;font-size:.9rem;padding:.3rem .6rem}.btn-pill__item.pb-speed{min-width:3.6rem}}@media (max-width:600px){.btn-pill__item{padding:.2rem .4rem;font-size:.78rem;min-width:2rem}.btn-pill__item.pb-speed{min-width:3rem;font-size:.75rem}.btn-pill--mode .btn-pill__item{min-width:2.6rem;font-size:.7rem;padding:.2rem .4rem}}.go-to-bar__overlay{position:fixed;inset:0;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:9000;backdrop-filter:blur(2px)}.go-to-bar{background:var(--bg-secondary,#252526);border:1px solid var(--border,#3c3c3c);border-radius:8px;width:min(320px,90vw);padding:1rem 1.25rem;box-shadow:0 8px 32px rgba(0,0,0,.5)}.go-to-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.go-to-bar__header h4{margin:0;font-size:1rem;color:var(--accent,#569cd6)}.go-to-bar__body label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-secondary,#999)}.go-to-bar__body input{background:var(--bg-tertiary,#1e1e1e);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.go-to-bar__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.voice-indicator{font-size:.72rem;font-weight:600;padding:.1rem .4rem;border-radius:3px;background:var(--accent-dim,rgba(86,156,214,.18));color:var(--accent,#569cd6);margin-right:.4rem}.sidebar__field-row--presets{flex-wrap:wrap;gap:.2rem}.sidebar__field-row--presets .btn{padding:.15rem .4rem;font-size:.72rem;min-width:unset}@media (max-width:600px){.sidebar__field-row--presets{gap:.15rem}.sidebar__field-row--presets .sidebar__field-label{flex-basis:100%;min-width:0}.bar-ops-grid{grid-template-columns:1fr 1fr 1fr}}.playback-toolbar{display:flex;flex-direction:column;gap:.35rem;padding:.4rem .5rem;background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem}.playback-toolbar__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.playback-toolbar__group{display:inline-flex;align-items:center;gap:3px;position:relative;padding-left:0;border-left:none}.playback-toolbar__group:first-child{padding-left:0;border-left:none}.playback-toolbar__group--info{border-left:none}.playback-toolbar__spacer{flex:1}.playback-toolbar__btn.pb-speed{min-width:3.8rem;text-align:center}.playback-toolbar__position{font-size:.78rem;color:var(--text,#e0e0e0);font-variant-numeric:tabular-nums;min-width:5rem}.playback-toolbar__selection{font-size:.72rem;color:var(--accent,#569cd6);cursor:pointer;background:rgba(86,156,214,.15);border:1px solid rgba(86,156,214,.35);border-radius:.75rem;padding:.1rem .5rem;white-space:nowrap;user-select:none;transition:background .12s}.playback-toolbar__selection:hover{background:rgba(86,156,214,.28)}.playback-toolbar__progress{position:relative;height:6px;background:var(--bg,#121212);border:1px solid var(--border,#3c3c3c);border-radius:3px;cursor:pointer;overflow:hidden}.playback-toolbar__progress-fill{position:absolute;top:0;left:0;bottom:0;width:0%;background:var(--accent,#569cd6);border-radius:3px 0 0 3px;transition:width .3s linear}.playback-toolbar__progress-loop{position:absolute;top:0;bottom:0;background:rgba(124,77,255,.2);border-left:2px solid rgba(124,77,255,.5);border-right:2px solid rgba(124,77,255,.5);pointer-events:none}.playback-toolbar__progress-tooltip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);background:var(--surface,#252526);color:var(--text,#e0e0e0);font-size:.68rem;padding:.15rem .4rem;border-radius:3px;border:1px solid var(--border,#3c3c3c);pointer-events:none;white-space:nowrap;z-index:10}.speed-trainer-popover{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;padding:.6rem .75rem;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.5);min-width:200px;white-space:nowrap}.speed-trainer-popover.hidden{display:none}.speed-trainer-popover__title{font-size:.75rem;font-weight:600;color:var(--text-secondary,#aaa);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.speed-trainer-popover__row{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.speed-trainer-popover__row label{display:flex;flex-direction:column;font-size:.7rem;color:var(--text-secondary,#aaa);gap:2px}.speed-trainer-popover__row select{background:var(--bg,#121212);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:3px;padding:3px 4px;font-size:.78rem}.speed-trainer-popover__actions{display:flex;gap:.4rem}.speed-trainer-popover__btn{padding:.25rem .7rem;font-size:.78rem;background:var(--accent,#569cd6);color:var(--text-bright,#fff);border:none;border-radius:3px;cursor:pointer}.speed-trainer-popover__btn:hover{filter:brightness(1.15)}.speed-trainer-popover__btn.hidden{display:none}@media (pointer:coarse){.playback-toolbar__progress{height:10px}}@media (max-width:600px){.playback-toolbar{padding:.3rem;gap:.25rem}.playback-toolbar__controls{gap:.25rem;justify-content:center}.playback-toolbar__group{gap:2px;padding-left:.3rem}.playback-toolbar__group--info,.playback-toolbar__spacer{display:none}.playback-toolbar__btn.pb-speed{min-width:3rem;font-size:.78rem}.playback-toolbar__position{font-size:.7rem;min-width:auto}}.tab-viewer-overlay{position:fixed;inset:0;z-index:10000;background:var(--bg,#121212);display:flex;flex-direction:column;animation:.2s ease-out tvOverlayIn;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@keyframes tvOverlayIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-viewer-overlay__body{flex:1;overflow:auto;padding:.5rem;display:flex;flex-direction:column}@media (min-width:900px){.tab-viewer-overlay__body{padding:.75rem 1.5rem}}.tab-viewer{display:flex;flex-direction:column;gap:.5rem;outline:0;flex:1;min-height:0}.tab-viewer:fullscreen{background:var(--bg);padding:1rem;overflow:auto}.tab-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.tab-viewer__header-actions{display:flex;align-items:center;gap:.35rem}.tab-viewer__header-actions .btn.active{background:var(--accent,#569cd6);color:#fff}.tab-viewer__main-body{display:flex;flex:1;min-height:0;gap:0}.tab-viewer__score-wrap{display:flex;flex-direction:column;gap:0;position:relative;flex:1;min-height:0;min-width:0}.tab-viewer__sidebar{width:320px;min-width:200px;max-width:50vw;background:var(--surface,#252526);border-left:1px solid var(--border,#3c3c3c);display:flex;flex-direction:column;font-size:.78rem;overflow:hidden}.sidebar__tab-bar,.tab-viewer__sidebar.hidden{display:none}.sidebar__tab{flex:1;padding:.4rem .2rem;font-size:.85rem;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-secondary,#999);cursor:pointer;transition:color .12s,border-color .12s;touch-action:manipulation}.sidebar__tab:hover{color:var(--text,#e0e0e0)}.sidebar__tab.active{color:var(--accent,#569cd6);border-bottom-color:var(--accent,#569cd6)}.sidebar__tab--collapse{flex:0 0 auto;padding:.4rem .5rem;font-size:.7rem;transition:transform .2s}.sidebar--collapsed .sidebar__tab--collapse{transform:rotate(180deg)}.sidebar__content{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.sidebar__section--tab-hidden{display:none!important}.sidebar__pane{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.sidebar__pane--top{max-height:50%;flex:0 1 auto}.sidebar__pane--bottom{flex:1 1 0;min-height:80px}.sidebar__split-handle{height:5px;cursor:row-resize;background:var(--border,#3c3c3c);flex-shrink:0;transition:background .15s}.sidebar__split-handle.dragging,.sidebar__split-handle:hover{background:var(--accent,#569cd6)}.sidebar__section{border-bottom:1px solid var(--border,#3c3c3c)}.sidebar__section[open]>.sidebar__section-header::after{transform:rotate(90deg)}.sidebar__section-header{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary,#999);cursor:pointer;user-select:none;list-style:none}.sidebar__section-header::-webkit-details-marker{display:none}.sidebar__section-header::after{content:'▸';margin-left:auto;font-size:.65rem;transition:transform .15s}.sidebar__section-body{padding:.35rem .5rem .5rem;display:flex;flex-direction:column;gap:.3rem;background:var(--bg,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;margin:.3rem}.sidebar__actions-grid{display:flex;flex-direction:column;gap:.35rem}.sidebar__actions-row{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.bar-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex:1;min-width:0}.bar-ops-grid .btn--xs{text-align:center;white-space:nowrap}.sidebar__field-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.sidebar__field-label{font-size:.68rem;color:var(--text-secondary,#999);text-transform:uppercase;font-weight:600;min-width:4rem;flex-shrink:0}.sidebar__check-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-secondary,#ccc);cursor:pointer;user-select:none}.sidebar__check-label input[type=checkbox]{margin:0;accent-color:var(--accent,#4fc3f7)}.sidebar__num-input{width:3rem;padding:.2rem .3rem;font-size:.75rem;background:var(--bg,#121212);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:.25rem;text-align:center}.sidebar__num-input--wide{width:4rem}.sidebar__select{flex:1;min-width:0;padding:.2rem .3rem;font-size:.75rem;background:var(--bg,#121212);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:.25rem}.sidebar__text-input{flex:1;min-width:0;padding:.2rem .4rem;font-size:.75rem;background:var(--bg,#121212);color:var(--text,#e0e0e0);border:1px solid var(--border,#3c3c3c);border-radius:.25rem}.sidebar__field-hint{font-size:.7rem;color:var(--text-secondary,#888)}.btn--xs{padding:.15rem .4rem;font-size:.7rem;background:var(--bg,#121212);border:1px solid var(--border,#3c3c3c);border-radius:.25rem;color:var(--text,#e0e0e0);cursor:pointer;transition:background .12s}.btn--xs:hover{background:var(--surface-hover,#2a2a2a);border-color:var(--text-secondary,#999)}.btn--xs.btn--accent{background:var(--accent,#4fc3f7);color:#000;border-color:var(--accent,#4fc3f7);font-weight:600}.btn--xs.btn--accent:hover{background:var(--accent-hover,#039be5);border-color:var(--accent-hover,#039be5)}.sidebar__position{padding:.3rem .5rem;font-size:.72rem;color:var(--text-secondary,#999);border-top:1px solid var(--border,#3c3c3c);font-variant-numeric:tabular-nums;margin-top:auto}.sidebar__section-body .score-editor__input-panel{padding:0;border:none;border-radius:0;background:0 0}.sidebar__section-body .input-panel__label{min-width:3.5rem;font-size:.65rem}.sidebar__section-body .input-panel__btn{padding:.15rem .35rem;font-size:.72rem;min-width:1.7rem}.sidebar__section-body .track-panel{margin:0}.tab-viewer__sidebar .phrase-tracks__list{max-height:none}.tab-viewer__resize-handle{width:5px;cursor:col-resize;background:var(--border,#3c3c3c);flex-shrink:0;transition:background .15s}.tab-viewer__resize-handle.dragging,.tab-viewer__resize-handle:hover{background:var(--accent,#569cd6)}.tab-viewer__score{position:relative;background:var(--bg-secondary,#181818);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;min-height:200px;overflow:auto;flex:1}.tab-viewer__score.editing{cursor:crosshair}.tuning-label{padding:4px 12px;font-size:.8rem;color:var(--text-muted,#aaa);background:var(--bg-tertiary,#222);border-bottom:1px solid var(--border,#3c3c3c);text-align:center;letter-spacing:.08em}.tab-viewer__score.classic-white{background-color:#fff}.tab-viewer__score.classic-white .at-surface,.tab-viewer__score.classic-white .at-surface svg{background:#fff!important}.tab-viewer__score.classic-white .at-cursor-bar{background:rgba(0,100,180,.25)!important}.tab-viewer__score.classic-white .at-cursor-beat{background:#055e93!important;opacity:1}.tab-viewer__score.classic-white .at-highlight *{fill:#0b61a4!important;stroke:#0b61a4!important}.tab-viewer__score.classic-white .at-selection div{background:rgba(0,100,180,.18)!important}.tab-viewer__rendering{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(30,30,30,.75);color:var(--text-secondary,#999);font-size:.85rem;z-index:20;border-radius:.5rem;pointer-events:none}.tab-viewer__fretboard{border-bottom:1px solid var(--border,#3c3c3c);background:var(--surface,#1e1e1e);padding:.35rem .5rem;overflow-x:auto;flex-shrink:0}.tab-viewer__fretboard-container{display:flex;align-items:center;justify-content:center}.tab-viewer__fretboard-container svg{width:auto}.tab-viewer__tex-view{background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.tab-viewer__fret-pad{display:none;flex-direction:column;gap:.2rem;padding:.3rem;background:var(--surface,#252526);border:1px solid var(--border,#3c3c3c);border-radius:.5rem;position:relative}.fret-pad__collapse{position:absolute;top:.2rem;right:.2rem;background:0 0;border:none;color:var(--text-secondary,#999);font-size:.7rem;cursor:pointer;padding:.15rem .35rem;border-radius:.25rem;z-index:1;transition:transform .2s,color .12s;touch-action:manipulation}.fret-pad__collapse:hover{color:var(--text,#e0e0e0)}.tab-viewer__fret-pad.fret-pad--collapsed .fret-pad__collapse{transform:rotate(180deg);position:static;order:2}.fret-pad__mini,.fret-pad__mini-del,.tab-viewer__fret-pad.fret-pad--collapsed .fret-pad__body{display:none}.tab-viewer__fret-pad.fret-pad--collapsed .fret-pad__mini{display:flex;align-items:center;gap:.15rem;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;order:0}.tab-viewer__fret-pad.fret-pad--collapsed .fret-pad__mini-del{display:flex;align-items:center;justify-content:center;flex:0 0 auto;order:1}.tab-viewer__fret-pad.fret-pad--collapsed{flex-direction:row;align-items:center;gap:.2rem;padding:.2rem .3rem}.fret-pad__mini-btn{flex:0 0 auto;min-width:1.6rem;height:1.6rem;font-size:.72rem;background:var(--bg,#121212);border:1px solid var(--border,#3c3c3c);border-radius:.25rem;color:var(--text,#e0e0e0);cursor:pointer;text-align:center;padding:0;touch-action:manipulation}.fret-pad__mini-btn:hover{background:var(--surface-hover,#2a2a2a)}.fret-pad__mini-btn--del{background:var(--surface,#252526);color:var(--text-secondary,#999);margin-left:.15rem}.tab-viewer__fret-pad .fret-pad__pages{display:flex;flex-direction:column;gap:.15rem}.tab-viewer__status{display:flex;align-items:center;justify-content:space-between;min-height:1.4rem;font-size:.72rem;color:var(--text-secondary,#999);padding:.25rem .5rem;background:var(--surface,#1e1e1e);border:1px solid var(--border,#3c3c3c);border-radius:.3rem;font-variant-numeric:tabular-nums}@media (pointer:coarse){.tab-viewer__fret-pad{display:flex}.sidebar__icon-grid .btn--sm{min-height:2.2rem;min-width:2.2rem}.btn--xs{min-height:2rem;min-width:2rem}.fret-pad__btn{min-width:2.5rem;height:2.3rem;font-size:.95rem}.fret-pad__nav-btn{min-width:2.5rem;height:2.3rem;font-size:1.05rem}.fret-pad__page-btn{min-width:2rem;height:2rem}}@media (max-width:600px){.tab-viewer__fret-pad{display:flex}.tab-viewer__header{gap:.35rem}.tab-viewer__header h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.tab-viewer__header-actions{flex-shrink:0}.playback-toolbar__controls{justify-content:center}.btn-pill--zoom,.playback-toolbar__group--zoom{display:none}.tab-viewer__main-body{flex-direction:column}.tab-viewer__score-wrap{flex:1 1 0;min-height:0;overflow:hidden}.tab-viewer__sidebar{width:100%!important;max-width:none;min-width:0;flex:0 0 auto;border-left:none;border-top:1px solid var(--border,#3c3c3c);overflow:hidden;display:flex;flex-direction:column}.tab-viewer__resize-handle,.tab-viewer__sidebar.sidebar--collapsed .sidebar__content{display:none}.sidebar__tab-bar{display:flex;flex-shrink:0;z-index:2;background:var(--surface,#252526)}.sidebar__content{height:20vh;flex:0 0 20vh;overflow-y:auto;overflow-x:hidden;background:var(--surface,#252526)}.sidebar--collapsed .sidebar__content,.sidebar__split-handle{display:none}.sidebar__pane--bottom,.sidebar__pane--top{overflow:visible;max-height:none;min-height:0;flex:0 0 auto}.tab-viewer__sidebar .phrase-tracks__list{max-height:calc(3 * 2.1rem + 2px)}.sidebar__section-header{display:none}.sidebar__section{border-bottom:none}.sidebar__section-body{padding:.4rem;margin:.25rem}.sidebar__pane--bottom,.sidebar__pane--top,.sidebar__section{background:var(--surface,#252526)}.sidebar__field-row{gap:.2rem}.sidebar__field-label{min-width:3rem;font-size:.65rem}.sidebar__num-input{width:2.5rem;font-size:.72rem;padding:.25rem .2rem}.sidebar__num-input--wide{width:3.2rem}.sidebar__icon-grid .btn--sm{min-height:2.4rem;min-width:2.4rem;font-size:.85rem}.btn--xs{min-height:2.2rem;min-width:2.2rem;padding:.2rem .5rem;font-size:.75rem}.fret-pad__nav{flex-wrap:nowrap;gap:.15rem}.fret-pad__nav .fret-pad__nav-btn{min-width:0;flex:1 1 2rem;padding:0 .15rem}.fret-pad__nav .fret-pad__page-btn{min-width:0;flex:0 0 1.6rem}.fret-pad__page-label{min-width:0;font-size:.68rem;white-space:nowrap}.fret-pad__nav-sep{margin:0 .05rem}}@media (max-width:380px){.fret-pad__btn{min-width:2rem;height:2rem;font-size:.8rem}.fret-pad__nav-btn{min-width:2rem;height:2rem;font-size:.85rem}.fret-pad__page-btn{min-width:1.5rem;height:1.5rem;font-size:.85rem}.tab-viewer__fret-pad{padding:.2rem;gap:.15rem}.tab-viewer__header h3{font-size:.85rem}.tab-viewer__status{font-size:.65rem;padding:.15rem .35rem}}.pc-mode-tabs{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.pc-mode-tabs .pc-tab{flex:1;max-width:10rem}.pc-brush{min-width:2rem;font-weight:700;border:2px solid var(--_brush,var(--note-other));color:var(--_brush,var(--note-other));transition:background .15s,color .15s}.pc-brush.active{background:var(--_brush,var(--note-other));color:#fff}.pc-custom-brush-wrap{display:inline-flex;align-items:center;gap:.15rem;position:relative}.pc-color-picker{width:1.6rem;height:1.6rem;padding:0;border:none;background:0 0;cursor:pointer;vertical-align:middle}.pc-color-picker::-webkit-color-swatch-wrapper{padding:0}.pc-color-picker::-webkit-color-swatch{border:1px solid var(--border-primary);border-radius:4px}.pc-color-picker::-moz-color-swatch{border:1px solid var(--border-primary);border-radius:4px}.pc-action-row{gap:.4rem;width:100%}.pc-name-input{flex:1;min-width:0}.pc-list-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:.75rem 0 .4rem;text-transform:uppercase;letter-spacing:.04em}.pc-card{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md,8px);margin-bottom:.4rem;background:var(--bg-secondary);transition:border-color .15s}.pc-card--active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.pc-card__header{display:flex;flex-direction:column;gap:.15rem;min-width:0}.pc-card__name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-card__meta{font-size:.75rem;color:var(--text-muted)}.pc-card__actions{display:flex;gap:.25rem;flex-shrink:0}.pc-card__actions .btn{font-size:1rem;padding:.2rem .4rem}.pc-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1.5rem 0}.pc-load-menu{border:1px solid var(--border-primary);border-radius:var(--radius-md,8px);padding:.75rem;margin-top:.5rem;background:var(--bg-secondary)}.pc-load-menu__title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.pc-load-menu__grid{display:flex;flex-wrap:wrap;gap:.3rem}.pc-load-menu__grid .pc-load-item{font-size:.8rem}.pc-cmp-row{gap:.75rem;width:100%}.pc-cmp-col{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.pc-cmp-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.pc-cmp-select{font-size:.85rem;width:100%}.pc-legend{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary);margin:.5rem 0}.pc-legend-item{display:inline-flex;align-items:center;gap:.3rem}.pc-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pc-legend-dot--primary{background:var(--note-root)}.pc-legend-dot--ghost{background:var(--note-ghost)}.pc-legend-dot--common{background:var(--accent-primary,#4fc3f7);border:1px solid #fff}.pc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(1rem);background:var(--bg-elevated,var(--bg-secondary));color:var(--text-primary);padding:.5rem 1.25rem;border-radius:2rem;font-size:.85rem;box-shadow:0 4px 16px rgba(0,0,0,.25);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:9999}.pc-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:600px){.pc-cmp-row{flex-direction:column;gap:.5rem}.pc-card__actions .btn{min-width:2.5rem;min-height:2.5rem;font-size:1.1rem}.pc-brush{min-width:2.5rem;min-height:2.5rem}.pc-toast{left:1rem;right:1rem;transform:translateX(0) translateY(1rem);text-align:center}.pc-toast--visible{transform:translateX(0) translateY(0)}}