.button-group-container{margin:0 auto}.button-group{display:flex;border-radius:var(--jl-radius-control);overflow:hidden;box-shadow:none;border:var(--jl-border)}.button-group-item{padding:.625rem 1rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;border:none;border-right:1px solid var(--jl-line);background-color:var(--jl-canvas);color:var(--jl-muted)}.button-group-item:last-child{border-right:none}.button-group-item:hover:not(.active-entering):not(.active-not-entering):not(.active-retired){background-color:var(--jl-surface);color:var(--jl-ink)}.button-group-item.active-entering{background-color:#22c55e;color:#fff;font-weight:600}.button-group-item.active-not-entering{background-color:#ef4444;color:#fff;font-weight:600}.button-group-item.active-retired{background-color:#3b82f6;color:#fff;font-weight:600}.button-group-item:focus{outline:none;box-shadow:var(--jl-focus);z-index:10;position:relative}.toast-overlay{position:absolute;inset:0;z-index:20;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;border-radius:var(--jl-radius-control);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.toast-overlay.show{opacity:1;visibility:visible}.toast-overlay span{font-weight:600;padding:.5rem 1rem;border-radius:var(--jl-radius-sm)}.toast-overlay.success{background-color:#dcfce7}.toast-overlay.success span{color:#166534}.toast-overlay.error{background-color:#fee2e2}.toast-overlay.error span{color:#991b1b}.toast-overlay.pending{background-color:#fef3c7}.toast-overlay.pending span{color:#92400e}.toast-overlay.entering{background-color:#dcfce7}.toast-overlay.entering span{color:#166534}.toast-overlay.not-entering{background-color:#fee2e2}.toast-overlay.not-entering span{color:#991b1b}.toast-overlay.retired{background-color:#e0f2fe}.toast-overlay.retired span{color:#0c4a6e}.toast-overlay.cleared{background-color:#f3f4f6}.toast-overlay.cleared span{color:#374151}.button-group-compact{display:flex;border-radius:var(--jl-radius-sm);overflow:hidden;box-shadow:none;border:var(--jl-border)}.button-group-item-compact{padding:.5rem;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .15s ease-in-out;border:none;border-right:1px solid #e5e7eb;background-color:#f9fafb;color:#6b7280;flex:1;text-align:center}.button-group-item-compact:last-child{border-right:none}.button-group-item-compact:hover:not(.active-entering):not(.active-not-entering):not(.active-retired){background-color:#f3f4f6;color:#374151}.button-group-item-compact:disabled,.status-button-locked{cursor:not-allowed}.button-group-item-compact:disabled:not(.active-entering):not(.active-not-entering):not(.active-retired){background-color:#f9fafb;color:#9ca3af}.button-group-item-compact.active-entering{background-color:#22c55e;color:#fff;font-weight:600}.button-group-item-compact.active-not-entering{background-color:#ef4444;color:#fff;font-weight:600}.button-group-item-compact.active-retired{background-color:#3b82f6;color:#fff;font-weight:600}.status-button-hold{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.status-button-hold .status-hold-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.status-hold-label{position:relative;z-index:1}.status-hold-fill{position:absolute;left:0;top:0;bottom:0;width:0;z-index:0;background-color:#3b82f68c;pointer-events:none}.status-button-hold.is-holding .status-hold-fill{width:100%;transition:width 1s linear}.status-button-hold.active-retired .status-hold-fill{background-color:#ffffff73}.comp-field-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:.2rem}.comp-field-input{width:100%;padding:.4rem .55rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface);color:var(--jl-ink);font-size:.82rem;line-height:1.2}.comp-field-input:focus{outline:none;border-color:#ae262b59;box-shadow:var(--jl-focus)}.set-by-control{position:relative}.set-by-control .set-by-select{min-height:var(--jl-control-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#c7cdd6;background:var(--jl-surface);padding-right:2.35rem;font-size:.9rem;font-weight:700}.set-by-control .set-by-select:focus{border-color:var(--jl-red);background:var(--jl-surface)}.set-by-control.needs-teacher .set-by-select{border-color:var(--jl-warning-line);background:var(--jl-warning-bg);color:var(--jl-warning);box-shadow:none}.set-by-control.needs-teacher .set-by-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.set-by-control-icon,.music-change-control-icon{position:absolute;right:.9rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--jl-muted);pointer-events:none;transform:translateY(-65%) rotate(45deg)}.set-by-control.needs-teacher .set-by-control-icon{color:var(--jl-warning)}.music-change-control{position:relative}.music-change-control .music-change-select{min-height:var(--jl-control-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#c7cdd6;background:var(--jl-surface);padding-right:2.35rem;font-size:.9rem;font-weight:700}.music-change-control .music-change-select:focus{border-color:var(--jl-red);background:var(--jl-surface)}.music-change-control.has-music-change .music-change-select{border-color:var(--jl-warning-line);background:var(--jl-warning-bg);color:var(--jl-warning)}.music-change-control.has-music-change .music-change-select:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770633}.music-change-control.has-music-change .music-change-control-icon{color:var(--jl-warning)}.music-change-help{margin:.35rem 0 0;color:var(--jl-muted);font-size:.78rem;line-height:1.45}@media(max-width:640px){.comp-field-input{font-size:16px}}.status-strip{position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:var(--jl-radius-xs) 0 0 var(--jl-radius-xs)}.status-strip.entering{background-color:#22c55e}.status-strip.not-entering{background-color:#ef4444}.status-strip.retired{background-color:#3b82f6}.status-strip.none{background-color:#d1d5db}.performance-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.9rem}.performance-filter-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.performance-filter-group{display:inline-flex;flex-wrap:wrap;gap:.55rem}.performance-filter-button{padding:.55rem .95rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface);color:var(--jl-slate);font-size:.82rem;font-weight:600;line-height:1;box-shadow:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.performance-filter-button:hover{color:#8e1f23;border-color:#ddc8cc;background:#fff8f8;box-shadow:none}.performance-filter-button:focus-visible{outline:none;box-shadow:var(--jl-focus)}.performance-filter-button.active{color:#fff;border-color:#ae262b;background:var(--jl-red);box-shadow:none}.performance-filter-empty{margin-bottom:1rem;color:#6b7280;font-size:.86rem}.performance-search-row{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;max-width:26rem}.performance-search-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.performance-search-input{width:100%;padding:.8rem 1rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface);color:var(--jl-ink);font-size:.94rem;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.performance-search-input::-moz-placeholder{color:#9ca3af}.performance-search-input::placeholder{color:#9ca3af}.performance-search-input:focus{outline:none;border-color:#ae262b59;background:#fff;box-shadow:var(--jl-focus)}.comp-event-opt-in{margin:1rem 0 1.25rem;border:var(--jl-border);border-left:var(--jl-accent-border);border-radius:var(--jl-radius-card);background:var(--jl-surface)}.comp-event-opt-in-summary{display:flex;min-height:var(--jl-control-height);align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.comp-event-opt-in-summary::-webkit-details-marker{display:none}.comp-event-opt-in-summary::marker{content:""}.comp-event-opt-in-summary:hover{background:var(--jl-red-soft)}.comp-event-opt-in-summary:focus-visible{outline:none;box-shadow:var(--jl-focus)}.comp-event-opt-in-kicker{display:block;color:var(--jl-red);font-size:.72rem;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.comp-event-opt-in-title{display:block;margin-top:.15rem;color:var(--jl-ink);font-size:1rem;font-weight:800;line-height:1.35}.comp-event-opt-in-actions{display:flex;flex:0 0 auto;align-items:center;gap:.5rem}.comp-event-opt-in-status{border:1px solid var(--jl-line);border-radius:var(--jl-radius-control);padding:.45rem .65rem;font-size:.75rem;font-weight:800;line-height:1}.comp-event-opt-in-status.needs-response{border-color:var(--jl-warning-line);background:var(--jl-warning-bg);color:var(--jl-warning)}.comp-event-opt-in-status.is-complete{border-color:var(--jl-success-line);background:var(--jl-success-bg);color:var(--jl-success)}.comp-event-toggle-cue{display:inline-flex;min-height:2rem;align-items:center;gap:.45rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface);padding:.35rem .55rem;color:var(--jl-ink);font-size:.78rem;font-weight:800;line-height:1}.comp-event-toggle-open,.comp-event-opt-in[open] .comp-event-toggle-closed{display:none}.comp-event-opt-in[open] .comp-event-toggle-open{display:inline}.comp-event-toggle-icon{width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .15s ease}.comp-event-opt-in[open] .comp-event-toggle-icon{transform:rotate(225deg) translateY(-1px)}.comp-event-opt-in-body{border-top:1px solid var(--jl-line-soft);padding:0 1rem 1rem;color:var(--jl-slate);font-size:.92rem;line-height:1.65}.comp-event-opt-in-body p{margin:.85rem 0 0}.comp-event-opt-in-note{border:1px solid var(--jl-info-line);border-left:2px solid #2563eb;border-radius:var(--jl-radius-control);background:var(--jl-info-bg);padding:.75rem;color:var(--jl-info)}.comp-event-opt-in-students{display:grid;gap:.75rem;margin-top:1rem}.comp-event-student{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface);padding:.75rem}.comp-event-student.needs-response{border-color:var(--jl-warning-line);background:var(--jl-warning-bg)}.comp-event-student.is-saving{opacity:.72}.comp-event-student-name{margin:0;color:var(--jl-ink);font-size:.95rem;font-weight:800;line-height:1.35}.comp-event-student-state{margin:.2rem 0 0;color:var(--jl-muted);font-size:.8rem;line-height:1.4}.comp-event-choice-group{display:inline-grid;min-width:9rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-surface)}.comp-event-choice{min-height:var(--jl-control-height);border:0;border-right:1px solid var(--jl-line);background:var(--jl-surface);padding:.55rem .8rem;color:var(--jl-slate);font-size:.875rem;font-weight:800;line-height:1.2}.comp-event-choice:last-child{border-right:0}.comp-event-choice:hover{background:var(--jl-red-soft);color:var(--jl-red-dark)}.comp-event-choice:focus-visible{outline:none;box-shadow:var(--jl-focus);z-index:1}.comp-event-choice.active{background:var(--jl-red);color:#fff}.comp-event-choice:disabled{cursor:wait;opacity:.7}.comp-team-tabs{margin-top:1rem;border:var(--jl-border);border-radius:var(--jl-radius-card);background:var(--jl-surface)}.comp-team-tab-list{display:flex;gap:var(--jl-space-1);overflow-x:auto;border-bottom:1px solid var(--jl-line);border-radius:var(--jl-radius-card) var(--jl-radius-card) 0 0;background:var(--jl-canvas);padding:var(--jl-space-2) var(--jl-space-2) 0}.comp-team-tab{min-height:var(--jl-control-height);border:var(--jl-border);border-radius:var(--jl-radius-control) var(--jl-radius-control) 0 0;background:var(--jl-canvas);padding:.55rem .8rem;color:var(--jl-slate);font-size:.875rem;font-weight:800;line-height:1.2;white-space:nowrap}.comp-team-tab.active{border-color:var(--jl-red);background:var(--jl-red);color:#fff}.comp-team-tab:focus-visible{outline:none;box-shadow:var(--jl-focus)}.comp-team-tab-panel{padding:1rem}.comp-team-tab-placeholder{margin:0;color:var(--jl-slate);font-size:.95rem;line-height:1.6}@media(max-width:640px){.comp-event-opt-in-summary,.comp-event-student{align-items:stretch;flex-direction:column}.comp-event-opt-in-actions{flex-wrap:wrap}.comp-event-choice-group{width:100%}}.performance-card{position:relative;overflow:hidden;border-color:#e7dde0!important;border-radius:var(--jl-radius-card)!important;background:var(--jl-surface);box-shadow:none;transition:border-color .18s ease}.performance-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:none;pointer-events:none}.performance-card:hover{border-color:#ddc8cc!important;box-shadow:none}.comp-audio-player{--comp-audio-progress: 0%;--comp-audio-accent: #ae262b;--comp-audio-accent-dark: #8e1f23;--comp-audio-track: #ead7d8}.comp-audio-element{display:none}.comp-audio-shell{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border:var(--jl-border);border-radius:var(--jl-radius-control);background:var(--jl-canvas);box-shadow:none}.comp-audio-play-button{width:2.5rem;height:2.5rem;border:none;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:var(--jl-red);box-shadow:none;cursor:pointer;transition:background .15s ease}.comp-audio-play-button:hover{background:var(--jl-red-dark);box-shadow:none}.comp-audio-play-button:focus-visible{outline:none;box-shadow:var(--jl-focus)}.comp-audio-play-button[data-state=playing]{background:linear-gradient(180deg,#8e1f23,#74181c)}.comp-audio-play-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.comp-audio-icon{width:1rem;height:1rem}.comp-audio-icon-pause,.comp-audio-play-button[data-state=playing] .comp-audio-icon-play{display:none}.comp-audio-play-button[data-state=playing] .comp-audio-icon-pause{display:block}.comp-audio-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.4rem}.comp-audio-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.comp-audio-caption{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#374151}.comp-audio-time{font-size:.74rem;color:#6b7280;font-variant-numeric:tabular-nums;white-space:nowrap}.comp-audio-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.45rem;margin:0;border-radius:9999px;background:linear-gradient(90deg,var(--comp-audio-accent) 0%,var(--comp-audio-accent) var(--comp-audio-progress),var(--comp-audio-track) var(--comp-audio-progress),var(--comp-audio-track) 100%);cursor:pointer}.comp-audio-seek:focus-visible{outline:2px solid rgba(174,38,43,.28);outline-offset:3px}.comp-audio-seek::-webkit-slider-runnable-track{height:.45rem;border-radius:9999px;background:transparent}.comp-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:-.25rem;border:2px solid var(--comp-audio-accent);border-radius:9999px;background:#fff;box-shadow:0 1px 4px #1118272e}.comp-audio-seek::-moz-range-track{height:.45rem;border:none;border-radius:9999px;background:transparent}.comp-audio-seek::-moz-range-progress{height:.45rem;border-radius:9999px;background:var(--comp-audio-accent)}.comp-audio-seek::-moz-range-thumb{width:.95rem;height:.95rem;border:2px solid var(--comp-audio-accent);border-radius:9999px;background:#fff;box-shadow:0 1px 4px #1118272e}.comp-audio-download-button{width:2.25rem;height:2.25rem;border:var(--jl-border);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ae262b;background:#fff;box-shadow:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.comp-audio-download-button:hover{color:#8e1f23;border-color:#ae262b38;background:#fff8f8;box-shadow:none}.comp-audio-download-button:focus-visible{outline:none;box-shadow:var(--jl-focus)}.comp-audio-download-button.is-cooling-down,.comp-audio-download-button[aria-disabled=true]{opacity:.52;cursor:not-allowed;pointer-events:none;transform:none;background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;box-shadow:none}.comp-audio-download-icon{width:1rem;height:1rem}.comp-audio-player.is-disabled .comp-audio-shell{opacity:.65}@media(max-width:640px){.comp-audio-shell{gap:.65rem;padding:.7rem .75rem}.comp-audio-play-button{width:2.25rem;height:2.25rem}.comp-audio-download-button{width:2rem;height:2rem}.comp-audio-meta{flex-direction:column;align-items:flex-start;gap:.2rem}}.card-needs-action{border-color:#f3d595!important;border-left:2px solid #d97706!important;box-shadow:none}.card-retired{opacity:.78;background:linear-gradient(180deg,#ffffffeb,#f9fafbe6),linear-gradient(135deg,#94a3b80d,#fff0 45%)}details .details-content{overflow:hidden;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}details[open] .details-content{max-height:500px;opacity:1}html{font-family:Inter,system-ui,sans-serif}