@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";.star-rating{display:inline-flex;align-items:center}.star{position:relative;display:inline-block;line-height:1;width:1em;height:1em}.star-bg{color:#ddd}.star-fg{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#f5b301}.star-half{position:absolute;top:0;width:50%;height:100%;padding:0;margin:0;background:none;border:none;cursor:pointer}.star-half--left{left:0}.star-half--right{right:0}.star-clear{background:none;border:none;cursor:pointer;color:#999;margin-left:.35rem;font-size:1.1rem;line-height:1}.star-rating--readonly .star{cursor:default}a{text-decoration:none}a:hover{opacity:.7}.mb-3{margin-bottom:3rem}.mb-2{margin-bottom:2rem}.mb-1{margin-bottom:1rem}.mb-05{margin-bottom:.5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;gap:1rem}.text-center{text-align:center}.list-clean{list-style:none;padding:0;margin:0}.text-red{color:red}.text-green{color:green}.text-gray{color:#666}.container{max-width:1200px;margin:0 auto;padding:1rem}.piece-list{list-style:none;padding:0}.piece-item{padding:.75rem 1rem;border-bottom:1px solid #eee}.piece-item:hover{background-color:#f9f9f9}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-sm{padding:.25rem .5rem;font-size:.85rem}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-outline{background:transparent;border:1px solid #6c757d;color:#6c757d}.btn-outline:hover{background-color:#f3f4f6}.error-message{color:red;margin:1rem 0}.success-message{color:green;margin:1rem 0}.admin-only:not(button){color:#d97706!important}.link-button{background:none;border:none;padding:0;color:#007bff;cursor:pointer;font-size:.9rem}.link-button:hover{opacity:.7}.link-button:disabled{opacity:.4;cursor:default}.link-button--danger{color:#dc2626}.special-star{color:#e0b000}.binder-new-inline{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.binder-new-inline input{flex:0 1 50%;min-width:0;padding:.3rem .5rem;font-size:.9rem}.piece-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.piece-detail-title{margin:0}.piece-detail-info{margin-bottom:1rem}.piece-detail-info p{margin:.5rem 0}.piece-detail-actions{margin-top:2rem}.piece-detail-actions h3{margin-bottom:1rem;font-size:1.2rem}.piece-detail-binder-list{list-style:none;padding:0;margin:0}.piece-detail-binder-item{margin:.5rem 0;display:flex;align-items:center}.piece-detail-binder-item input[type=checkbox]{margin-right:.5rem;cursor:pointer}.piece-detail-binder-item label{cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none}.piece-detail-all-binders{margin-top:2rem;padding:1rem;background-color:#f5f5f5;border-radius:4px}.piece-detail-all-binders h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#666}.piece-detail-all-binders-list{list-style:none;padding:0;margin:0}.piece-detail-all-binders-list li{margin:.5rem 0}.piece-detail-all-binders-list a{color:#007bff;text-decoration:none}.piece-detail-all-binders-list a:hover{opacity:.7}.piece-detail-pdf{margin-top:2rem;padding:1rem;background-color:#f9f9f9;border-radius:4px;border:1px solid #ddd}.piece-detail-pdf h3{margin-top:0;margin-bottom:1rem;color:#333}.pdf-info p{margin:.5rem 0}.pdf-actions{margin-top:1rem;display:flex;gap:1rem}.pdf-actions .btn{padding:.5rem 1rem;border-radius:4px;text-decoration:none;display:inline-block;transition:background-color .2s}.pdf-actions .btn-primary{background-color:#007bff;color:#fff}.pdf-actions .btn-primary:hover{background-color:#0056b3}.pdf-actions .btn-secondary{background-color:#6c757d;color:#fff}.pdf-actions .btn-secondary:hover{background-color:#545b62}.piece-detail-back{background:none;border:none;cursor:pointer;color:#3b82f6;padding:0;font-size:1rem;margin-bottom:1rem;display:inline-block}.piece-detail-back:hover{opacity:.7}.piece-detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.piece-detail-tag{display:inline-flex;align-items:center;gap:.25rem;background:#e0e7ff;color:#3730a3;padding:.2rem .5rem;border-radius:12px;font-size:.85rem}.piece-detail-tag-remove{background:none;border:none;cursor:pointer;color:#6366f1;font-size:1rem;line-height:1;padding:0 .15rem}.piece-detail-tag-remove:hover{color:#dc2626}.piece-detail-tag-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-bottom:1rem}.piece-detail-description{margin:1rem 0;white-space:pre-wrap;line-height:1.5;font-style:italic;color:#444}.piece-detail-all-binders-list li.is-graduated{opacity:.5}.graduated-tag{color:#888;font-size:.85rem}.piece-detail-admin-add{margin:1rem 0}.admin-add-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-add-row select{padding:.3rem .5rem}.piece-detail-ratings{margin:1.5rem 0}.rating-row{display:flex;align-items:center;gap:.75rem;margin:.35rem 0}.rating-label{width:5.5rem;color:#444}.rating-agg{color:#888;font-size:.85rem}.rating-details{list-style:none;padding:0;margin:.5rem 0 0;color:#555;font-size:.9rem}.rating-details li{padding:.15rem 0}.piece-detail-comments{margin:1.5rem 0}.comment-new{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;max-width:560px}.comment-new textarea,.comment-edit textarea{width:100%;padding:.5rem;resize:vertical;font-family:inherit}.comment-new button{align-self:flex-start}.comment-list{list-style:none;padding:0;margin:0;max-width:560px}.comment-item{padding:.6rem 0;border-top:1px solid #eee}.comment-meta{display:flex;gap:.5rem;align-items:baseline}.comment-date{color:#999;font-size:.8rem}.comment-body{margin:.25rem 0;white-space:pre-wrap;line-height:1.5}.comment-actions{display:flex;gap:.75rem}.piece-detail-stats{color:#888;font-size:.9rem;margin:.25rem 0 .75rem}.piece-actions__delete{color:#dc2626}.piece-detail-plays{margin:1.5rem 0}.play-history-list{list-style:none;padding:0;margin:0 0 .5rem;max-width:560px}.play-history-list li{padding:.35rem 0;border-top:1px solid #eee}.play-when{color:#2563eb;font-variant-numeric:tabular-nums}.play-who{color:#555}.play-total{font-style:italic;font-size:.8rem;color:#888;margin:.35rem 0 0}.piece-detail-recordings{margin:1.5rem 0}.recording-list{list-style:none;padding:0;margin:0 0 1rem;max-width:560px}.recording-item{padding:.6rem 0;border-top:1px solid #eee}.recording-title{font-weight:500;margin-bottom:.35rem}.recording-audio{width:100%}.recording-video{width:100%;max-height:320px;background:#000}.recording-embed{position:relative;width:100%;aspect-ratio:16 / 9}.recording-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:4px}.recording-item .link-button{margin-top:.35rem;color:#dc2626}.recording-add{display:flex;flex-direction:column;gap:.5rem;max-width:560px}.recording-add-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.recording-add-row input[type=text]{flex:1;min-width:8rem;padding:.35rem .5rem}.recording-add-row select{padding:.35rem .5rem}.piece-detail-layout{display:flex;gap:2rem;align-items:flex-start}.piece-detail-main{flex:1;min-width:0}.piece-detail-side{width:260px;flex-shrink:0}@media (max-width: 768px){.piece-detail-layout{flex-direction:column}.piece-detail-side{width:100%}}.piece-detail-side .piece-detail-actions{margin-top:0;padding:1rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.piece-detail-side .piece-detail-actions h3,.piece-detail-side .piece-detail-all-binders h3{font-size:1rem}.piece-detail-side .piece-detail-all-binders{margin-top:1rem}.piece-detail-flag-status,.piece-detail-flag-prompt{margin:.5rem 0 1rem}.flag-label{color:#dc2626;font-weight:500}.flag-desc{color:#555;margin:.25rem 0;font-size:.9rem}.flag-by{color:#888;font-size:.8rem;margin:.25rem 0}.piece-detail-flag-prompt textarea{display:block;width:100%;max-width:400px;font-size:.9rem;padding:.3rem .5rem;resize:vertical}.flag-prompt-actions{display:flex;gap:.75rem;margin-top:.5rem}.flag-cancel{color:#666}.recording-comment{margin:.35rem 0 0;color:#555;font-size:.9rem;white-space:pre-wrap}.piece-detail-titlebar{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.piece-detail-header{flex-direction:column;align-items:stretch;gap:.5rem}.piece-detail-titlebar{padding-right:.5rem}.piece-detail-titlebar .piece-detail-title{flex:1}.piece-detail-header .piece-actions{flex-wrap:wrap;gap:.75rem 1rem}}.piece-actions{display:flex;gap:.5rem;align-items:center}.piece-actions__button{background:none;border:none;cursor:pointer;padding:0}.piece-actions__button svg{display:block;transition:opacity .2s}.piece-actions__menu-button{font-size:1.2rem;padding:0 .25rem}.piece-actions__dropdown{position:relative}.piece-actions__dropdown-menu{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem;box-shadow:0 2px 4px #0000001a;z-index:1000;min-width:200px}.piece-actions__dropdown-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700}.piece-actions__binder-list{list-style:none;padding:0;margin:0}.piece-actions__binder-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.piece-actions__binder-item input[type=checkbox]{margin:0}.piece-actions__binder-item label{cursor:pointer;font-size:.85rem;flex:1}.piece-actions__no-binders{margin:0;font-size:.8rem}.piece-actions__no-binders a{color:#007bff;text-decoration:none}.piece-actions__no-binders a:hover{opacity:.7}.piece-actions__flag{display:inline-flex;align-items:center;color:red;line-height:1;margin-right:.15rem}.piece-actions__text-link{background:none;border:none;cursor:pointer;color:#3b82f6;font-size:.95rem;padding:0;text-decoration:none}.piece-actions__text-link:hover{opacity:.7}.piece-actions__report-btn{background:none;border:none;cursor:pointer;color:#dc2626;font-size:.85rem;padding:.25rem 0;text-align:left;width:100%}.piece-actions__report-btn:hover{opacity:.7}.piece-stat{color:#999;font-size:.8rem;white-space:nowrap}.piece-like-count{color:#888;font-size:.85rem}.group-item{flex-direction:column;align-items:stretch}.group-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem;padding-right:.5rem}.group-row__main{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.group-toggle{background:none;border:none;cursor:pointer;color:#555;padding:.15rem;display:inline-flex;transition:transform .15s}.group-toggle--open{transform:rotate(90deg)}.group-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#555;background:#eef1f5;border-radius:3px;padding:.1rem .4rem}.group-count{color:#888;font-size:.85rem}.group-complete{color:#15803d;background:#dcfce7;border-radius:3px;padding:.1rem .4rem;font-size:.8rem}.group-movements{margin:.4rem 0 0 1.5rem;border-left:2px solid #eee;padding-left:.75rem}.group-detail-header{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.group-detail-desc{white-space:pre-wrap;line-height:1.5}.group-detail-completeness{margin:.5rem 0 1rem}.group-detail-meta{margin:.15rem 0 0}.group-edit{margin:.75rem 0 1rem}.movement-add{margin:.75rem 0 0}.movement-add-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.movement-add-title{flex:1 1 16rem;min-width:0;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}.movement-add-pdf{cursor:pointer;white-space:nowrap;max-width:14rem;overflow:hidden;text-overflow:ellipsis}.movement-add .link-button{margin-top:.5rem}.movement-bulk{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;max-width:32rem}.movement-bulk textarea{width:100%;box-sizing:border-box;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-family:inherit;resize:vertical}.movement-bulk button{align-self:flex-start}.group-movement-list,.group-pdf-list{line-height:1.8}.group-movement-actions{margin-left:.6rem;display:inline-flex;gap:.6rem}.group-pdf-upload{display:flex;gap:.5rem;align-items:center;margin:.5rem 0}.group-detail-admin{margin-top:1.5rem}.piece-detail-group{margin:.25rem 0 .75rem;color:#444}.group-picker{position:relative}.group-picker>input{width:100%;padding:.45rem .5rem;box-sizing:border-box}.group-picker-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 2px);max-height:260px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001f;list-style:none;margin:0;padding:.25rem 0}.group-picker-option{padding:.4rem .75rem;cursor:pointer;font-size:.9rem}.group-picker-option:hover{background:#f5f5f5}.group-picker-empty{padding:.4rem .75rem;color:#888;font-size:.9rem}.group-detail{max-width:760px}.group-detail h3{margin-top:1.75rem;margin-bottom:.5rem}.group-movement-list{padding-left:1.6rem;margin:0}.group-movement-list li{margin:.35rem 0;padding-left:.25rem}.group-movement-actions{margin-left:.75rem;display:inline-flex;gap:.75rem}.group-movement-actions .link-button,.group-pdf-list .link-button{color:#2563eb}.group-pdf-list{list-style:none;padding:0}.group-pdf-list li{margin:.3rem 0;display:flex;gap:.6rem;align-items:center}.catalogue-search{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.catalogue-search-input{padding:.5rem;flex:1 1 300px;min-width:0;font-size:.9rem}.catalogue-clear-btn{background:#fff;border:1px solid #ccc;border-radius:4px;padding:.45rem .85rem;font-size:.9rem;white-space:nowrap;cursor:pointer}.catalogue-clear-btn:hover{border-color:#888}.catalogue-sort-wrapper{position:relative;margin-left:auto}.catalogue-filter-wrapper{position:relative}.catalogue-filter-toggle{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;white-space:nowrap}.catalogue-filter-toggle:hover{border-color:#888}.catalogue-filter-toggle.has-active{border-color:#2563eb;color:#2563eb}.catalogue-filter-badge{display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%}.catalogue-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:220px;z-index:100;padding:.5rem 0}.catalogue-filter-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;cursor:pointer;font-size:.9rem;border:none;background:none;width:100%;text-align:left}.catalogue-filter-option:hover{background:#f5f5f5}.catalogue-filter-check{width:16px;text-align:center;color:#2563eb;font-weight:700}.catalogue-filter-count{margin-left:auto;color:#888;font-size:.8rem}.catalogue-showing{color:#666;font-size:.9rem;margin-bottom:.75rem}.catalogue-pagination{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem}.catalogue-pagination button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;padding:0}.catalogue-pagination button:hover{opacity:.7}.catalogue-pagination button:disabled{color:#ccc;cursor:default;opacity:1}.catalogue-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center}.catalogue-showing-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.catalogue-select-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin:.25rem 0 .5rem}.select-bar-group{display:flex;align-items:center;gap:.4rem .85rem;flex-wrap:wrap;min-width:0}.catalogue-select-count{font-weight:500;white-space:nowrap}.catalogue-select-hint{font-size:.85rem;margin:.25rem 0 .75rem}.group-dialog{padding:1.5rem}.group-dialog .form-group{margin-bottom:.75rem}.group-dialog .dialog-new-row{grid-template-columns:6rem 1fr}.group-dialog .dialog-new-row .form-group{min-width:0}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.form-modal{background:white;border-radius:.5rem;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.form-header h2{margin:0;color:#111827;font-size:1.5rem}.form-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background .2s}.form-close:hover{background:#f3f4f6;color:#374151}.form-content{padding:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151;font-size:.875rem}.required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{display:block;margin-top:.25rem;color:#ef4444;font-size:.875rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}.admin-form .btn-primary{background:#d97706}.admin-form .btn-primary:hover:not(:disabled){background:#b45309}.admin-form .form-header h2{color:#d97706}.navbar{padding:1rem;border-bottom:1px solid #ddd;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar__links{display:flex;gap:1rem;align-items:center}.navbar__right{display:flex;align-items:center;gap:1rem}.navbar__link{text-decoration:none;color:#3b82f6}.navbar__link:visited{color:#3b82f6}.navbar__link:hover{text-decoration:none;opacity:.7}.navbar__link--brand{font-weight:700}.navbar__link--admin{color:#d97706;font-weight:500}.navbar__link--admin:visited{color:#d97706}.navbar__link--muted,.navbar__link--muted:visited{color:#666}.navbar__preview-badge{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.navbar__preview-btn{padding:.25rem .5rem;font-size:.8rem;color:#fff;border:none;border-radius:4px;cursor:pointer}.navbar__preview-btn--active{background:#dc2626}.navbar__preview-btn--inactive{background:#6b7280}.navbar__admin-tag{color:#d97706;margin-left:.25rem}.navbar__logout-btn{padding:.25rem .5rem;font-size:.9rem}.navbar__hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}@media (max-width: 768px){.navbar__hamburger{display:block;order:0}.navbar__links{display:none;width:100%;flex-direction:column;gap:0;order:3}.navbar__links--open{display:flex}.navbar__links .navbar__link{display:block;padding:.5rem 0}.navbar__right{order:1;margin-left:auto}}.about section{margin-top:1.5rem}.about h2{margin-bottom:.5rem}.about ul{list-style-position:inside;padding-left:0;margin:0}.about li{padding:.25rem 0;line-height:1.5}.profile-section{margin-bottom:2rem}.profile-list{list-style:none;padding:0}.profile-list-item{margin-bottom:.5rem}.profile-list-item a{text-decoration:none;color:#007bff}.profile-list-item a:hover{text-decoration:underline}.profile-error{color:red;margin-top:1rem}.binders-create-section{margin-bottom:2rem}.binder-form{border:1px solid #ddd;padding:1rem;border-radius:4px;background-color:#f9f9f9}.binder-form h3{margin-top:0;margin-bottom:1rem}.binder-form-field{margin-bottom:1rem}.binder-form-field label{display:block;margin-bottom:.25rem}.binder-form-input{width:100%;padding:.5rem}.binder-form-textarea{width:100%;padding:.5rem;height:80px;resize:vertical}.binder-form-buttons{display:flex;gap:.5rem}.binders-grid{display:grid;gap:1rem;margin-top:1rem}.binder-card{border:1px solid #ddd;padding:1rem;border-radius:4px;background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.binder-card-content{flex:1}.binder-card h3{margin:0 0 .5rem}.binder-card h3 a{text-decoration:none;color:#007bff}.binder-card h3 a:hover{opacity:.7}.binder-description{margin:0 0 .5rem;color:#666}.binder-meta{margin:0;font-size:.9rem;color:#888}.binder-edit-btn,.binder-delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#666;display:flex;align-items:center}.binder-edit-btn:hover{color:#3b82f6}.binder-delete-btn{color:#999}.binder-delete-btn:hover{color:#dc2626}.all-users-binders{margin-top:1rem;column-count:3;column-gap:1rem}@media (max-width: 1024px){.all-users-binders{column-count:2}}@media (max-width: 768px){.all-users-binders{column-count:1}}.user-binders-section{break-inside:avoid;-webkit-column-break-inside:avoid;display:inline-block;width:100%;margin-bottom:1rem;padding:1rem;background-color:#f9f9f9;border-radius:4px}.user-binders-section--graduated{opacity:.55}.user-binders-year{color:#888;font-size:.85rem;font-weight:400}.user-binders-section h3{margin-top:0;margin-bottom:.5rem;color:#333;font-size:1.1rem}.binders-list{display:flex;flex-direction:column;gap:.5rem}.binder-link-item{padding:.25rem 0}.binder-link-item a{color:#007bff;text-decoration:none}.binder-link-item a:hover{opacity:.7}.binder-description-preview{color:#666;font-size:.9rem}.binder-card--special{border:1px solid #e0c200;background-color:#fffdf3}.binder-star{color:#e0b000}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.admin-tabs button{padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;transition:all .3s}.admin-tabs button:hover{color:#d97706}.admin-tabs button.active{color:#d97706;border-bottom-color:#d97706}.admin-only{color:#d97706}.members-table table{width:100%;border-collapse:collapse;margin-top:1rem}.members-table th,.members-table td{text-align:left;padding:.5rem;border-bottom:1px solid #e5e7eb}.members-table th{font-weight:700;background:#f9fafb}.request-item{border:1px solid #e5e7eb;padding:1rem;margin-bottom:1rem;border-radius:.5rem}.request-actions{display:flex;gap:.5rem;margin-top:1rem}.request-actions button{padding:.25rem 1rem;border:none;cursor:pointer;border-radius:.25rem;font-weight:500}.request-actions .approve{background:#10b981;color:#fff}.request-actions .reject{background:#ef4444;color:#fff}.error{color:#ef4444}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-member-btn{padding:.5rem 1rem;background:#d97706;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background .2s}.add-member-btn:hover{background:#b45309}.delete-member-btn{background:none;border:none;padding:.25rem;cursor:pointer;font-size:1.2rem;border-radius:.25rem;transition:background-color .2s;opacity:.6}.delete-member-btn:hover:not(:disabled){background-color:#fee2e2;opacity:1}.delete-member-btn:disabled{cursor:not-allowed;opacity:.3}.grad-year-input{width:5.5rem;padding:.3rem .4rem}.import-field{margin:.75rem 0}.import-field label{display:block;font-weight:500;margin-bottom:.25rem}.csv-import-hint{color:#666;font-size:.9rem}.csv-import code{background:#f1f1f1;padding:.05rem .3rem;border-radius:3px}.account-requests{margin-bottom:1.5rem;padding:1rem 1.25rem;border:1px solid #f59e0b;border-radius:8px;background:#fffbeb}.account-requests h2{margin:0 0 .25rem;font-size:1.15rem}.account-requests-hint{margin:0 0 .75rem;color:#92400e;font-size:.85rem}.account-requests-actions{display:flex;gap:.5rem}.piece-form{max-width:800px;margin:0 auto}.piece-form h2{margin-top:2rem;margin-bottom:1rem;color:#374151;font-size:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{padding:.5rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.form-actions button[type=submit]{background:#3b82f6;color:#fff}.form-actions button[type=submit]:hover{background:#2563eb}.form-actions button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed}.form-actions button[type=button]{background:#e5e7eb;color:#374151}.form-actions button[type=button]:hover{background:#d1d5db}.admin-form{border:2px solid #d97706;padding:2rem;border-radius:.5rem}.admin-form .form-actions button[type=submit].admin-only{background:#d97706}.admin-form .form-actions button[type=submit].admin-only:hover{background:#b45309}.warning{background:#fef3c7;color:#92400e;padding:1rem;border-radius:.25rem;margin-bottom:1rem}.error{color:#ef4444;margin-bottom:1rem}.pdf-section{background-color:#f9f9f9;padding:1rem;border-radius:4px;border:1px solid #ddd}.current-pdf-info{background-color:#fff;padding:1rem;border-radius:4px;border:1px solid #e0e0e0}.current-pdf-info p{margin:.5rem 0}.pdf-meta{font-size:.9rem;color:#666}.pdf-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.pdf-actions .btn{padding:.25rem .75rem;border-radius:4px;text-decoration:none;display:inline-block;cursor:pointer;border:1px solid #ddd;background-color:#fff;color:#333;font-size:.9rem}.pdf-actions .btn:hover{background-color:#f0f0f0}.btn-sm{font-size:.875rem!important;padding:.25rem .5rem!important}.btn-danger{background-color:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.btn-danger:hover{background-color:#c82333!important}.btn-primary{background-color:#007bff!important;color:#fff!important;border-color:#007bff!important}.btn-primary:hover{background-color:#0056b3!important}.pdf-selected{margin-top:.5rem;color:#28a745;font-size:.9rem}.success-message{color:#28a745;margin-top:.5rem;font-weight:500}.error-message{color:#dc3545;margin-top:.5rem;font-weight:500}input[type=file]{padding:.5rem;border:1px solid #ddd;border-radius:4px;width:100%;background-color:#fff}.binder-select-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.form-group .binder-select-list .binder-select-item{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer;margin:0}.binder-select-list .binder-select-item input[type=checkbox]{width:auto;margin:0}.binder-select-item.is-disabled{opacity:.55;cursor:not-allowed}.binder-full-note{color:#999;font-size:.85rem}.form-recording-list{list-style:none;padding:0;margin:0 0 .75rem}.form-recording-item{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;border-top:1px solid #eee}.form-recording-type{font-size:.75rem;color:#555;background:#eef1f5;border-radius:3px;padding:.1rem .4rem}.form-recording-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-add-row input[type=file]{width:auto}.form-group .recording-add-row input[type=text]{width:auto;flex:1;min-width:8rem}.form-recording-edit{display:flex;flex-direction:column;gap:.4rem;width:100%}.form-recording-edit textarea{resize:vertical;font-family:inherit}.form-recording-edit-actions{display:flex;gap:.5rem}.form-row--group{grid-template-columns:1fr 8rem}@media (max-width: 768px){.form-row--group{grid-template-columns:1fr}}.group-new-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%;margin:.25rem 0 1rem}.group-new-row .group-new-type,.group-new-row .group-new-title{padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}.group-new-row .group-new-type{flex:0 0 auto;width:auto}.group-new-row .group-new-title{flex:1 1 12rem;width:auto;min-width:0}.group-new-row button{flex:0 0 auto}.add-mode-toggle{display:inline-flex;gap:0;margin-bottom:1.25rem;border:1px solid #d1d5db;border-radius:.4rem;overflow:hidden}.add-mode-btn{background:#fff;border:none;padding:.45rem 1rem;font-size:.9rem;cursor:pointer;color:#374151}.add-mode-btn+.add-mode-btn{border-left:1px solid #d1d5db}.add-mode-btn--on{background:#3b82f6;color:#fff}.requests-section{margin-bottom:3rem}.requests-section h2{margin-bottom:1rem;color:#374151;font-size:1.5rem}.no-requests{color:#6b7280;font-style:italic}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;background:#ffffff;box-shadow:0 1px 3px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-header h3{margin:0;color:#111827;font-size:1.25rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.request-details{color:#4b5563}.request-details p{margin:.5rem 0}.request-details strong{font-weight:600;color:#374151}.request-details a{color:#3b82f6;text-decoration:none;font-weight:500}.request-details a:hover{text-decoration:underline}.diff-details{margin-top:1rem;padding:1rem;background:#f3f4f6;border-radius:.25rem}.diff-details summary{cursor:pointer;font-weight:500;color:#374151}.diff-details pre{margin-top:.5rem;font-size:.875rem;overflow-x:auto}.logs-container{font-family:monospace;font-size:.75rem}.log-entry{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-left-width:4px;border-left-style:solid}.log-entry.status-applied{border-left-color:#4caf50}.log-entry.status-pending{border-left-color:#ffc107}.log-entry.status-rejected{border-left-color:#f44336}.log-header{margin-bottom:10px}.log-status{font-weight:700}.log-status.applied{color:green}.log-status.pending{color:orange}.log-status.rejected{color:red}.log-details{cursor:pointer;margin-bottom:10px}.log-values{margin-left:20px}.log-values-section{margin-bottom:10px}.log-values-old{background-color:#ffebee;padding:10px;overflow:auto}.log-values-new{background-color:#e8f5e9;padding:10px;overflow:auto}.log-admin-notes{margin-top:10px}.logs-intro{margin-bottom:20px;color:#666}.playing-log h1{margin-bottom:.25rem}.ring-start{margin:1.25rem 0;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.ring-start h3{margin:0 0 .6rem;font-size:1.05rem}.ring-start-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.ring-start-row select,.ring-start-row input{padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}.ring-filter{margin:1rem 0 .5rem}.ring-filter select{padding:.35rem .5rem}.ring-list{list-style:none;padding:0;margin:.5rem 0 0}.ring-list-item{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;padding:.75rem .25rem;border-bottom:1px solid #eee}.ring-list-link{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:inherit}.ring-list-link:hover{opacity:.75}.ring-list-date{font-weight:600;color:#1f2937}.ring-list-counts{font-size:.9rem}.ring-list-creator{font-size:.85rem;margin-left:auto}.ring-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:.1rem .45rem;background:#eef1f5;color:#555;white-space:nowrap}.ring-badge--noon{background:#fef3c7;color:#92400e}.ring-badge--evening{background:#e0e7ff;color:#3730a3}.ring-detail-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}.ring-detail-header h1{margin:0}.ring-notes{white-space:pre-wrap;line-height:1.5;font-style:italic;color:#444;margin:.5rem 0 0}.ring-notes-edit-btn{margin-left:.5rem;font-size:.85rem;font-style:normal}.ring-notes-add{margin-top:.4rem;font-size:.9rem}.ring-notes-edit{margin:.5rem 0 0;max-width:560px}.ring-notes-edit textarea{width:100%;box-sizing:border-box;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-family:inherit;resize:vertical}.ring-notes-actions{display:flex;gap:.5rem;margin-top:.4rem}.ring-section{margin-top:1.75rem}.ring-section h3{margin-bottom:.6rem}.ring-player-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.ring-chip{display:inline-flex;align-items:center;gap:.3rem;background:#e0e7ff;color:#3730a3;padding:.25rem .6rem;border-radius:14px;font-size:.9rem}.ring-chip-x{background:none;border:none;cursor:pointer;color:#6366f1;font-size:1rem;line-height:1;padding:0}.ring-chip-x:hover{color:#dc2626}.ring-player-add{position:relative;max-width:360px}.ring-player-add>input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem;box-sizing:border-box}.ring-player-menu,.ring-piece-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 2px);max-height:240px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001f;list-style:none;margin:0;padding:.25rem 0}.ring-player-menu li,.ring-piece-menu li{padding:.45rem .75rem;cursor:pointer;font-size:.95rem}.ring-player-menu li:hover,.ring-piece-menu li:hover{background:#f5f5f5}.ring-player-menu-visitor{color:#2563eb;border-top:1px solid #f0f0f0}.ring-piece-list{margin:0;padding-left:1.5rem}.ring-piece-item{padding:.5rem 0;border-bottom:1px solid #f0f0f0}.ring-piece-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ring-piece-main{min-width:0}.ring-piece-side{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.ring-piece-time{color:#999;font-size:.85rem}.ring-piece-time--edit{background:none;border:none;padding:0;cursor:pointer;font-size:.85rem}.ring-piece-time--edit:hover{color:#2563eb;text-decoration:underline}.ring-time-input{padding:.2rem .35rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.85rem}.ring-piece-players{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0 0}.ring-chip--sm{font-size:.8rem;padding:.1rem .5rem;background:#eef2f7;color:#374151}.ring-add-player-btn{font-size:.8rem}.ring-add-player-select{padding:.2rem .35rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.8rem}.ring-log-players{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.ring-log-players-label{font-size:.85rem;margin-right:.15rem}.ring-select-chip{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:14px;padding:.2rem .65rem;font-size:.85rem;cursor:pointer}.ring-select-chip:hover{border-color:#9ca3af}.ring-select-chip--on{background:#2563eb;border-color:#2563eb;color:#fff}.ring-log-form{margin-top:1rem;padding:.85rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.ring-log-search{position:relative}.ring-log-search>input,.ring-log-manual input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem;box-sizing:border-box;margin-bottom:.4rem}.ring-log-manual{display:flex;flex-direction:column;gap:0}.ring-log-selected{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0}.ring-log-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.ring-log-actions select{padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}:root{--fg: #111;--bg: #fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg);color:var(--fg);line-height:1.6}.container{max-width:800px;margin:2rem auto;padding:0 1rem}h1{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.piece-list{list-style:none}.piece-item{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:.75rem 0}.piece-title{flex:2;font-weight:600}.piece-composer{flex:1;text-align:right}