.app-page{max-width:48rem;min-height:100svh;margin:0 auto;padding:var(--s-5) var(--gutter) var(--s-8)}.app-loading,.cards-loading,.pupil-wait{min-height:60svh}.app-page .page-header{padding:0 0 var(--s-4)}.stack{display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.panel{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-5) var(--s-4);min-width:0}.panel>:last-child{margin-bottom:0}.panel h2{font-size:1.35rem}.panel-warn{border-left:4px solid var(--warn)}.panel-key{border-left:4px solid var(--gold)}@media (min-width:48rem){.panel{padding:var(--s-5) var(--s-6)}}.signin-grid{display:grid;grid-gap:var(--s-5);gap:var(--s-5);grid-template-columns:minmax(0,1fr)}@media (min-width:48rem){.signin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.signin-grid>.notice{grid-column:1/-1}}.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4)}.meta,.row-between h2{margin:0}.meta{color:var(--muted);font-size:.9375rem}.status-line{min-height:1.6em;margin:0;color:var(--graphite)}.copy-field{margin:0 0 var(--s-3);min-width:0}.copy-row{display:flex;gap:var(--s-2);align-items:stretch;min-width:0}.copy-row .field-input{flex:1 1;min-width:0}.copy-row .button{flex:none}.link-row,.person{border-top:1px solid var(--line-soft);padding-top:var(--s-4);margin-top:var(--s-4);min-width:0}.inline-form{margin:0 0 var(--s-3)}.key-list,.notice-list{list-style:none;margin:0;padding:0}.key-list li,.notice-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2);border-top:1px solid var(--line-soft);padding:var(--s-3) 0}.recovery-code{font-size:1.35rem;letter-spacing:.08em;padding:var(--s-3) var(--s-4);background:var(--paper);border:1px dashed var(--line);border-radius:var(--r-control);overflow-wrap:anywhere}.confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.home-header{display:grid;grid-gap:var(--s-5);gap:var(--s-5);grid-template-columns:minmax(0,1fr);align-items:center;max-width:none}@media (min-width:56rem){.home-header{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.home-copy{max-width:40rem}.home-envelope{display:block;width:100%;max-width:420px;height:auto;justify-self:center}.env-paper{fill:var(--card);stroke:var(--line);stroke-width:1.5}.env-flap{fill:none;stroke:var(--line);stroke-width:2;stroke-linejoin:round}.env-fold{fill:none;stroke:var(--line-soft);stroke-width:1.5}.env-seal{fill:var(--gold)}.env-seal-ring{fill:none;stroke:var(--card);stroke-width:2.5}.env-text{fill:var(--ink);font-family:var(--serif);font-size:17px}.band{max-width:48rem;padding:var(--s-5) 0 0;border-top:2px solid var(--rule)}.home-points{display:grid;grid-gap:var(--s-4);gap:var(--s-4);grid-template-columns:minmax(0,1fr);list-style:none;padding:0}@media (min-width:48rem){.home-points{grid-template-columns:repeat(3,minmax(0,1fr))}}.class-cards{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:minmax(0,1fr)}@media (min-width:40rem){.class-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.class-card{display:flex;flex-direction:column;gap:var(--s-1);min-width:0;padding:var(--s-4);background:var(--card);border:1px solid var(--line-soft);border-left:3px solid var(--gold);border-radius:var(--r-card)}.class-card-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2);min-height:44px;color:var(--ink)}.class-card-title{font-family:var(--serif);font-size:1.25rem;overflow-wrap:anywhere}.class-card-count,.class-count{font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.state-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:.875rem;font-weight:650;color:var(--ink);background:var(--card);white-space:nowrap}.state-badge:before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid}.state-badge.state-open:before{background:transparent}.state-badge.state-released,.state-badge.state-sealed{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.state-badge.state-released:before,.state-badge.state-sealed:before{background:currentColor}.class-head h1{overflow-wrap:anywhere;margin-bottom:var(--s-2)}.class-head-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin:0 0 var(--s-2)}.seat-grid{list-style:none;margin:0 0 var(--s-3);padding:0;display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width:30rem){.seat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:48rem){.seat-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.seat{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:52px;padding:4px 2px;border:1.5px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.seat.is-sealed{background:var(--seat-on);border-color:var(--seat-on);color:var(--seat-on-ink)}.seat[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:1px}.seat-no{font-family:var(--serif);font-size:1.1rem;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seat-state{font-size:.75rem;line-height:1.2}.seat.is-sealed .seat-state:before{content:"\2713 "}.seat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.codes-list .mono,.new-code .mono{font-size:1.1rem;letter-spacing:.06em}.codes-list summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.qr{display:block;width:min(100%,260px);height:auto;margin:var(--s-3) 0 0;border:1px solid var(--line-soft)}.form-grid{display:grid;grid-gap:0 var(--s-4);gap:0 var(--s-4);grid-template-columns:minmax(0,1fr)}@media (min-width:40rem){.form-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.choice-list{list-style:none;margin:0 0 var(--s-2);padding:0}.choice-list li{border-top:1px solid var(--line-soft)}.prompt-picker legend{margin-bottom:var(--s-2)}.custom-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:0;padding:var(--s-2) var(--s-3);background:var(--raised);border-radius:var(--r-control);overflow-wrap:anywhere}.limit-line{color:var(--bad);font-weight:650;font-size:.9375rem;margin:0}.letters{list-style:none;margin:var(--s-4) 0 0;padding:0}.letter-card{border-top:2px solid var(--rule);padding:var(--s-4) 0}.letter-answer{margin:0 0 var(--s-3)}.letter-q{margin:0 0 2px;color:var(--muted);font-size:.9375rem}.letter-text{margin:0 0 var(--s-3);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--serif);font-size:1.125rem;line-height:1.6}.letter-drawing{display:block;width:min(100%,480px);height:auto;border:1px solid var(--line-soft);background:#ffffff}.pack{border-top:1px solid var(--line-soft);padding-top:var(--s-3);margin-bottom:var(--s-3)}.pupil-page{max-width:40rem}.pupil-panel{font-size:1.125rem;border-left:3px solid var(--gold)}.pupil-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-3)}.pupil-head .kicker{font-size:1rem;margin:0}.pupil-class{overflow-wrap:anywhere}.pupil-step{margin-bottom:var(--s-2)}.pupil-prompt{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);overflow-wrap:anywhere}.pupil-label{font-size:1rem}.pupil-safety{padding:var(--s-3) var(--s-4);background:var(--raised);border-radius:var(--r-control)}.pupil-big{font-family:var(--serif);font-size:1.4rem;line-height:1.35}.code-input{min-height:64px!important;font-size:2rem!important;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin:var(--s-2) 0 var(--s-3)}.pupil-go{width:100%;min-height:56px;font-size:1.25rem;margin-bottom:var(--s-3)}.pupil-box{min-height:9rem!important;padding:var(--s-3)!important;font-family:var(--serif)!important;font-size:1.125rem!important;line-height:1.6!important;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.8em - 1px),var(--rule) calc(1.8em - 1px),var(--rule) 1.8em)!important;background-attachment:local;line-height:1.8em!important}.hand-on,.pupil-nav{margin-top:var(--s-3)}.drawing-canvas{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:4/3;border:1.5px solid var(--line);border-radius:var(--r-control);background:#ffffff;touch-action:none}.drawing-tools{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-3) 0}.swatch{width:44px;height:44px;border:2px solid var(--line);border-radius:50%;cursor:pointer}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}@media print{.pupil-head .meta,.pupil-page .site-header{display:none}.letter-card,.pupil-letter{border:0;background:#ffffff;color:#000000}}label.check-field{display:flex;gap:var(--s-3);align-items:flex-start;min-height:44px;padding:10px 0;cursor:pointer}label.check-field input{flex:none;margin-top:2px}label.check-field span{min-width:0;overflow-wrap:anywhere}.settings>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3);min-height:44px;cursor:pointer;list-style:none}.settings>summary::-webkit-details-marker{display:none}.settings>summary h2{margin:0}.settings>summary h2:before{content:"+ ";color:var(--gold)}.settings[open]>summary h2:before{content:"\2212  "}.settings[open]>summary{margin-bottom:var(--s-4)}.action-row .hand-on{margin-top:0}.wrong-codes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);border-top:1px solid var(--line-soft);padding-top:var(--s-3);margin-top:var(--s-3)}.wrong-codes .meta{flex:1 1 16rem}.event-list{margin:var(--s-3) 0 0;padding-left:1.25rem;color:var(--graphite);font-size:.9375rem}