.grade-root{--background:var(--paper);--foreground-subtle:var(--on-3);--ring:var(--sapphire);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--paper);min-height:100svh;color:var(--on);font-family:var(--body);overflow-wrap:anywhere;flex-direction:column;align-items:center;padding:calc(64px + clamp(2.5rem,6vw,5rem)) clamp(1.25rem,5vw,3rem) 5rem;line-height:1.6;display:flex}.grade-root--center{justify-content:center}.grade-root>div{min-width:0}.grade-root h1,.grade-root h2,.grade-root h3{font-family:var(--head);font-weight:var(--head-w-strong);color:var(--ink-bold);text-wrap:balance;line-height:1.15}.grade-root .grade-title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.4rem,5.2vw,4.2rem);font-weight:400;line-height:1.08}.grade-root .font-mono{font-family:var(--mono)}.grade-root .grade-ink{color:var(--on)}.grade-root .grade-secondary{color:var(--on-2)}.grade-root .grade-muted{color:var(--on-3)}.grade-root .grade-accent{color:var(--amber-ink)}.grade-root .text-6xl,.grade-root .text-7xl{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:500}.grade-root .grade-panel{background-color:var(--surf-1);border:1px solid var(--line);border-radius:var(--r-card-round)}.grade-root .grade-bordered,.grade-root .grade-free-block{border:1px solid var(--line);border-radius:var(--r-card-round)}.grade-root .grade-bordered.ht{background-color:var(--void-cool);--ht-ink:color-mix(in srgb, var(--on-3) 26%, transparent)}.grade-root .grade-free-block{border-color:var(--amber)}.grade-root .grade-verdict{border-radius:var(--r-chip-round);color:var(--on);background-color:var(--surf-3)}.grade-root .grade-verdict--flagged{background-color:var(--amber)}.grade-root .grade-verdict--unverified{color:var(--sapphire)}.grade-root .grade-quote-preview{max-width:100%}.grade-root .grade-input{background-color:var(--surf-1);min-width:0;color:var(--on);border:1px solid var(--border-strong);border-radius:var(--r-card-round);caret-color:var(--sapphire)}.grade-root .grade-input::placeholder{color:var(--on-3);opacity:1}.grade-root .grade-input:hover:not(:disabled){border-color:var(--sapphire)}.grade-root .grade-input:disabled{opacity:.6;cursor:wait}.grade-root .grade-primary,.grade-root .grade-secondary-button{border-radius:var(--r-card-round);min-height:44px;font-family:var(--ui);color:var(--on);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;line-height:1.4;display:inline-flex}.grade-root .grade-primary{background-color:var(--amber)}.grade-root .grade-primary:hover:not(:disabled){background-color:var(--amber-hover-light)}.grade-root .grade-primary:active:not(:disabled){background-color:var(--amber)}.grade-root .grade-primary:disabled{cursor:wait}.grade-root .grade-secondary-button{background-color:var(--surf-1);border-color:var(--border-strong)}.grade-root .grade-secondary-button:hover{background-color:var(--surf-2)}.grade-root .grade-secondary-button:active{background-color:var(--surf-3)}.grade-root :is(a,button,input):focus-visible{outline:2px solid var(--sapphire);outline-offset:3px}.grade-root a.underline{text-underline-offset:3px}.grade-root a.underline:hover{color:var(--sapphire)}.grade-root ::selection{background-color:var(--surf-4);color:var(--on-hi)}.grade-root .grade-actions{flex-wrap:wrap}.grade-root .grade-progress-dot{border:1.5px solid var(--on-3);color:var(--on);background-color:#0000;flex-shrink:0}.grade-root .grade-progress-dot--done{background-color:var(--amber);border-color:#0000}@media (max-width:639px){.grade-root .grade-actions{flex-direction:column}}