.parent{max-inline-size:48rem;padding:var(--space-4) var(--space-4) var(--space-8);margin:0 auto}.parent__bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.parent__title{font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0}.parent__close{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--colour-primary);color:var(--colour-ink-inverse);border:none;font-weight:600}.parent__lede{margin:0 0 var(--space-6);color:var(--colour-ink-muted);max-inline-size:40rem}.parent__section{margin-block-end:var(--space-6)}.parent__subject{margin:0 0 var(--space-3);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--colour-ink-muted);font-weight:700}.parent__strand{min-inline-size:0;padding:var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);margin-block-end:var(--space-3)}.parent__strand-name{float:left;inline-size:100%;font-size:var(--text-lg);margin-block-end:var(--space-3);padding:0;font-weight:600}.parent__suggested{font-size:var(--text-sm);color:var(--colour-ink-muted);font-weight:400}.parent__grades{clear:both;gap:var(--space-2);flex-wrap:wrap;display:flex}.parent__grade{padding:var(--space-3);border:2px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface);color:var(--colour-ink);text-align:start;flex:8rem;gap:2px;display:grid}.parent__grade:hover:not(:disabled){border-color:var(--colour-border-strong)}.parent__grade[aria-pressed=true]{border-color:var(--colour-primary);background:var(--colour-surface-sunk)}.parent__grade:disabled{background:var(--colour-surface-sunk);color:var(--colour-ink-muted);cursor:default;border-style:dashed}.parent__grade-name{font-weight:600}.parent__grade-count{font-size:var(--text-sm);color:var(--colour-ink-muted)}.parent--locked{max-inline-size:26rem;padding-block-start:var(--space-8)}.parent__pin-form,.parent__set-pin{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);display:grid}.parent__set-pin{margin-block-end:var(--space-5)}.parent__set-pin-lede{margin:0 0 var(--space-2);color:var(--colour-ink-muted);font-size:var(--text-sm)}.parent__set-pin-actions{gap:var(--space-3);align-items:center;display:flex}.parent__pin-label{font-size:var(--text-sm);font-weight:600}.parent__pin{min-block-size:var(--tap-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface);color:var(--colour-ink);font:inherit;letter-spacing:.4em}.parent__skip{color:var(--colour-ink-muted);background:0 0;border:none;text-decoration:underline}.parent__error{color:var(--colour-notice);font-size:var(--text-sm);margin:0}.parent__activity{margin:0 0 var(--space-5);gap:var(--space-2);padding:0;list-style:none;display:grid}.parent__activity-row{gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);grid-template-columns:1fr auto;grid-template-areas:"title when""meta score";display:grid}.parent__activity-title{grid-area:title;font-weight:600}.parent__activity-when{grid-area:when}.parent__activity-score{grid-area:score}.parent__activity-when,.parent__activity-score{color:var(--colour-ink-muted);font-size:var(--text-sm);text-align:end;font-variant-numeric:tabular-nums}.parent__activity-meta{color:var(--colour-ink-muted);font-size:var(--text-sm);grid-area:meta}.parent__footnote{margin:var(--space-6) 0 0;color:var(--colour-ink-muted);font-size:var(--text-sm)}.parent__strands{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.parent__strand{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--colour-surface-raised);border:1px solid var(--colour-border)}.parent__strand-title{margin:0 0 var(--space-1);font-size:var(--text-lg)}.parent__strand-lessons{color:var(--colour-ink-muted);font-size:var(--text-sm);margin:0}.parent__strand-how{margin:var(--space-2) 0 0}.parent__strand-how.is-thin{color:var(--colour-ink-muted);font-style:italic}.parent__levels{border-top:1px solid var(--colour-border);margin-top:2rem;padding-top:1.5rem}.parent__levels-title{margin:0 0 .25rem;font-size:1.1rem}.parent__section-title{margin:0 0 var(--space-3);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--colour-ink-muted)}.parent__trouble{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-inline-start:4px solid var(--colour-notice);background:var(--colour-surface-sunk)}.link__lede,.link__note,.link__hint{color:var(--colour-ink-muted);font-size:var(--text-sm);max-inline-size:40rem;margin:0}.link__lede{font-size:inherit;margin-block-end:var(--space-4)}.link__form{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.link__field{gap:var(--space-1);flex:18rem;display:grid}.link__label{font-size:var(--text-sm);color:var(--colour-ink-muted)}.link__input{min-block-size:var(--tap-target-min,48px);padding:var(--space-2) var(--space-3);border:2px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface);color:var(--colour-ink);font:inherit}.link__input--code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xl);letter-spacing:.12em;text-transform:uppercase}.link__button{min-block-size:var(--tap-target-min,48px);padding:var(--space-2) var(--space-4);border:2px solid var(--colour-primary);border-radius:var(--radius-full);background:var(--colour-primary);color:var(--colour-ink-inverse);font:inherit;cursor:pointer;font-weight:600}.link__button--quiet{background:var(--colour-surface);color:var(--colour-primary)}.link__button:disabled{opacity:.6;cursor:default}.link__actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.link__offer{gap:var(--space-1);margin:0 0 var(--space-4);padding:var(--space-4);border:2px solid var(--colour-primary);border-radius:var(--radius-lg);background:var(--colour-surface);display:grid}.link__offer-teacher{font-size:var(--text-xl)}.link__offer-class{color:var(--colour-ink-muted)}.link__sharing{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-block-end:var(--space-4);display:grid}.link__sharing-title{margin:0 0 var(--space-2);font-size:var(--text-sm)}.link__list{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding-inline-start:var(--space-4);display:grid}.link__list--not{color:var(--colour-ink-muted)}.link__classes{margin:0 0 var(--space-5);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));padding:0;list-style:none;display:grid}.link__class{justify-items:start;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface);display:grid}.link__class-name{font-size:var(--text-lg);margin:0;font-weight:600}.link__class-teacher,.link__class-roster{color:var(--colour-ink-muted);font-size:var(--text-sm);margin:0}.link__leave{min-block-size:var(--tap-target-min,48px);padding:var(--space-2) var(--space-4);border:2px solid var(--colour-primary);border-radius:var(--radius-full);background:var(--colour-surface);color:var(--colour-primary);font:inherit;cursor:pointer;font-weight:600}.link__passcode{margin:0 0 var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--colour-primary);border-radius:var(--radius-md);background:var(--colour-surface-sunk);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-2xl);letter-spacing:.12em;text-align:center;-webkit-user-select:all;user-select:all;font-weight:700}