.routine-filter-field .ts-wrapper,.routine-modal-field .ts-wrapper{width:100%}.routine-filter-field .ts-control,.routine-modal-field .ts-control{min-height:3.05rem;border-radius:.95rem!important;border:1px solid #e5e7eb!important;padding:.62rem .9rem!important;background:#fffffff5!important;box-shadow:0 1px 2px #1118270d!important}.routine-filter-field .ts-control .ts-input::-moz-placeholder,.routine-filter-field .ts-control input::-moz-placeholder,.routine-modal-field .ts-control .ts-input::-moz-placeholder,.routine-modal-field .ts-control input::-moz-placeholder{color:#9ca3af}.routine-filter-field .ts-control .ts-input::placeholder,.routine-filter-field .ts-control input::placeholder,.routine-modal-field .ts-control .ts-input::placeholder,.routine-modal-field .ts-control input::placeholder{color:#9ca3af}.routine-filter-field .ts-control.focus,.routine-modal-field .ts-control.focus{border-color:#ae262b59!important;background:#fff!important;box-shadow:0 0 0 3px #ae262b24,0 10px 20px #1118270d!important}.routine-filter-field .ts-dropdown,.routine-modal-field .ts-dropdown{margin-top:.35rem;border-color:#e5e7eb!important;border-radius:.95rem!important;box-shadow:0 16px 36px #1118271f}.routine-filter-field .ts-dropdown .ts-option.active,.routine-modal-field .ts-dropdown .ts-option.active{background-color:#ae262b!important;color:#fff!important}.routine-filter-field .ts-control>.ts-item,.routine-modal-field .ts-control>.ts-item{background-color:#ae262b!important;color:#fff!important;border-radius:9999px!important;padding:.22rem .55rem!important;font-size:.78rem;font-weight:700}.routine-filter-label,.routine-control-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.routine-filter-chip,.pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.45rem .85rem;border-radius:9999px;font-weight:600;cursor:pointer;border:1px solid #e5e7eb;background:#fffffff5;color:#4b5563;font-size:.84rem;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}.routine-filter-chip:hover,.pill:hover{transform:translateY(-1px);color:#8e1f23;border-color:#ddc8cc;background:#fff8f8;box-shadow:0 8px 18px #11182714}.routine-filter-chip:focus-visible,.pill:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b29,0 8px 18px #11182714}.routine-filter-chip.active,.pill.selected{color:#fff;border-color:#ae262b;background:linear-gradient(180deg,#c44b4f,#ae262b);box-shadow:0 10px 20px #ae262b38}#teacher-db-feedback.teacher-db-feedback--success{border-color:#a7f3d0;background:#ecfdf5;color:#166534}#teacher-db-feedback.teacher-db-feedback--error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.routine-filter-bar{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:.9rem;width:100%}.routine-filter-chip-group{display:flex;flex-wrap:wrap;gap:.55rem;width:100%;padding:.45rem;border:1px solid #e5e7eb;border-radius:.95rem;background:#fffffff5;box-shadow:0 1px 2px #1118270d}.routine-filter-grid{display:grid;gap:.9rem;width:100%}.routine-filter-field{display:flex;flex-direction:column;gap:.45rem;min-width:0}.routine-control-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.routine-search-input{width:100%;min-height:3.05rem;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}.routine-search-input::-moz-placeholder{color:#9ca3af}.routine-search-input::placeholder{color:#9ca3af}.routine-search-input:focus{outline:none;border-color:#ae262b59;background:#fff;box-shadow:0 0 0 3px #ae262b24,0 10px 20px #1118270d}.routine-filter-empty{margin-bottom:1rem;color:#6b7280;font-size:.86rem}.routine-section-header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.routine-section-title{color:#111827;font-size:1.15rem;font-weight:800;line-height:1.2;margin:0}.routine-section-subtitle{color:#6b7280;font-size:.88rem;line-height:1.4;margin:0}.routine-table-shell{overflow-x:auto;overflow-y:visible;border:1px solid #e7dde0;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}.routine-music-cell{min-width:21rem}.routine-name-cell{min-width:16rem}.routine-name-stack{--routine-name-size: 1.125rem;display:flex;flex-direction:column;gap:.28rem}.routine-designation-text{font-size:var(--routine-name-size);font-weight:700;line-height:1.15;color:#111827}.routine-title-text{color:#6b7280;font-size:calc(var(--routine-name-size) / 1.618);font-weight:600;line-height:1.35}.routine-music-content{display:flex;align-items:center;min-height:4.6rem;width:100%}.routine-music-flag-header-cell,.routine-music-flag-cell{width:6.5rem;min-width:6.5rem;text-align:center}.routine-music-flag-header{display:inline-flex;align-items:flex-start;justify-content:center;gap:.35rem;max-width:6rem;line-height:1.2}.routine-help-group{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.routine-help-trigger{width:1.05rem;height:1.05rem;border:1px solid #cbd5e1;border-radius:9999px;background:#fff;color:#64748b;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:help;padding:0}.routine-help-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b29}.routine-help-tooltip{position:absolute;top:calc(100% + .55rem);right:0;width:min(20rem,70vw);padding:.8rem .9rem;border-radius:.9rem;background:#111827;color:#f9fafb;font-size:.75rem;font-weight:500;line-height:1.5;text-transform:none;letter-spacing:normal;box-shadow:0 16px 36px #11182747;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;z-index:40}.routine-help-tooltip:before{content:"";position:absolute;top:-.35rem;right:.7rem;width:.7rem;height:.7rem;background:#111827;transform:rotate(45deg)}.routine-help-group:hover .routine-help-tooltip,.routine-help-group:focus-within .routine-help-tooltip{opacity:1;transform:translateY(0)}.routine-music-flag-badge{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:9999px;border:1px solid #dbe1ea;background:#f8fafc}.routine-music-flag-badge.is-active{border-color:#fcd34d;background:#fffbeb}.routine-music-flag-badge.is-clear{border-color:#d1d5db;background:#f9fafb}.routine-music-flag-dot{width:.62rem;height:.62rem;border-radius:9999px;background:#9ca3af}.routine-music-flag-badge.is-active .routine-music-flag-dot{background:#f59e0b}.routine-music-flag-text{display:none}.routine-row{cursor:pointer}.routine-table tbody .routine-row td{background-color:#fffffffa;transition:background-color .18s ease,box-shadow .18s ease}.routine-table tbody .routine-row:nth-child(2n) td{background-color:#f9fbfc}.routine-row:hover td{background-color:#fff8f8eb}.routine-row td:first-child{box-shadow:inset 4px 0 0 transparent}.routine-row--retired{opacity:.82}.routine-row--retired td{background:linear-gradient(180deg,#ffffffeb,#f8fafceb)}.routine-row--retired td:first-child{box-shadow:inset 4px 0 #94a3b8}.routine-row--music-update td{background:linear-gradient(180deg,#fffbebf2,#fff7edf2)}.routine-row--music-update:nth-child(2n) td{background:linear-gradient(180deg,#fff8e6f5,#fff2e0f5)}.routine-row--music-update td:first-child{box-shadow:inset 4px 0 #f59e0b}.routine-row--music-update:hover td{background:linear-gradient(180deg,#fff5dafa,#ffefd2fa)}.routine-row--needs-music td:first-child{box-shadow:inset 4px 0 #f59e0b}.routine-row--needs-music .no-music-text{color:#b45309;font-weight:700}.routine-row--highlight td{animation:routine-row-flash 1.4s ease}@keyframes routine-row-flash{0%{background:#fef3c7}to{background:transparent}}.routine-pagination-shell{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:space-between;padding:.9rem .25rem 0}.routine-page-summary{color:#4b5563;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.routine-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.routine-pagination-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:9999px;color:#111827;cursor:pointer;font-size:.85rem;font-weight:700;line-height:1;min-height:2.35rem;padding:.65rem 1rem;transition:all .18s ease}.routine-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.routine-pagination-btn:disabled{cursor:not-allowed;opacity:.45}.routine-page-indicator{color:#6b7280;font-size:.82rem;font-weight:700;min-width:5.5rem;text-align:center}.routine-retired-details{margin-top:1.25rem}.routine-retired-summary{cursor:pointer;color:#6b7280;font-size:.9rem;font-weight:700;list-style:none;padding:.25rem 0}.routine-retired-summary::-webkit-details-marker{display:none}.routine-retired-summary:after{content:"+";display:inline-block;margin-left:.55rem;transition:transform .18s ease}.routine-retired-details[open] .routine-retired-summary:after{transform:rotate(45deg)}.routine-retired-note{margin:0 0 .8rem;color:#6b7280;font-size:.8rem;font-style:italic;line-height:1.45}.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:.7rem;padding:.18rem 0;border:none;border-radius:0;background:transparent;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: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{display:none}.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:2rem;height:2rem;border:1px solid transparent;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ae262b;background:transparent;box-shadow:none;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:none}.comp-audio-download-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ae262b29,0 6px 16px #11182714}.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}.guide-accordion-stack{width:100%;display:flex;flex-direction:column;gap:.65rem}.guide-detail{overflow:hidden;border-top:1px solid #e7dde0;border-right:1px solid #e7dde0;border-bottom:1px solid #e7dde0;border-radius:1.125rem;box-shadow:0 1px 2px #1118270d,0 10px 24px #1118270f}.guide-summary{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;justify-content:space-between;line-height:1.2;list-style:none;padding:.75rem .9rem}.guide-summary::-webkit-details-marker{display:none}.guide-summary:after{color:inherit;content:"+";font-size:1.05rem;line-height:1;margin-left:.65rem;transition:transform .18s ease}.guide-detail[open] .guide-summary:after{transform:rotate(45deg)}.guide-body{padding:0 .9rem .9rem}.guide-intro{font-size:.84rem;line-height:1.5}.guide-warning{margin-top:.65rem;border:1px solid #f3d2a2;border-radius:.75rem;background:#fef3c7;color:#7c2d12;font-size:.8rem;line-height:1.45;padding:.65rem .8rem}.guide-tabs{display:flex;flex-direction:column;gap:.65rem}.guide-tab-list{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.guide-tab-list::-webkit-scrollbar{display:none}.guide-tab-button{flex:0 0 auto;border:1px solid #f3d2a2;border-radius:9999px;background:#fffbebe6;color:#92400e;cursor:pointer;font-size:.76rem;font-weight:700;line-height:1;padding:.5rem .8rem;transition:all .18s ease;white-space:nowrap}.guide-tab-button:hover{background:#fff7ed;border-color:#f0b974}.guide-tab-button.is-active{background:#b45309;border-color:#b45309;color:#fff;box-shadow:0 6px 14px #b4530929}.guide-tab-panel.hidden{display:none}.guide-tab-panel{display:flex;flex-direction:column;gap:.6rem}.guide-sentence-groups{display:grid;gap:.75rem}.guide-sentence-group{border-left:3px solid #f3d2a2;padding-left:.75rem}.guide-sentence-heading{color:#78350f;font-size:.8rem;font-weight:800;letter-spacing:.01em;line-height:1.2;margin:0 0 .4rem}.guide-sentence-list{color:#451a03;display:flex;flex-direction:column;gap:.25rem;list-style:disc;margin:0;padding-left:1rem}.guide-sentence-item{font-size:.8rem;line-height:1.4}.guide-footnotes{list-style:disc;margin:0;padding-left:1.1rem}.guide-footnote{color:#9a3412;font-size:.77rem;line-height:1.4}.guide-footnote+.guide-footnote{margin-top:.35rem}.routine-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.routine-modal-panel{border:1px solid #e7dde0;border-radius:1.35rem;background:linear-gradient(180deg,#fffffffc,#f9fafbfa),linear-gradient(135deg,#c44b4f0a,#fff0 48%);box-shadow:0 1px 2px #1118270d,0 20px 48px #11182729}.routine-modal-header{border-bottom:1px solid #ebe4e7}.routine-modal-title{letter-spacing:-.02em}.routine-modal-close{width:2.6rem;height:2.6rem;border:1px solid #e5e7eb;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:#fffffff5;box-shadow:0 1px 2px #1118270d}.routine-modal-form{display:flex;flex-direction:column;gap:1.25rem}.routine-modal-field{display:flex;flex-direction:column;gap:.45rem}.routine-modal-label{color:#374151}.routine-modal-input{min-height:3.05rem;border:1px solid #e5e7eb;border-radius:.95rem;padding:.8rem 1rem;background:#fffffff5;box-shadow:0 1px 2px #1118270d;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.routine-modal-input:focus{outline:none;border-color:#ae262b59;background:#fff;box-shadow:0 0 0 3px #ae262b24,0 10px 20px #1118270d}.routine-modal-help{color:#6b7280}.routine-pill-group{gap:.55rem}.routine-checkbox-panel{border-color:#e7dde0;border-radius:1rem;background:linear-gradient(180deg,#fffffff5,#f8fafcf5)}.routine-file-input{font-size:.92rem;color:#4b5563}.routine-file-input::file-selector-button{margin-right:1rem;border:none;border-radius:9999px;padding:.72rem 1rem;background:#eef2f7;color:#8e1f23;font-size:.84rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.routine-file-input::file-selector-button:hover{background:#ffe8e8}.routine-modal-actions{border-top:1px solid #ebe4e7}.routine-modal-btn{min-height:2.75rem;border-radius:.95rem;padding:.7rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.routine-modal-btn:hover{transform:translateY(-1px)}.routine-modal-btn--secondary{border:1px solid #e5e7eb;background:#fff;color:#374151;box-shadow:0 1px 2px #1118270d}.routine-modal-btn--secondary:hover{background:#f9fafb}.routine-modal-btn--primary{border:1px solid #ae262b;background:linear-gradient(180deg,#c44b4f,#ae262b);color:#fff;box-shadow:0 10px 22px #ae262b33}@media(max-width:639px){.routine-table-shell{background:transparent;border:none;box-shadow:none;overflow:visible}.routine-table{display:block}.routine-table thead{display:none}.routine-table tbody{display:flex;flex-direction:column;gap:.75rem}.routine-table tr{display:block;border:1px solid #e7dde0;border-radius:.8rem;box-shadow:0 1px 2px #1118270d,0 10px 24px #1118270f;overflow:hidden}.routine-table td{display:block;padding:.75rem .85rem 0;white-space:normal}.routine-table td:last-child{padding-bottom:.85rem}.routine-table td:before{content:attr(data-label);display:block;margin-bottom:.35rem;color:#6b7280;font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.routine-music-cell{min-width:0}.routine-name-stack{--routine-name-size: 1rem}.routine-music-content{min-height:0}.routine-music-flag-header-cell,.routine-music-flag-cell{width:auto;min-width:0;text-align:left}.routine-music-flag-header{max-width:none;justify-content:flex-start}.routine-help-tooltip{left:0;right:auto;width:min(18rem,calc(100vw - 2.5rem))}.routine-help-tooltip:before{left:.85rem;right:auto}.routine-music-flag-badge{width:auto;height:auto;min-height:1.9rem;gap:.5rem;justify-content:flex-start;padding:.35rem .7rem}.routine-music-flag-text{display:inline;font-size:.8rem;font-weight:700;color:#4b5563}.routine-music-flag-badge.is-active .routine-music-flag-text{color:#b45309}.routine-pagination-shell{align-items:stretch;flex-direction:column;padding-top:.75rem}.routine-pagination-controls{width:100%;justify-content:space-between}.routine-pagination-btn{flex:1 1 0;justify-content:center;text-align:center}.routine-section-header{margin-bottom:.75rem}.comp-audio-shell{gap:.65rem;padding:.12rem 0}.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}.guide-summary{padding:.7rem .8rem}.guide-body{padding:0 .8rem .8rem}.guide-sentence-groups{gap:.6rem}.guide-sentence-group{padding-left:.65rem}.guide-sentence-heading{font-size:.76rem;margin-bottom:.35rem}.guide-sentence-list{gap:.2rem;padding-left:.9rem}.guide-sentence-item{font-size:.77rem}}@media(min-width:640px){.routine-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-row td{height:7.15rem;vertical-align:middle}.routine-table tbody tr:last-child td{border-bottom:none}.routine-section-header{align-items:center;flex-direction:row;justify-content:space-between}.guide-tab-list{flex-wrap:wrap;overflow:visible}.guide-sentence-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.routine-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-music-cell{min-width:24rem}.guide-sentence-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-summary{padding:.7rem .9rem}}