.tiptap-editor{border:1px solid var(--border-color, #d1d5db);border-radius:6px;overflow:hidden}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border-color, #d1d5db);background:var(--bg-secondary, #f9fafb)}.tiptap-btn{padding:4px 8px;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280)}.tiptap-btn:hover{background:var(--bg-hover, #e5e7eb)}.tiptap-btn--active{background:var(--accent-bg, #e0e7ff);color:var(--accent-color, #4338ca);border-color:var(--accent-border, #a5b4fc)}.tiptap-btn--visual{color:#2563eb}.tiptap-btn--nonvisual{color:#7c3aed}.tiptap-separator{width:1px;height:24px;background:var(--border-color, #d1d5db);margin:0 4px;align-self:center}.tiptap-content{min-height:200px;padding:16px}.tiptap-content .tiptap{outline:none;min-height:180px}.tiptap-content .tiptap p{margin:0 0 .75em}.tiptap-content .tiptap h2,.tiptap-content .tiptap h3{margin:1em 0 .5em}.tiptap-content .tiptap img{max-width:100%;height:auto;border-radius:4px}.tiptap-content .tiptap .visual-only{border:2px dashed #2563eb;padding:8px;border-radius:4px;position:relative}.tiptap-content .tiptap .visual-only:before{content:"Visual only";position:absolute;top:-10px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#2563eb;font-weight:600}.tiptap-content .tiptap .nonvisual-only{border:2px dashed #7c3aed;padding:8px;border-radius:4px;position:relative}.tiptap-content .tiptap .nonvisual-only:before{content:"Non-visual only";position:absolute;top:-10px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#7c3aed;font-weight:600}.tiptap-content .tiptap .mac-only{border:2px dashed #059669;padding:8px;border-radius:4px;position:relative}.tiptap-content .tiptap .mac-only:before{content:"Mac only";position:absolute;top:-10px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#059669;font-weight:600}.tiptap-content .tiptap .win-only{border:2px dashed #d97706;padding:8px;border-radius:4px;position:relative}.tiptap-content .tiptap .win-only:before{content:"Windows only";position:absolute;top:-10px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#d97706;font-weight:600}.tiptap-btn--mac{color:#059669}.tiptap-btn--win{color:#d97706}.tiptap-content .tiptap kbd.keycap{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85em;background:#f3f4f6;border:1px solid #d1d5db;border-bottom:2px solid #9ca3af;border-radius:4px;padding:1px 6px;white-space:nowrap}:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0d1321;background:#f8f7f4;line-height:1.5;font-weight:400}body{margin:0;background:radial-gradient(circle at top left,#fefefe,#f3f0e7 60%);min-height:100vh}*{box-sizing:border-box}.app{padding:3rem clamp(1.5rem,4vw,4rem);max-width:1100px;margin:0 auto}.hero{background:linear-gradient(135deg,#101d42,#5927e5);color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 25px 55px #101d424d;margin-bottom:2rem}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;opacity:.8;margin-bottom:.5rem}.hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 1rem}.subhead{max-width:60ch;margin:0;opacity:.9}.panel{background:#fff;border-radius:18px;padding:2rem;box-shadow:0 20px 45px #0f121914}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel__header h2{margin:0}button{border:none;background:#121858;color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer}button:hover{background:#0e1240}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.pack-card{border:1px solid rgba(13,19,33,.08);border-radius:14px;padding:1.5rem;background:#fbfbff;display:flex;flex-direction:column;gap:.75rem}.pill-group{display:flex;gap:.5rem}.pill{display:inline-flex;padding:.35rem .9rem;border-radius:999px;background:#121858;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.pill--outline{background:transparent;color:#121858;border:1px solid rgba(18,24,88,.4)}.pack-card h3{margin:0;font-size:1.3rem}.pack-card p{margin:0;color:#0d1321cc}.pack-card footer{display:flex;justify-content:space-between;font-size:.85rem}.price{font-weight:700}.tags,.muted{color:#0d132199}.error{color:#a00606;font-weight:600}.btn{border:none;background:#121858;color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:#0e1240}.btn--primary{background:#5927e5}.btn--primary:hover{background:#4a1fc9}.btn--danger{background:#c0392b}.btn--danger:hover{background:#a93226}.btn--small{padding:.35rem .75rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.pack-card__actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(13,19,33,.08)}.pack-form{display:flex;flex-direction:column;gap:1rem}.pack-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:#0d1321b3}.pack-form input,.pack-form textarea,.pack-form select{padding:.6rem .75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#0d1321}.pack-form input:focus,.pack-form textarea:focus,.pack-form select:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.shortcut-editor{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(13,19,33,.08)}.shortcut-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shortcut-editor__header h3{margin:0}.shortcuts-table{width:100%;border-collapse:collapse;font-size:.85rem}.shortcuts-table th{text-align:left;padding:.5rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#0d132180;border-bottom:1px solid rgba(13,19,33,.08)}.shortcuts-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(13,19,33,.05)}.shortcuts-table code{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;background:#0d13210a;padding:.15rem .4rem;border-radius:4px}.shortcuts-table tr.editing td{padding:.3rem .5rem}.shortcuts-table input{width:100%;padding:.3rem .5rem;border:1px solid rgba(13,19,33,.15);border-radius:4px;font-size:.8rem;font-family:inherit}.shortcut-actions{display:flex;gap:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:14px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 45px #00000026}.modal p{margin:0 0 1.5rem;font-size:1rem}.modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.modal--wide{max-width:640px}.shortcut-picker__header{margin:0 0 1rem;font-size:1.1rem}.shortcut-picker{display:grid;grid-template-columns:180px 1fr;gap:1px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:1.25rem;max-height:420px}.shortcut-picker__apps-col{display:flex;flex-direction:column;background:#f7f7f8;overflow:hidden}.shortcut-picker__apps{overflow-y:auto;flex:1}.shortcut-picker__app{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;cursor:pointer;font-size:.9rem;border-bottom:1px solid #eee;transition:background .1s}.shortcut-picker__app:hover{background:#ecedf0}.shortcut-picker__app--selected{background:#e8e0f3;font-weight:600}.shortcut-picker__app:focus-visible{outline:2px solid #7c3aed;outline-offset:-2px}.shortcut-picker__right{display:flex;flex-direction:column;background:#fff;overflow:hidden}.shortcut-picker__filter{padding:.5rem .75rem;border:none;border-bottom:1px solid #e0e0e0;font-size:.9rem;outline:none}.shortcut-picker__filter:focus{background:#faf8ff}.shortcut-picker__shortcuts{overflow-y:auto;flex:1;padding:.25rem 0}.shortcut-picker__item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;cursor:pointer;font-size:.9rem;transition:background .1s}.shortcut-picker__item:hover{background:#f7f7f8}.shortcut-picker__item--disabled{opacity:.45;cursor:default}.shortcut-picker__action{flex:1}.shortcut-picker__chord{font-size:.8rem;font-family:monospace}.shortcut-picker__icon{border-radius:4px;flex-shrink:0;object-fit:cover}.shortcut-picker__icon--placeholder{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;font-weight:700}.shortcut-linker__app-cell{display:inline-flex;align-items:center;gap:.4rem}.login-card{background:#fff;border-radius:18px;padding:2.5rem;max-width:420px;margin:0 auto;box-shadow:0 20px 45px #0f121914}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form label{font-size:.85rem;font-weight:600;color:#0d1321b3}.login-form input[type=email]{padding:.75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:1rem;font-family:inherit}.login-form input:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}.btn-primary{background:#5927e5;color:#fff}.btn-primary:hover{background:#4a1fc9}.btn-secondary{background:transparent;color:#121858;border:1px solid rgba(18,24,88,.3)}.btn-secondary:hover{background:#1218580d}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:#fff;color:#333;border:1px solid rgba(0,0,0,.15);padding:.75rem;border-radius:999px;font-weight:600;cursor:pointer;font-size:.9rem}.btn-google:hover{background:#f7f7f7}.btn-passkey{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#1a1a2e;color:#fff;border:1px solid #333;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:.75rem}.btn-passkey:hover{background:#2a2a3e}.error-text{color:#e74c3c;font-size:.85rem;margin-top:.5rem;text-align:center}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.btn-ghost{background:transparent;color:#fffc;padding:.35rem .75rem;font-size:.75rem}.btn-ghost:hover{color:#fff;background:#ffffff1a}.login-divider{text-align:center;margin:1.25rem 0;position:relative;color:#0d132166;font-size:.8rem}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#0d13211a}.login-divider span{background:#fff;padding:0 1rem;position:relative}.login-success{text-align:center}.login-success h2{margin:0 0 .5rem}.login-success p{margin:0 0 1.5rem;color:#0d1321b3}.hero-user{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;opacity:.9}.loading-container{text-align:center;padding:4rem;color:#0d132180}.topnav{display:flex;align-items:center;gap:1.25rem;height:48px;min-height:48px;padding:0 1.25rem;background:#121858;color:#fff;position:sticky;top:0;z-index:100}.topnav__brand{font-weight:700;font-size:1.05rem;letter-spacing:.02em;margin-right:.5rem;white-space:nowrap}.topnav__links{display:flex;align-items:center;gap:.25rem}.topnav__link{padding:.75rem;color:#fff9;text-decoration:none;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;cursor:pointer}.topnav__link:hover{color:#fff}.topnav__link--active{color:#fff;border-bottom-color:#7c3aed}.topnav__link--disabled{color:#ffffff40;cursor:not-allowed;pointer-events:none}.topnav__right{margin-left:auto;display:flex;align-items:center;gap:1rem}.topnav__email{font-size:.75rem;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.topnav__signout{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:background .15s,color .15s}.topnav__signout:hover{background:#ffffff14;color:#fff}.admin-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-main{flex:1;overflow-y:auto}.admin-main--padded{padding:2rem clamp(1.5rem,4vw,3rem);max-width:1100px}.master-detail{display:flex;flex:1;min-height:0;height:calc(100vh - 48px)}.master-detail__content{flex:1;overflow-y:auto;padding:1.5rem clamp(1.25rem,3vw,2.5rem)}.master-detail__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#0d132166;font-size:.9rem}.list-panel{width:240px;min-width:240px;background:#f3f1ec;border-right:1px solid rgba(13,19,33,.1);display:flex;flex-direction:column;overflow:hidden}.list-panel__header{padding:.75rem;border-bottom:1px solid rgba(13,19,33,.1);display:flex;flex-direction:column;gap:.5rem}.list-panel__title-row{display:flex;align-items:center;justify-content:space-between}.list-panel__title{font-weight:600;font-size:.85rem;color:#0d1321}.list-panel__count{font-weight:400;color:#0d132180;font-size:.8rem}.list-panel__add{background:#5927e5;color:#fff;border:none;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .15s}.list-panel__add:hover{background:#4a1fc9}.list-panel__search{padding:.4rem .6rem;border:1px solid rgba(13,19,33,.15);border-radius:6px;font-size:.8rem;font-family:inherit;background:#fff;color:#0d1321;width:100%;box-sizing:border-box}.list-panel__search:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 2px #5927e51a}.list-panel__items{flex:1;overflow-y:auto;padding:.25rem .375rem}.list-panel__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;margin-bottom:.125rem;text-decoration:none;color:#0d1321;cursor:pointer;transition:background .1s}.list-panel__item:hover{background:#fff9}.list-panel__item--selected{background:#fff;border:1.5px solid #5927e5;box-shadow:0 1px 3px #0000000f}.list-panel__icon{width:24px;height:24px;border-radius:5px;flex-shrink:0;object-fit:cover}.list-panel__icon--placeholder{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;font-weight:700}.list-panel__avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.55rem;font-weight:700}.list-panel__item-text{display:flex;flex-direction:column;overflow:hidden;min-width:0}.list-panel__item-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-panel__item--selected .list-panel__item-name{font-weight:700}.list-panel__item-sub{font-size:.7rem;color:#0d132180;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-panel__empty{padding:1.5rem .75rem;text-align:center;color:#0d132166;font-size:.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{margin:0;display:flex;align-items:center;gap:.5rem}.search-input{padding:.5rem .75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:.9rem;font-family:inherit;min-width:220px;background:#fff;color:#0d1321}.search-input:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;padding:.6rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#0d132180;border-bottom:2px solid rgba(13,19,33,.08)}.data-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(13,19,33,.05)}.data-table tbody tr:hover{background:#5927e508}.data-table tbody tr:focus{outline:2px solid #5927e5;outline-offset:-2px}.role-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge--admin{background:#5927e51f;color:#5927e5}.role-badge--learner{background:#0d13210f;color:#0d132199}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge--active{background:#27ae601f;color:#1e8449}.status-badge--deactivated{background:#c0392b1f;color:#c0392b}.error-banner{background:#c0392b14;color:#c0392b;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;border:1px solid rgba(192,57,43,.15)}.detail-section{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid rgba(13,19,33,.08);margin-bottom:1.5rem}.detail-section h3{margin:0 0 1rem;font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:#0d1321b3}.form-grid input,.form-grid select{padding:.6rem .75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#0d1321}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}.form-grid input[readonly]{background:#0d132108;color:#0d132180;cursor:not-allowed}.detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;color:#0d132199;margin-bottom:1rem}.detail-meta span{display:flex;align-items:center;gap:.3rem}.auth-methods-list{list-style:none;padding:0;margin:0}.auth-methods-list li{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(13,19,33,.05)}.auth-methods-list li:last-child{border-bottom:none}.danger-zone{border:2px solid rgba(192,57,43,.3);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem}.danger-zone h3{margin:0 0 1rem;color:#c0392b}.danger-zone p{font-size:.9rem;color:#0d1321b3;margin:0 0 1rem}.btn-warning{background:#e67e22;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;font-size:.85rem}.btn-warning:hover{background:#d35400}.btn-danger{background:#c0392b;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;font-size:.85rem}.btn-danger:hover{background:#a93226}.platform-badge{display:inline-block;padding:1px 6px;margin-right:4px;background:#0000000f;border-radius:3px;font-size:.75rem;color:#0d1321b3}.chord-input{display:flex;flex-direction:column;gap:.35rem}.chord-input__field{width:100%;padding:.3rem .5rem;border:1px solid rgba(13,19,33,.15);border-radius:4px;font-size:.8rem;font-family:SF Mono,Fira Code,monospace;background:#fff;color:#0d1321}.chord-input__field:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 2px #5927e51a}.chord-pills{display:flex;flex-direction:column;gap:.25rem}.chord-pills-row{display:flex;flex-wrap:wrap;gap:.2rem}.chord-pill{padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;border:1px solid transparent;line-height:1.4;font-family:inherit;transition:background .1s,color .1s,border-color .1s}.chord-pill--modifier{background:#12185812;color:#121858;border-color:#12185826}.chord-pill--modifier:hover{background:#12185824}.chord-pill--modifier.chord-pill--active{background:#121858;color:#fff;border-color:#121858}.chord-pill--key{background:#5927e50f;color:#5927e5;border-color:#5927e526}.chord-pill--key:hover{background:#5927e524}.chord-pill--separator{background:#c88c2814;color:#8a6020;border-color:#c88c2833}.chord-pill--separator:hover{background:#c88c2829}.chord-pill--numpad{background:#5927e50f;color:#5927e5;border-color:#5927e526;width:2rem;text-align:center;padding:.2rem 0}.chord-pill--numpad:hover{background:#5927e524}.chord-numpad{display:flex;align-items:flex-start;gap:.35rem}.chord-numpad__label{font-size:.65rem;font-weight:600;color:#0d132173;text-transform:uppercase;letter-spacing:.04em;padding-top:.2rem;flex-shrink:0}.chord-numpad__grid{display:flex;flex-direction:column;gap:.15rem}.chord-numpad__row{display:flex;gap:.15rem}.shortcut-table-container{margin-top:1rem}.shortcut-table-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.difficulty-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.difficulty-badge--beginner{background:#27ae601f;color:#1e8449}.difficulty-badge--intermediate{background:#e67e221f;color:#c0652b}.difficulty-badge--advanced{background:#c0392b1f;color:#c0392b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:14px;border:1px solid rgba(13,19,33,.08);margin-bottom:1.25rem;flex-wrap:wrap}.app-workspace-identity{display:flex;align-items:center;gap:1rem}.app-workspace-icon{width:48px;height:48px;border-radius:10px;flex-shrink:0}.app-workspace-icon-placeholder{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0}.app-workspace-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;color:#0d132199;margin-top:.2rem}.app-workspace-tabs{display:flex;gap:0;border-bottom:2px solid rgba(13,19,33,.08);margin-bottom:1rem}.app-workspace-tab{background:transparent;color:#0d13218c;border:none;border-bottom:2px solid transparent;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:-2px;border-radius:0;transition:color .15s,border-color .15s}.app-workspace-tab:hover{color:#5927e5;background:transparent}.app-workspace-tab--active{color:#5927e5;border-bottom-color:#5927e5;background:transparent}.packs-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#0d132199}.packs-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pack-card{border:1px solid rgba(13,19,33,.1);border-radius:12px;padding:1.25rem;background:#fbfbff;display:flex;flex-direction:column;gap:.6rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.pack-card:hover{border-color:#5927e54d;box-shadow:0 4px 16px #5927e514}.pack-card:focus{outline:2px solid #5927e5;outline-offset:2px}.pack-card-title{font-weight:700;font-size:.95rem;color:#0d1321}.pack-card-desc{font-size:.82rem;color:#0d1321a6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pack-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:#0d13218c}.pack-card-tags{display:flex;flex-wrap:wrap;gap:.2rem}.pack-card-delete{align-self:flex-start;margin-top:.25rem}.success-banner{background:#27ae6014;color:#1e8449;padding:.6rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(39,174,96,.2)}.shuttle{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:start}.shuttle-column{display:flex;flex-direction:column;border:1px solid rgba(13,19,33,.1);border-radius:10px;overflow:hidden;background:#fff}.shuttle-column-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#0d132108;border-bottom:1px solid rgba(13,19,33,.08);font-size:.82rem;font-weight:600;color:#0d132199;text-transform:uppercase;letter-spacing:.04em;gap:.5rem}.shuttle-filter{padding:.25rem .5rem;border:1px solid rgba(13,19,33,.15);border-radius:6px;font-size:.8rem;font-family:inherit;min-width:0;flex:1;max-width:140px;background:#fff;color:#0d1321}.shuttle-filter:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 2px #5927e51a}.shuttle-list{list-style:none;margin:0;padding:0;min-height:200px;max-height:360px;overflow-y:auto}.shuttle-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;cursor:pointer;border-bottom:1px solid rgba(13,19,33,.04);font-size:.85rem;transition:background .1s}.shuttle-item:last-child{border-bottom:none}.shuttle-item:hover{background:#5927e50a}.shuttle-item:focus{outline:2px solid #5927e5;outline-offset:-2px}.shuttle-item--selected{background:#5927e51a!important}.shuttle-item--assigned{background:#fafeff}.shuttle-item-order{font-size:.72rem;font-weight:700;color:#0d132166;min-width:1.2rem;text-align:right;flex-shrink:0}.shuttle-item-action{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shuttle-item-chord{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;background:#0d13210d;padding:.1rem .35rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.shuttle-item-reorder{display:flex;gap:.15rem;flex-shrink:0}.shuttle-arrows{display:flex;flex-direction:column;gap:.5rem;align-self:center;padding-top:3rem}.shuttle-empty{padding:2rem;text-align:center;color:#0d132166;font-size:.85rem;font-style:italic}.analytics-dashboard{max-width:1200px}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.analytics-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:4px}.analytics-card__value{font-size:32px;font-weight:700;color:var(--text-primary, #111827)}.analytics-card__label{font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280)}.analytics-card__secondary{font-size:12px;color:var(--text-muted, #9ca3af)}@media (max-width: 640px){.panel__header{flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.data-table{font-size:.8rem}}.text-muted{color:#4b5563}.quiz-editor{display:flex;flex-direction:column;gap:1rem}.quiz-panel{background:#0d132105;border:1px solid rgba(13,19,33,.08);border-radius:12px;padding:1rem 1.25rem}.quiz-panel .section-header{margin-bottom:1rem}.quiz-panel .section-header h4{margin:0;font-size:1rem}.quiz-panel .data-table td button+button{margin-left:.35rem}.quiz-panel tr.is-editing{background:#5927e50f}.question-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem;padding:1rem;background:#fff;border:1px solid rgba(13,19,33,.1);border-radius:10px}.question-form>label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:#0d1321b3}.question-form input[type=text],.question-form select,.question-form textarea{padding:.6rem .75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#0d1321}.question-form input[type=text]:focus,.question-form select:focus,.question-form textarea:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}.question-form__hint{margin:-.5rem 0 0;font-size:.8rem}.question-form__choices{border:1px solid rgba(13,19,33,.1);border-radius:8px;padding:.75rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.question-form__choices legend{font-size:.85rem;font-weight:600;color:#0d1321b3;padding:0 .35rem}.question-form__choice{display:flex;gap:.5rem;align-items:center}.question-form__choice input[type=text]{flex:1}.question-form__shortcut{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;border:1px solid rgba(13,19,33,.1);border-radius:8px}.question-form__shortcut-label{font-size:.85rem;font-weight:600;color:#0d1321b3}.question-form__shortcut-value{flex:1;font-size:.9rem;color:#0d1321}.question-form__actions{display:flex;gap:.5rem}.inline-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-form input[type=text]{flex:1;min-width:220px;padding:.6rem .75rem;border:1px solid rgba(13,19,33,.15);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#0d1321}.inline-form input[type=text]:focus{outline:none;border-color:#5927e5;box-shadow:0 0 0 3px #5927e51a}