.button-group-container{margin:0 auto}.button-group{display:flex;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb}.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 #e5e7eb;background-color:#f9fafb;color:#6b7280}.button-group-item:last-child{border-right:none}.button-group-item:hover:not(.active-entering):not(.active-not-entering):not(.active-retired){background-color:#f3f4f6;color:#374151}.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:0 0 0 2px #3b82f680;z-index:10;position:relative}.toast-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;border-radius:.5rem;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:.375rem}.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.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:.375rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb}.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.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-strip{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem}.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:1px solid #e5e7eb;border-radius:9999px;background:#fffffff5;color:#4b5563;font-size:.82rem;font-weight:600;line-height:1;box-shadow:0 1px 2px #1118270d;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.performance-filter-button:hover{transform:translateY(-1px);color:#8e1f23;border-color:#ddc8cc;background:#fff8f8;box-shadow:0 8px 18px #11182714}.performance-filter-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b29,0 8px 18px #11182714}.performance-filter-button.active{color:#fff;border-color:#ae262b;background:linear-gradient(180deg,#c44b4f,#ae262b);box-shadow:0 10px 20px #ae262b38}.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:1px solid #e5e7eb;border-radius:.95rem;background:#fffffff5;color:#1f2937;font-size:.94rem;box-shadow:0 1px 2px #1118270d;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:0 0 0 3px #ae262b24,0 10px 20px #1118270d}.performance-card{position:relative;overflow:hidden;border-color:#e7dde0!important;border-radius:1.125rem!important;background:linear-gradient(180deg,#fffffffa,#f9fafbf5),linear-gradient(135deg,#c44b4f0d,#fff0 45%);box-shadow:0 1px 2px #1118270d,0 10px 24px #1118270f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.performance-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffffe6;pointer-events:none}.performance-card:hover{transform:translateY(-1px);border-color:#ddc8cc!important;box-shadow:0 1px 2px #1118270d,0 14px 30px #11182714}.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:1px solid #e5e7eb;border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px #fffffff2,0 1px 2px #11182714}.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:linear-gradient(180deg,#c44b4f,#ae262b);box-shadow:0 8px 18px #ae262b33;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.comp-audio-play-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #ae262b3d}.comp-audio-play-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b2e,0 10px 22px #ae262b3d}.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:1px solid #e5e7eb;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ae262b;background:#fff;box-shadow:0 1px 2px #1118270f;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,background .15s ease}.comp-audio-download-button:hover{transform:translateY(-1px);color:#8e1f23;border-color:#ae262b38;background:#fff8f8;box-shadow:0 6px 16px #11182714}.comp-audio-download-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b29,0 6px 16px #11182714}.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;box-shadow:inset 0 0 0 1px #fbbf242e,0 1px 2px #1118270d,0 12px 28px #f59e0b1a}.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}