:root{--bg: #0d0d10;--bg-elevated: #19191e;--bg-elevated-2: #24242b;--text: #f4eff0;--text-muted: #aaa0a4;--border: #3b3036;--arcane: #ef6875;--accent: var(--arcane);--arcane-dim: #713741;--honey: #c63e4d;--honey-text: #ffffff;--ember: #a92838;--danger: var(--ember);--ember-soft: rgba(169, 40, 56, .22);--moss: #6f9d5f;--shadow: rgba(0, 0, 0, .45);--demand-1: #ce536a;--demand-2: #9b75b7;--demand-3: #c49b50;--demand-4: #58a397;--demand-5: #7792b4}:root[data-theme=light]{--bg: #f4f0f1;--bg-elevated: #ffffff;--bg-elevated-2: #f6ecee;--text: #21171b;--text-muted: #685a61;--border: #ddc8ce;--arcane: #a92d40;--accent: var(--arcane);--arcane-dim: #d39ca6;--honey: #a92d40;--honey-text: #ffffff;--ember: #872030;--danger: var(--ember);--ember-soft: rgba(135, 32, 48, .15);--moss: #4d7a3f;--shadow: rgba(37, 11, 18, .15);--demand-1: #ba4058;--demand-2: #8060a1;--demand-3: #a88137;--demand-4: #388579;--demand-5: #57779e}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Work Sans,system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(198,62,77,.1),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 10%,rgba(118,28,43,.08),transparent 55%);background-attachment:fixed}h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif;font-weight:600;letter-spacing:.01em;color:var(--text)}h1{font-size:1.7rem}h3{font-size:1.1rem;margin-bottom:.5rem}a{color:var(--arcane);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--arcane-dim);color:#fff}:focus-visible{outline:2px solid var(--arcane);outline-offset:2px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1.25rem;box-shadow:0 2px 10px var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow),0 0 0 1px var(--arcane-dim)}button{font-family:inherit;color:inherit}.btn{background:var(--honey);color:var(--honey-text);border:none;border-radius:6px;padding:.5rem 1.1rem;cursor:pointer;font-family:Work Sans,sans-serif;font-weight:600;position:relative;transition:box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-3px);box-shadow:0 0 0 3px #c63e4d40,0 0 18px #c63e4d66,0 10px 14px -8px #00000080}.btn:active{transform:translateY(-1px) scale(.98)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-family:Work Sans,sans-serif;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.btn-outline:hover{border-color:var(--arcane);box-shadow:0 0 12px #c63e4d59;transform:translateY(-2px)}.btn-outline:active{transform:translateY(0) scale(.98)}input,select,textarea{background:var(--bg-elevated-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-family:Work Sans,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--arcane)}textarea{resize:vertical;line-height:1.5}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.container{max-width:960px;margin:0 auto;padding:1.5rem}.roster-page{max-width:1600px;grid-template-columns:minmax(0,1fr);min-width:0}.student-spell-rosters-page{max-width:1400px}.student-spell-demand{display:grid;gap:1rem}.student-spell-demand-heading h2{margin:0 0 .25rem}.student-spell-demand-heading p,.student-spell-demand-detail{margin:0}.student-spell-demand-filters{display:flex;flex-wrap:wrap;gap:.75rem}.student-spell-demand-filters label{display:grid;gap:.35rem;min-width:min(100%,220px);font-size:.9rem}.student-spell-demand-filters select{width:100%}.student-spell-demand-body{display:flex;align-items:center;gap:clamp(1rem,4vw,3rem)}.student-spell-demand-pie{width:clamp(160px,18vw,235px);aspect-ratio:1;flex:none;border-radius:50%;border:5px solid var(--bg-elevated-2);box-shadow:0 0 0 1px var(--border)}.student-spell-demand-metrics{min-width:0;flex:1;display:grid;gap:.8rem}.student-spell-demand-total{font-size:2rem;font-variant-numeric:tabular-nums}.student-spell-demand-specific-total{width:fit-content;padding:.45rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated-2);font-size:.9rem}.student-spell-demand-specific-total strong{font-variant-numeric:tabular-nums;color:var(--accent)}.student-spell-demand-legend{display:grid;gap:.4rem;max-width:440px}.student-spell-demand-legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.6rem}.student-spell-demand-legend-label{display:grid;gap:.1rem}.student-spell-demand-legend-row strong{font-variant-numeric:tabular-nums}.student-spell-demand-dot{width:12px;height:12px;border-radius:50%}@media (max-width: 580px){.student-spell-demand-body{align-items:flex-start;flex-direction:column}.student-spell-demand-pie{width:min(65vw,210px);align-self:center}.student-spell-demand-metrics{width:100%}}.student-spell-search{width:min(100%,420px)}.student-spell-list{display:grid;gap:.6rem}.student-spell-row{padding:0;overflow:hidden}.student-spell-row-toggle{width:100%;display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(230px,1.5fr) minmax(145px,.75fr) 20px;gap:1.25rem;align-items:center;padding:.9rem 1.1rem;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.student-spell-row-toggle:hover,.student-spell-row-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 9%,var(--bg-elevated))}.student-spell-row-toggle[aria-expanded=true]{border-bottom:1px solid var(--border)}.student-spell-row-name,.student-spell-row-progress,.student-spell-row-meta{display:grid;min-width:0;gap:.35rem}.student-spell-row-name strong,.student-spell-row-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-spell-row-meta{color:var(--text-muted)}.student-spell-row-chevron{justify-self:end;transition:transform .18s ease}.student-spell-row-toggle[aria-expanded=true] .student-spell-row-chevron{transform:rotate(180deg)}.student-spell-expanded{padding:1rem;animation:student-spell-reveal .18s ease-out}@keyframes student-spell-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.roster-page>.row{flex-wrap:wrap}.roster-page>.row select{max-width:100%}.student-spell-row-toggle{grid-template-columns:minmax(0,1fr) 20px;gap:.65rem}.student-spell-row-progress,.student-spell-row-meta{grid-column:1 / -1}.student-spell-row-chevron{grid-column:2;grid-row:1}.student-spell-row-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem}}.class-schedule-page{max-width:1600px}.class-schedule-header{flex-wrap:wrap}.class-schedule-header-actions{flex-wrap:wrap;justify-content:flex-end}.class-description{margin:.5rem 0 0;color:var(--text-muted);line-height:1.5;white-space:pre-wrap}.class-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:1rem;background:#000000bf}.class-dialog{width:min(100%,760px);min-width:0;max-width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;overflow-wrap:anywhere}.choose-spell-dialog{width:min(100%,480px)}.choose-spell-dialog p{margin:0}.class-dialog:focus{outline:none}.class-dialog h2{margin:0 0 .25rem;overflow-wrap:anywhere}.class-dialog-main{min-width:0}.class-dialog-actions{flex-wrap:wrap}.class-form-dialog{width:min(100%,900px)}.class-form-dialog .row{flex-wrap:wrap}.class-form-dialog input,.class-form-dialog select,.class-form-dialog textarea{max-width:100%}@media (max-width: 600px){.class-dialog-backdrop{padding:.75rem}.class-dialog{width:100%;max-height:calc(100dvh - 1.5rem);padding:1rem}.class-dialog-actions{align-items:stretch}.class-dialog-actions button{width:100%}.choose-spell-dialog .class-dialog-actions a{width:100%;text-align:center}}.class-calendar-hint{margin:0 0 -.5rem}.week-calendar{min-width:0}.week-calendar-create-column{cursor:crosshair}.week-calendar-slot-preview{position:absolute;left:2px;right:2px;z-index:1;pointer-events:none;overflow:hidden;border:1px dashed var(--accent);border-radius:5px;padding:3px 6px;background:color-mix(in srgb,var(--accent) 24%,var(--bg-elevated));color:var(--text);font-size:.75rem;font-weight:700;animation:calendar-slot-appear .13s ease-out}@keyframes calendar-slot-appear{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.week-calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.week-calendar-toolbar .row{gap:.35rem}.week-calendar-toolbar .btn-outline{min-width:2.5rem}.week-calendar-range{font-family:Cinzel,serif;font-size:1.05rem}.week-calendar-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0 0 .9rem;color:var(--text-muted);font-size:.78rem}.week-calendar-legend span{display:inline-flex;align-items:center;gap:.4rem}.week-calendar-legend i{display:inline-block;width:.65rem;height:.65rem;border-radius:50%}.week-calendar-grid{display:grid}.week-calendar-day-header{display:flex;align-items:baseline;justify-content:center;gap:.4rem;padding:.6rem .25rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.week-calendar-day-header strong{color:var(--text);font-size:1.05rem}.week-calendar-day-header.is-today{color:var(--arcane);background:color-mix(in srgb,var(--accent) 8%,transparent)}.week-calendar-day-header.is-today strong{color:var(--arcane)}.week-calendar-block-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.week-calendar-block-description{margin-top:.3rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row{display:flex;gap:1rem;align-items:center}.grid{display:grid;gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border)}th{font-family:Cinzel,serif;font-weight:600;font-size:.82rem;color:var(--text-muted)}.roster-table-scroll{max-width:100%;overflow-x:auto}.mobile-nav-toggle,.mobile-nav-backdrop{display:none}@media (max-width: 760px){.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:1100;width:min(280px,85vw)!important;height:100dvh;min-height:0!important;overflow-y:auto;transform:translate(-105%);transition:transform .18s ease;box-shadow:12px 0 24px #0007}.app-sidebar.mobile-open{transform:translate(0)}.mobile-nav-toggle{display:grid;place-items:center;position:fixed;top:.65rem;left:.65rem;z-index:1200;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text);cursor:pointer}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;width:100%;border:0;background:#0009}.container{padding:1rem}}.roster-student-list{display:grid;gap:.65rem}.roster-student-card{padding:0;overflow:visible}.roster-student-toggle{width:100%;display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,1fr) minmax(150px,auto) 20px;gap:1rem;align-items:center;padding:.95rem 1.15rem;border:0;border-radius:inherit;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.roster-student-toggle:hover,.roster-student-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 9%,var(--bg-elevated))}.roster-student-toggle[aria-expanded=true]{border-radius:8px 8px 0 0;border-bottom:1px solid var(--border)}.roster-student-identity{display:grid;gap:.22rem;min-width:0}.roster-student-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent)}.roster-student-identity small,.roster-student-token{color:var(--text-muted)}.roster-student-highlights{display:flex;flex-wrap:wrap;gap:.35rem}.roster-alert{color:var(--danger);border-color:var(--danger)}.roster-student-chevron{justify-self:end;transition:transform .18s ease}.roster-student-toggle[aria-expanded=true] .roster-student-chevron{transform:rotate(180deg)}.roster-student-detail{padding:1rem 1.15rem 1.15rem;display:grid;gap:1.2rem;animation:student-spell-reveal .18s ease-out}.roster-detail-error{color:var(--danger)}.roster-student-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.roster-student-facts>div{display:grid;align-content:start;gap:.22rem;min-width:0}.roster-student-facts small,.roster-student-facts span{color:var(--text-muted)}.roster-student-facts strong{overflow-wrap:anywhere}.roster-student-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.roster-student-sections>section{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.roster-student-sections h3{margin:0 0 .8rem}.roster-student-sections p{margin:.4rem 0}.roster-spell-blade{border:1px solid var(--border);border-radius:6px;margin-top:.5rem}.roster-spell-blade summary{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:.25rem .7rem;align-items:center;padding:.7rem;cursor:pointer;list-style:none}.roster-spell-blade summary::-webkit-details-marker{display:none}.roster-spell-blade summary:hover,.roster-spell-blade[open] summary{background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.roster-spell-blade[open] summary svg{transform:rotate(180deg)}.roster-spell-title{display:grid;gap:.15rem;min-width:0}.roster-spell-title small,.roster-spell-count{color:var(--text-muted)}.roster-spell-count{grid-column:1 / -1;font-size:.85rem}.roster-spell-detail{padding:.8rem;border-top:1px solid var(--border)}.roster-lesson-list,.roster-class-list{display:grid;gap:.65rem;margin:.65rem 0 0;padding-left:1.5rem}.roster-lesson-list li,.roster-class-list li{padding-left:.1rem}.roster-lesson-list li span,.roster-class-list li span{display:block;color:var(--text-muted);font-size:.85rem;margin-top:.15rem}.roster-class-list{list-style:none;padding:0}.roster-known-spells{display:flex;flex-wrap:wrap;gap:.4rem}.roster-student-footer{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-top:.9rem;border-top:1px solid var(--border)}.roster-action-menu{position:relative}.roster-action-menu>summary{list-style:none;cursor:pointer;padding:.55rem .85rem;border:1px solid var(--border);border-radius:6px}.roster-action-menu>summary::-webkit-details-marker{display:none}.roster-action-menu>summary:after{content:" ▾"}.roster-action-options{display:grid;gap:.3rem;width:min(280px,80vw);max-height:60vh;overflow-y:auto;padding:.5rem;margin-top:.3rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.roster-action-options>button{width:100%;text-align:left}.roster-action-options .roster-token-remove{display:grid;gap:.3rem}.roster-action-options .roster-delete-action{color:var(--danger)}@media (max-width: 760px){.roster-student-toggle{grid-template-columns:minmax(0,1fr) 20px;gap:.5rem}.roster-student-highlights,.roster-student-token{grid-column:1 / -1}.roster-student-chevron{grid-column:2;grid-row:1}.roster-student-sections{grid-template-columns:1fr}.roster-spell-blade summary{grid-template-columns:minmax(0,1fr) 18px}}.admission-form label{display:grid;gap:.4rem}.admission-form input,.admission-form select{width:100%}.admission-form label.sponsorship-choice{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem}.admission-form .sponsorship-choice input[type=checkbox]{width:auto;margin:.25rem 0 0}.admission-payment{padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated-2)}.admission-payment h2{margin:0;font-size:1.05rem}.admission-payment p{margin:0}.admission-payment-summary{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated-2)}.muted{color:var(--text-muted);font-size:.9rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--bg-elevated-2);border:1px solid var(--border);font-size:.78rem;font-weight:500}.badge-arcane{background:#c63e4d26;border-color:var(--arcane-dim);color:var(--arcane)}@keyframes arcane-pulse{0%,to{box-shadow:0 0 #a928388c}50%{box-shadow:0 0 0 6px #a9283800}}.badge-live{background:var(--ember);color:#fff;border-color:var(--ember);animation:arcane-pulse 1.8s ease-in-out infinite}@keyframes honey-pulse{0%,to{box-shadow:0 0 #c63e4d99}50%{box-shadow:0 0 0 5px #c63e4d00}}.pulse-dot{animation:honey-pulse 1.8s ease-in-out infinite}@keyframes arcane-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float-idle{animation:arcane-float 3.5s ease-in-out infinite}@keyframes arcane-spin{to{transform:rotate(360deg)}}.arcane-loader{animation:arcane-spin 1.6s linear infinite}@media (prefers-reduced-motion: reduce){.badge-live,.float-idle,.arcane-loader,.pulse-dot{animation:none!important}}.archive-blade{padding:0}.archive-blade>summary{display:flex;align-items:center;gap:1rem;padding:1.1rem;list-style:none;cursor:pointer;border-radius:inherit;transition:background .16s ease}.archive-blade>summary::-webkit-details-marker{display:none}.archive-blade>summary:hover{background:var(--bg-elevated-2)}.archive-blade>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.archive-blade-heading{display:grid;gap:.4rem;flex:1;min-width:0;overflow-wrap:anywhere}.archive-blade-chevron{flex-shrink:0;transition:transform .16s ease}.archive-blade[open] .archive-blade-chevron{transform:rotate(180deg)}.archive-blade-content{padding:1.1rem;border-top:1px solid var(--border)}.archive-lesson{display:grid;gap:.35rem;padding:.9rem;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}@media (max-width: 600px){.archive-blade>summary{flex-wrap:wrap;gap:.65rem}.archive-blade-heading{flex-basis:calc(100% - 2rem)}.archive-blade>summary>.badge{order:3}}