.class-page .x-status{margin-top:var(--x-space-4)}.class-muted{color:var(--x-ink-soft)}#lost-code>h2:before{content:none}.class-columns{gap:var(--x-space-8);display:grid}@media (min-width:900px){.class-columns{grid-template-columns:1fr 1fr}}.class-panel>h2{font-size:var(--x-h1)}.class-form{gap:var(--x-space-4);max-width:34rem;margin-top:var(--x-space-4);display:grid}.class-form>.x-btn{justify-self:start}@media (min-width:900px){.class-form--row{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:end;max-width:none}}.class-code-input{font-family:var(--x-font-mono);letter-spacing:.08em;text-transform:uppercase}.class-problems{padding-left:var(--x-space-5);color:var(--x-danger);margin:0}.class-passkey{margin-top:var(--x-space-4)}.class-passkey--urgent{padding:var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-md)}.class-table th,.class-table td{vertical-align:top}.class-table tr[aria-current=true]>*{background:var(--x-surface-selected)}.class-toolbar{gap:var(--x-space-4);margin-top:var(--x-space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.class-turnins{gap:var(--x-space-1);margin:0;padding:0;list-style:none;display:grid}.class-levels{gap:var(--x-space-3);margin-top:var(--x-space-6);padding-top:var(--x-space-5);border-top:1px solid var(--x-line);display:grid}.class-requests{gap:var(--x-space-2);margin:0;padding:0;list-style:none;display:grid}.class-requests>li{gap:var(--x-space-2) var(--x-space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.class-request-actions,.class-row-actions{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.class-codes{margin-top:var(--x-space-6);padding:var(--x-space-5);border:1px solid var(--x-line);border-radius:var(--x-radius-md)}.class-codes>h3{margin-top:0}.class-code-cards{gap:var(--x-space-3);margin:var(--x-space-4) 0 0;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.class-code-card{gap:var(--x-space-1);padding:var(--x-space-4);border:1px dashed var(--x-line);border-radius:var(--x-radius-sm);display:grid}.class-code-class,.class-code-where{font-size:var(--x-text-sm);color:var(--x-ink-soft);overflow-wrap:anywhere}.class-code-name{font-size:var(--x-text-lg)}.class-code-value{font-size:var(--x-text-xl);letter-spacing:.08em}.class-submission{margin-top:var(--x-space-8);padding-top:var(--x-space-6);border-top:1px solid var(--x-line)}.class-submission-head{gap:var(--x-space-4);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.class-submission-head>h3{margin:0}.class-version{max-width:24rem;margin-top:var(--x-space-4)}.class-submission-grid{gap:var(--x-space-8);margin-top:var(--x-space-5);display:grid}@media (min-width:1100px){.class-submission-grid:has(>.class-rubric){grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.class-submission-record{min-width:0}.class-placeholder{padding:0 var(--x-space-1);color:var(--x-warning);background:0 0;outline:1px dashed}@media print{.class-page:has(.class-codes)>:not(.class-view){display:none!important}.class-page:has(.class-codes) .class-view>:not(.class-codes){display:none!important}.class-page:has(.class-codes) .class-codes>:not(.class-code-cards){display:none!important}.class-code-card{break-inside:avoid}}.class-code-big{font-size:var(--x-text-xl);max-width:18ch}.class-mine{gap:var(--x-space-6);margin:0;padding:0;list-style:none;display:grid}.class-mine h3{margin:0}.class-sent{gap:var(--x-space-4);grid-template-columns:6rem minmax(0,1fr);align-items:start;display:grid}.class-sent-figure{gap:var(--x-space-1);margin:0;display:grid}.class-sent-figure>figcaption{color:var(--x-ink-soft);font-size:var(--x-text-xs);line-height:1.3}.class-sent-art{object-fit:cover;border-radius:var(--x-radius-md);background:var(--x-void);place-items:center;block-size:6rem;inline-size:6rem;display:grid}.class-sent-body{gap:var(--x-space-2);overflow-wrap:anywhere;min-inline-size:0;display:grid}.class-sent-counts{gap:var(--x-space-1) var(--x-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.class-sent-counts>li{align-items:center;gap:var(--x-space-1);display:inline-flex}.class-sent-counts svg{block-size:1rem;inline-size:1rem}.class-path-icon>svg{block-size:1.375rem;inline-size:1.375rem}.class-feedback-rows>li>svg{block-size:1.125rem;inline-size:1.125rem}.class-path{gap:var(--x-space-3);margin:var(--x-space-5) 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.class-path>li{align-content:start;justify-items:center;gap:var(--x-space-1);text-align:center;display:grid}.class-path-icon{border:1px solid var(--x-line);border-radius:var(--x-radius-pill);place-items:center;block-size:3rem;inline-size:3rem;display:grid}.class-path>li[data-state=later]{color:var(--x-ink-soft)}.class-path>li[data-state=now] .class-path-icon{border:3px solid var(--x-accent)}@media (max-width:40rem){.class-path{grid-template-columns:repeat(2,minmax(0,1fr))}.class-sent{grid-template-columns:minmax(0,1fr)}}.class-signin-hint{margin-block:var(--x-space-3)}.class-feedback{margin-top:var(--x-space-3);padding:var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-md)}.class-feedback h4{margin:0}.class-feedback-rows{margin:var(--x-space-2) 0 0;gap:var(--x-space-2);padding:0;list-style:none;display:grid}.class-feedback-rows>li{align-items:center;gap:var(--x-space-1) var(--x-space-2);flex-wrap:wrap;display:flex}.class-feedback-rows>li>svg{flex:none}.class-score-word{align-items:center;gap:var(--x-space-2);margin-inline-start:auto;display:inline-flex}.class-score{gap:2px;display:inline-flex}.class-score>span{border:1px solid var(--x-ink-soft);border-radius:var(--x-radius-pill);block-size:.5rem;inline-size:1.25rem}.class-score[data-score="1"]>span:first-child,.class-score[data-score="2"]>span{background:var(--x-accent);border-color:var(--x-accent)}.class-feedback-comment{margin:var(--x-space-3) 0 0;white-space:pre-wrap}.class-strip{gap:var(--x-space-3);margin:var(--x-space-4) 0;padding:var(--x-space-3) var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.class-strip>p{margin:0}.class-strip-actions{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.class-turnin{margin:var(--x-space-5) 0;padding:var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-md)}.class-turnin h4{margin-top:0}.class-rubric{gap:var(--x-space-4);padding:var(--x-space-5);border:1px solid var(--x-line);border-radius:var(--x-radius-md);display:grid}.class-rubric>h3{margin:0}.class-rubric-row{border:0;margin:0;padding:0}.class-rubric-row>legend{padding:0;font-weight:600}.class-rubric-row>.x-hint{margin:var(--x-space-1) 0 var(--x-space-2)}.class-rubric-scores{gap:var(--x-space-2) var(--x-space-4);flex-wrap:wrap;align-items:center;display:flex}.class-rubric-total{margin:0;font-weight:600}.class-export{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.class-danger{margin-top:var(--x-space-8)}.class-board .board-privacy{margin:var(--x-space-2) 0 var(--x-space-4);padding:var(--x-space-3) var(--x-space-4);border-left:4px solid var(--x-warning);border-radius:var(--x-radius-sm);background:color-mix(in srgb, var(--x-warning) 8%, transparent)}.board-threads,.board-replies{gap:var(--x-space-3);margin:var(--x-space-4) 0 0;padding:0;list-style:none;display:grid}.board-replies{margin:var(--x-space-3) 0 0 var(--x-space-6)}.board-thread{padding:var(--x-space-4);border:1px solid var(--x-line);border-radius:var(--x-radius-md)}.board-post[data-kind=teacher]{padding:var(--x-space-3) var(--x-space-4);border-left:6px solid var(--x-model);border-radius:var(--x-radius-sm);background:color-mix(in srgb, var(--x-model) 10%, transparent)}.board-post[data-hidden=true]{opacity:.6}.board-post-head{margin:0 0 var(--x-space-2)}.board-badge{padding:0 var(--x-space-2);border:1px solid var(--x-line);font-size:var(--x-text-sm);border-radius:999px;display:inline-block}.board-badge[data-kind=teacher]{border-color:var(--x-model);background:var(--x-model);color:var(--x-ground);font-weight:600}.board-hidden{color:var(--x-warning)}.board-shared{gap:var(--x-space-2);margin:0 0 var(--x-space-2);display:grid}.board-shared dt{font-size:var(--x-text-sm);color:var(--x-ink-muted)}.board-shared dd{margin:0}.board-text{white-space:pre-wrap;margin:0}.board-reply{align-items:end;gap:var(--x-space-2);margin-top:var(--x-space-3);flex-wrap:wrap;display:flex}.board-reply .x-field{flex:24rem}