:root{--color-bg:#f8fafc;--color-surface:#fff;--color-border:#cbd5e1;--color-text:#0f172a;--color-text-muted:#475569;--color-primary:#1d4ed8;--color-primary-text:#fff;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-success:#15803d;--radius:.75rem;--font-system:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-system);background:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%;margin:0}h1,h2,h3,p{margin:0}button,input{font-family:inherit}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes score-pulse{0%{transform:scale(1.18)}to{transform:scale(1)}}.score-pulse{animation:.45s ease-out score-pulse;display:inline-block}.page{flex-direction:column;gap:1.25rem;min-height:100%;padding:1.25rem;display:flex}.page-centered{text-align:center;justify-content:center;align-items:center;min-height:100vh}.loading-screen{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem 1rem}.empty-state__title{color:var(--color-text);font-size:1.1rem;font-weight:600}.error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius);text-align:left;padding:.75rem 1rem}.error-message__title{margin-bottom:.25rem;display:block}.button{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-primary);color:var(--color-primary-text)}.button--secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.button--icon{min-width:3rem;padding:0;font-size:1.25rem}.button:disabled{opacity:.6;cursor:not-allowed}.link-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:center;min-height:2.75rem;padding:0 .5rem;font-size:.9rem;text-decoration:underline}.connection-status{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.connection-status__dot{background:var(--color-text-muted);border-radius:50%;width:.55rem;height:.55rem}.connection-status--connected .connection-status__dot{background:var(--color-success)}.connection-status--connecting .connection-status__dot,.connection-status--reconnecting .connection-status__dot{background:#ca8a04}.connection-status--disconnected .connection-status__dot,.connection-status--error .connection-status__dot{background:var(--color-danger)}.teacher-code-gate{text-align:left;flex-direction:column;gap:.9rem;width:100%;max-width:22rem;display:flex}.teacher-code-gate h1{text-align:center;font-size:1.75rem}.teacher-code-gate__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:.5rem}.teacher-code-gate label{font-weight:600}.teacher-code-gate__field{gap:.5rem;display:flex}.teacher-code-gate__field input{border-radius:var(--radius);border:1px solid var(--color-border);letter-spacing:.05em;flex:1;min-height:3rem;padding:0 .9rem;font-size:1.1rem}.teacher-code-gate__toggle{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:3rem;padding:0 .9rem}.teacher-code-gate__submit{border-radius:var(--radius);background:var(--color-primary);min-height:3.25rem;color:var(--color-primary-text);cursor:pointer;border:none;font-size:1.1rem;font-weight:700}.app-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.app-header__leading{flex:none}.app-header__titles{flex:1;min-width:0}.app-header__titles h1{overflow-wrap:anywhere;font-size:1.35rem}.app-header__titles p{color:var(--color-text-muted);font-size:.9rem}.app-header__eyebrow{letter-spacing:.08em;color:var(--color-primary);text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.app-header__trailing{flex:none}.classes-page__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.classes-page__header-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.classes-grid{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.class-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.class-card__season{color:var(--color-text-muted)}.class-card__meta{color:var(--color-text-muted);font-size:.9rem}.class-card__actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}@media (width>=720px){.classes-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.classes-grid{grid-template-columns:repeat(3,1fr)}}.class-card__fictitious-tag{color:var(--color-text-muted);font-size:.85rem;display:inline-block}.class-card__empty{color:var(--color-text-muted);font-size:.9rem;font-style:italic}.backup-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.backup-panel__row{flex-wrap:wrap;gap:.75rem;display:flex}.backup-panel__class-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.backup-panel__class-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.backup-panel__status{color:var(--color-text-muted);font-size:.85rem}.backup-panel__restore{border-top:1px solid var(--color-border);flex-direction:column;gap:.6rem;padding-top:.9rem;display:flex}.backup-panel__restore label{font-weight:600}.backup-panel__restore input[type=text]{border-radius:var(--radius);border:1px solid var(--color-border);width:100%;min-height:2.75rem;padding:0 .75rem}.backup-panel__errors{color:var(--color-danger);margin:0;padding-left:1.25rem}.backup-panel__preview{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.backup-panel__preview ul{margin:0;padding-left:1.25rem}.backup-panel__success{border:1px solid var(--color-success);border-radius:var(--radius);padding:.9rem}.backup-panel__success ul{margin:0;padding-left:1.25rem}.pwa-banner-stack{z-index:40;flex-direction:column;gap:.4rem;display:flex;position:sticky;top:0}.pwa-banner-stack:empty{display:none}.pwa-banner{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.pwa-banner p{flex:1;min-width:0}.pwa-banner ol{flex:1;min-width:0;margin:0;padding-left:1.1rem}.pwa-banner--update{color:var(--color-text);background:#eef2ff}.pwa-banner--install,.pwa-banner--ios{background:var(--color-surface);color:var(--color-text)}.pwa-banner--offline,.pwa-banner--supabase-unavailable{background:var(--color-danger-bg);color:var(--color-danger)}.pwa-banner--reconnecting{color:#854d0e;background:#fefce8}.pwa-banner__dismiss{cursor:pointer;color:inherit;background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;line-height:1}.app-version-badge{color:var(--color-text-muted);text-align:center;padding:.5rem 0 0;font-size:.75rem}.configure-page{width:100%;max-width:40rem;margin:0 auto}.configure-page__steps{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.configure-page__step--active{color:var(--color-primary);font-weight:700}.configure-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.configure-step label{font-weight:600}.configure-step input[type=text],.configure-step input[type=number],.configure-step textarea,.configure-step select{border-radius:var(--radius);border:1px solid var(--color-border);width:100%;min-height:2.75rem;padding:0 .75rem;font-size:1rem}.configure-step textarea{resize:vertical;min-height:10rem;padding:.75rem;font-family:inherit}.configure-step__hint{color:var(--color-text-muted);font-size:.9rem}.configure-step__field-error{color:var(--color-danger);font-size:.85rem}.configure-step__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.configure-student-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.configure-student-list__item{align-items:center;gap:.5rem;display:flex}.configure-student-list__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.configure-student-list__item input{flex:1;min-width:0}.configure-student-list__input--duplicate{background:var(--color-danger-bg);border-color:var(--color-danger)!important}.configure-add-student__row{gap:.5rem;display:flex}.configure-add-student__row input{flex:1;min-width:0}.configure-team-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.configure-team-list__item{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:.75rem;display:flex;position:relative}.configure-team-list__swatch{border:1px solid var(--color-border);border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:.75rem;right:.75rem}.configure-team-list__palette{flex-wrap:wrap;gap:.4rem;display:flex}.configure-team-list__palette-swatch{border:2px solid var(--color-border);cursor:pointer;border-radius:50%;width:1.75rem;height:1.75rem;padding:0}.configure-team-list__palette-swatch[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.configure-distribution__controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.configure-distribution__shuffle{align-items:center;gap:.4rem;font-weight:400;display:flex}.configure-distribution__unassigned{border:1px solid var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius);padding:.75rem}.configure-distribution__unassigned ul{margin:0;padding:0;list-style:none}.configure-distribution__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.configure-team-columns{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.configure-team-columns__team{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem}.configure-team-columns__team ul{margin:0;padding:0;list-style:none}.configure-team-columns__swatch{border-radius:50%;width:.85rem;height:.85rem;margin-right:.4rem;display:inline-block}.configure-move-select{align-items:center;gap:.4rem;font-size:.85rem;font-weight:400;display:flex}.configure-move-select__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.configure-review__summary{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;display:grid}.configure-review__summary dt{color:var(--color-text-muted)}.configure-review__summary dd{margin:0;font-weight:600}.configure-review__teams{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.configure-review__team{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem}.configure-review__swatch{border-radius:50%;width:.85rem;height:.85rem;margin-right:.4rem;display:inline-block}.configure-review__count{color:var(--color-text-muted);margin-left:.5rem;font-size:.9rem}.configure-review__members{color:var(--color-text-muted);margin:.4rem 0 0;padding:0;font-size:.9rem;list-style:none}.configure-review__errors{color:var(--color-danger);margin:0;padding-left:1.25rem}.configure-review__danger{border:1px solid var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.control-page{width:100%;max-width:30rem;margin:0 auto}.control-page__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.control-page__meta .button{margin-left:auto}.control-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;margin:.75rem 0;display:flex}.control-tabs__link{text-align:center;min-height:2.75rem;color:var(--color-text-muted);border-bottom:3px solid #0000;flex:1 1 0;justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:700;text-decoration:none;display:flex}.control-tabs__link--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.view-toggle{gap:.5rem;margin-bottom:.5rem;display:flex}.view-toggle__button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-text);cursor:pointer;flex:1 1 0;padding:.4rem .7rem;font-weight:600}.view-toggle__button--active{border-color:var(--color-primary);color:var(--color-primary)}.team-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.team-list__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding-bottom:.5rem;overflow:hidden}.team-card{flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.team-card__row{grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.6rem;display:grid}.team-card__rank{color:var(--color-text-muted);min-width:1.6rem;font-weight:700}.team-card__swatch{border-radius:50%;flex:none;width:1.25rem;height:1.25rem}.team-card__swatch--light{border:1px solid var(--color-border)}.team-card__name{overflow-wrap:anywhere;font-weight:600}.team-card__students{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.team-card__score{white-space:nowrap;font-weight:700}.team-card__participation{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;font-size:.85rem;display:flex}.team-card__participation-empty{font-style:italic}.team-card__completed-cycles{white-space:nowrap}.team-list__students-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;min-height:2rem;margin:0 .9rem;padding:.4rem 0;font-size:.85rem;font-weight:600;display:block}.student-list{color:var(--color-text-muted);flex-direction:column;gap:.25rem;margin:0;padding:.25rem .9rem .25rem 1.3rem;list-style:none;display:flex}.student-participation-list{flex-direction:column;gap:.6rem;margin:0;padding:.25rem .9rem .5rem;list-style:none;display:flex}.student-participation-list__item{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem;padding-top:.5rem;display:grid}.student-participation-list__name{grid-column:1;font-weight:600}.student-participation-list__status{color:var(--color-text-muted);text-align:right;grid-column:2;font-size:.8rem}.student-participation-list__participate-button,.student-participation-list__absence-button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;grid-column:span 1;min-height:2.5rem;padding:0 .75rem;font-size:.85rem;font-weight:600}.student-participation-list__participate-button{grid-column:1}.student-participation-list__absence-button{grid-column:2}.student-participation-list__participate-button:disabled,.student-participation-list__absence-button:disabled{opacity:.6;cursor:not-allowed}.student-participation-list__confirm{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.student-participation-list__confirm-button,.student-participation-list__cancel-button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:2.25rem;padding:0 .75rem;font-weight:600}.student-participation-list__confirm-button{border-color:var(--color-danger);color:var(--color-danger)}.score-controls{flex-direction:column;gap:.5rem;padding:0 .9rem .5rem;display:flex}.score-controls__row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.score-controls__button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:2.75rem;font-size:1rem;font-weight:700}.score-controls__button--add{color:var(--color-success);border-color:var(--color-success)}.score-controls__button--remove{color:var(--color-danger);border-color:var(--color-danger)}.score-controls__custom{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);cursor:pointer;font-weight:600}.undo-button{flex-direction:column;gap:.25rem;display:flex}.undo-button__action{border-radius:var(--radius);border:1px solid var(--color-danger);background:var(--color-surface);min-height:3rem;color:var(--color-danger);cursor:pointer;font-size:1rem;font-weight:700}.undo-button__description{color:var(--color-text-muted);font-size:.85rem}.control-page__feedback{color:var(--color-primary);min-height:1.25rem;font-size:.9rem;font-weight:600}.score-history{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem}.score-history__toggle{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;min-height:2.5rem;font-size:1rem;font-weight:700}.score-history__empty{color:var(--color-text-muted);font-size:.9rem}.score-history__list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.score-history__item{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding-top:.5rem;font-size:.9rem;display:flex}.score-history__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.score-history__tag{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:700}.score-history__tag--bonus{color:var(--color-primary);border-color:var(--color-primary)}.modal-overlay{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.custom-score-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:22rem;padding:1.25rem}.custom-score-modal__form{flex-direction:column;gap:.6rem;display:flex}.custom-score-modal__form label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.custom-score-modal__form input{border-radius:var(--radius);border:1px solid var(--color-border);min-height:2.75rem;padding:0 .75rem;font-size:1rem}.custom-score-modal__error{color:var(--color-danger);font-size:.9rem}.custom-score-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.custom-score-modal__actions button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:2.75rem;padding:0 1.1rem;font-weight:700}.custom-score-modal__actions button[type=submit]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.control-page__sync{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.control-page__sync h2{font-size:1rem}.demo-sync-panel{flex-direction:column;gap:.6rem;display:flex}.demo-sync-panel label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.demo-sync-panel input{border-radius:var(--radius);border:1px solid var(--color-border);min-height:2.75rem;padding:0 .75rem}.demo-sync-panel button{border-radius:var(--radius);background:var(--color-primary);min-height:2.75rem;color:var(--color-primary-text);cursor:pointer;border:none;font-weight:700}.demo-sync-panel__status{color:var(--color-text-muted);font-size:.85rem}.demo-sync-panel__offline{color:var(--color-danger);font-size:.85rem}.new-lesson-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.new-lesson-control__current{font-weight:600}.new-lesson-control__confirm{flex-direction:column;gap:.5rem;width:100%;display:flex}.new-lesson-control__explanation{color:var(--color-text-muted);font-size:.9rem}.new-lesson-control__confirm-actions{flex-wrap:wrap;gap:.75rem;display:flex}.student-score{border-top:1px dashed var(--color-border);flex-direction:column;gap:.5rem;width:100%;padding:.5rem 0 .25rem;display:flex}.student-score__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.student-score__name{font-weight:600}.student-score__total{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.student-score__buttons{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.student-score__button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);cursor:pointer;padding:.5rem .25rem;font-size:1rem;font-weight:600}.student-score__button:hover:not(:disabled){border-color:var(--color-accent,currentColor)}.student-score__button--custom{font-size:.9rem}.student-score__button:disabled,.student-score__undo:disabled{opacity:.5;cursor:not-allowed}.student-score__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.student-score__status{align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.student-score__status-icon{font-weight:700}.student-score__status--done{color:var(--color-success,#15803d)}.student-score__status--pending,.student-score__status--deferred,.student-score__status--absent{color:var(--color-text-muted)}.student-score__undo{border:1px solid var(--color-border);border-radius:var(--radius);min-height:2.5rem;color:var(--color-text);cursor:pointer;background:0 0;padding:.4rem .7rem;font-size:.85rem}.cycle-progress{flex-direction:column;gap:.3rem;padding:.5rem .75rem .65rem;display:flex}.cycle-progress__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.cycle-progress__cycle{font-weight:600}.cycle-progress__bonus{color:var(--color-text-muted)}.cycle-progress__label{font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.cycle-progress__track{background:var(--color-border);border-radius:999px;height:.55rem;overflow:hidden}.cycle-progress__bar{background:var(--color-success,#15803d);border-radius:999px;height:100%;transition:width .32s ease-out}.cycle-toast-region{min-height:0}.cycle-toast{border:1px solid var(--color-success,#15803d);border-radius:var(--radius);background:var(--color-surface);align-items:center;gap:.6rem;margin:.4rem 0;padding:.65rem .8rem;animation:.26s ease-out cycle-toast-in;display:flex}.cycle-toast__icon{font-size:1.4rem}.cycle-toast__text{flex-direction:column;gap:.1rem;font-size:.9rem;display:flex}@keyframes cycle-toast-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cycle-toast{animation:none}.cycle-progress__bar{transition:none}}.control-page__settings{margin-top:1rem}.cycle-bonus{flex-direction:column;gap:.35rem;display:flex}.cycle-bonus__label{font-size:.9rem;font-weight:600}.cycle-bonus__row{gap:.5rem;display:flex}.cycle-bonus__input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;min-height:2.75rem;color:var(--color-text);flex:auto;padding:.5rem .6rem;font-size:1rem}.cycle-bonus__save{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);cursor:pointer;padding:.5rem 1rem;font-weight:600}.cycle-bonus__hint{color:var(--color-text-muted);margin:0;font-size:.8rem}.cycle-bonus__error{color:var(--color-danger,#b91c1c);margin:0;font-size:.85rem}.control-page__attendance{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.6rem;margin-top:.75rem;padding:.9rem;display:flex}.control-page__attendance h2{margin:0;font-size:1.1rem}.attendance-summary{border:1px solid var(--color-success);border-radius:var(--radius);background:var(--color-surface);padding:.6rem .75rem}.attendance-summary__title{color:var(--color-success);margin:0;font-weight:700}.attendance-summary__counts{color:var(--color-text-muted);margin:.2rem 0 0}.attendance-progress{color:var(--color-text-muted);margin:0;font-size:.9rem}.attendance-team{border-top:1px solid var(--color-border);padding-top:.5rem}.attendance-team--unassigned{border-top-style:dashed}.attendance-team__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.attendance-team__name{margin:0;font-size:.95rem}.attendance-list{flex-direction:column;gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.attendance-list__item{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.attendance-list__name{flex:1;min-width:0}.attendance-list__dirty{color:var(--color-primary);font-weight:700}.attendance-list__controls{gap:.4rem;display:flex}.attendance-status{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-width:4.5rem;min-height:2.5rem;color:var(--color-text);cursor:pointer;padding:.4rem .7rem;font-weight:600}.attendance-status:disabled{opacity:.5;cursor:not-allowed}.attendance-status--present.attendance-status--active{border-color:var(--color-success);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent)}.attendance-status--absent.attendance-status--active{border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.attendance-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.attendance-actions__hint{color:var(--color-primary);font-size:.85rem}.button--small{min-height:2.2rem;padding:.35rem .7rem;font-size:.85rem}.scoring-panel{flex-direction:column;gap:.75rem;display:flex}.scoring-team{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding-bottom:.5rem}.scoring-team--unassigned{border-style:dashed}.scoring-team__name{margin:.75rem .9rem 0;font-size:1rem}.scoring-team__empty{color:var(--color-text-muted);margin:.5rem .9rem;font-size:.9rem;font-style:italic}.scoring-team__collective{border-top:1px solid var(--color-border);flex-direction:column;gap:.3rem;margin-top:.5rem;padding:.6rem .9rem 0;display:flex}.scoring-team__collective-title{margin:0;font-size:.95rem}.scoring-team__collective-score{color:var(--color-text-muted);margin:0;font-weight:700}.student-score__status--unassigned{color:var(--color-text-muted)}.history-panel{flex-direction:column;gap:1rem;display:flex}.history-panel__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem}.history-panel__filters{flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem;display:flex}.history-panel__filters label{color:var(--color-text-muted);flex-direction:column;flex:8rem;gap:.2rem;font-size:.8rem;font-weight:600;display:flex}.history-panel__filters select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-text);padding:.3rem .5rem}.history-panel__summary{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.9rem}.history-panel__table-wrap{overflow-x:auto}.history-panel__table{border-collapse:collapse;width:100%;font-size:.85rem}.history-panel__table th,.history-panel__table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.45rem .6rem}.history-panel__table th{color:var(--color-text-muted);font-weight:700}.activities-filter{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:.75rem 0;display:flex}.activities-filter label{color:var(--color-text-muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.activities-filter input,.activities-filter select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.4rem;color:var(--color-text);padding:.3rem .5rem}.activities-filter .button{margin-left:auto}.activities-list ul{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.activities-empty{color:var(--color-text-muted);text-align:center;padding:1rem}.activity-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.activity-card--selected{border-color:var(--color-primary)}.activity-card__head{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;gap:.25rem;padding:.75rem .9rem;display:flex}.activity-card__title{font-size:1.05rem;font-weight:700}.activity-card__meta,.activity-card__last{color:var(--color-text-muted);font-size:.85rem}.activity-detail{flex-direction:column;gap:.6rem;padding:0 .9rem .9rem;display:flex}.activity-detail__actions{flex-wrap:wrap;gap:.5rem;display:flex}.stage-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.stage-chip{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.35rem .6rem;font-size:.85rem}.stage-chip--active{border-color:var(--color-primary);color:var(--color-primary)}.activity-indicators{color:var(--color-text-muted);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.activity-form{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-direction:column;gap:.6rem;margin-bottom:.75rem;padding:.9rem;display:flex}.activity-form h3{margin:0}.activity-form__field{color:var(--color-text-muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.activity-form__field input,.activity-form__field select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.4rem;color:var(--color-text);padding:.35rem .5rem}.activity-form__row{flex-wrap:wrap;gap:.6rem;display:flex}.activity-form__row .activity-form__field{flex:1;min-width:8rem}.activity-form__type{border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:1rem;padding:.5rem;display:flex}.activity-form__type label{align-items:center;gap:.3rem;display:flex}.activity-form__preview{color:var(--color-primary);margin:0;font-weight:600}.activity-form__error,.stage-results__error{color:var(--color-danger);margin:0}.activity-form__actions{gap:.6rem;display:flex}.stage-results{border-top:1px solid var(--color-border);flex-direction:column;gap:.6rem;padding-top:.6rem;display:flex}.stage-results__max{margin:0;font-weight:600}.stage-results__team{border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem}.stage-results__team legend{padding:0 .3rem;font-weight:700}.stage-results__list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.stage-results__row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding-bottom:.5rem;display:flex}.stage-results__student{flex-direction:column;flex:1;min-width:8rem;display:flex}.stage-results__name{font-weight:600}.stage-results__hint{color:var(--color-danger);font-size:.8rem}.stage-results__field{color:var(--color-text-muted);flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.stage-results__field-label{font-size:.75rem}.stage-results__field input,.stage-results__field select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.4rem;color:var(--color-text);padding:.3rem .4rem}.stage-results__field--points input{width:5rem}.stage-results__of{font-size:.75rem}.stage-results__check{align-items:center;gap:.3rem;font-size:.85rem;display:flex}.public-bonus-config{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.85rem;display:flex}.public-bonus-config--editing{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:.75rem}.public-bonus-config--editing label{flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.public-bonus-config--editing input[type=number]{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.2rem;color:var(--color-text);max-width:6rem;padding:.3rem .5rem}.public-bonus-config__locked{font-style:italic}.public-bonus-config__hint{font-size:.75rem}.team-progress{border-top:1px dashed var(--color-border);margin-top:.6rem;padding-top:.6rem}.team-progress__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.team-progress__row{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:.5rem .75rem;display:flex}.team-progress__team{font-weight:600}.team-progress__hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.team-progress__live,.team-progress__awarded{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.team-progress__reached{color:var(--color-primary);font-weight:600}.team-progress__disabled{color:var(--color-text-muted);font-style:italic}.modal{background:var(--color-surface);border-radius:var(--radius);flex-direction:column;gap:.6rem;width:100%;max-width:26rem;padding:1.25rem;display:flex}.performance-privacy-note{color:var(--color-text-muted);margin:.25rem 0 .5rem;font-size:.8rem;font-style:italic}.performance-export{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem;display:flex}.performance-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.performance-tabs__item{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .75rem;font-size:.9rem}.performance-tabs__item--active{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:600}.performance-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);max-width:100%;overflow-x:auto}.performance-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}.performance-table th,.performance-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:.45rem .6rem}.performance-table thead th{background:var(--color-surface);position:sticky;top:0}.performance-table__ra{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);width:6rem;min-height:2rem;color:var(--color-text);padding:.2rem .4rem}.performance-table-wrap--history{margin-top:1rem}.performance-table-wrap--history h3{margin:.5rem .75rem;font-size:.95rem}@media (width<=640px){.performance-table{font-size:.78rem}}.roster-import-page{width:100%;max-width:48rem;margin:0 auto}.roster-import__step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.roster-import__field-group{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.roster-import__field-group label,.roster-import__row label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}.roster-import__field-group input[type=text],.roster-import__field-group textarea,.roster-import__field-group select,.roster-import__row input[type=text]{border-radius:var(--radius);border:1px solid var(--color-border);width:100%;min-height:2.75rem;padding:0 .75rem;font-size:1rem;font-weight:400}.roster-import__field-group textarea{resize:vertical;min-height:10rem;padding:.75rem;font-family:inherit}.roster-import__row{flex-wrap:wrap;gap:1rem;display:flex}.roster-import__row label{flex:12rem}.roster-import__radio{align-items:center;gap:.5rem;font-weight:500;display:flex}.roster-import__tabs{flex-wrap:wrap;gap:.5rem;display:flex}.roster-import__mapping-table{border-collapse:collapse;width:100%}.roster-import__mapping-table th,.roster-import__mapping-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.4rem}.roster-import__summary{font-weight:600}.roster-import__class-block{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.roster-import__issues{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.roster-import__issue{border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem}.roster-import__issue--error{color:#b91c1c;background:#ff00001f}.roster-import__issue--warning{color:#92400e;background:#ffa50026}.roster-import__team-card{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.roster-import__team-card__header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.roster-import__team-color-dot{border-radius:50%;width:.9rem;height:.9rem;display:inline-block}.roster-import__color-input{align-items:center;gap:.4rem;font-weight:400;display:flex}.roster-import__color-input input{width:6rem}.roster-import__student-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.roster-import__student-list li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.roster-import__student-list input[type=text]{border-radius:var(--radius);border:1px solid var(--color-border);flex:10rem;min-height:2.5rem;padding:0 .5rem}.roster-import__missing-students{border-top:1px dashed var(--color-border);padding-top:.75rem}.roster-import__hint{color:var(--color-text-muted);font-size:.9rem}.roster-import__error{color:#b91c1c;font-weight:600}.roster-import__actions{justify-content:flex-end;gap:.75rem;display:flex}.roster-import__results{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.roster-import__result-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem}@media (width<=40rem){.roster-import__student-list li{flex-direction:column;align-items:stretch}}.scoreboard-page{gap:1.5rem;width:100%;max-width:64rem;min-height:100vh;margin:0 auto;padding:2rem 1.5rem}.scoreboard-page .app-header__titles h1{font-size:clamp(1.6rem,4vw,2.4rem)}.scoreboard-page .app-header__titles p{font-size:clamp(1rem,2vw,1.25rem)}.scoreboard-page__meta{color:var(--color-text-muted);align-items:center;gap:1.25rem;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:600;display:flex}.scoreboard-page__last-change{color:var(--color-primary);opacity:.55;min-height:1.5em;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700;transition:opacity .4s}.scoreboard-page__last-change--active{opacity:1}.scoreboard-page__ranking{flex-direction:column;flex:1;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.scoreboard-row{border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:clamp(.9rem,2vw,1.5rem) clamp(1rem,3vw,2rem);font-size:clamp(1.1rem,2.4vw,1.75rem);font-weight:700;transition:background-color .2s;display:grid}.scoreboard-row--dark{color:#f8fafc}.scoreboard-row--light{color:#0f172a;border:2px solid var(--color-border)}.scoreboard-row__rank{opacity:.85;min-width:2.5ch}.scoreboard-row__name{overflow-wrap:anywhere;flex-direction:column;gap:.15rem;display:flex}.scoreboard-row__cycle{opacity:.8;font-size:clamp(.75rem,1.4vw,.95rem);font-weight:500}.scoreboard-row__score{font-variant-numeric:tabular-nums}.scoreboard-page__footer{text-align:center;color:var(--color-text-muted);font-size:clamp(.9rem,1.6vw,1.1rem)}.scoreboard-page__footer-time{font-size:.85em}@media (prefers-reduced-motion:reduce){.scoreboard-row{transition:none}}