.lab{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem}.lab-nav{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.lab-nav a{text-decoration:underline}.rank-chip{opacity:.7;font-size:.8rem}.got-it{opacity:.8;margin-top:1.25rem}.got-it-btn{font:inherit;color:var(--foreground);border:1px solid color-mix(in srgb, var(--foreground) 25%, var(--background));cursor:pointer;background:0 0;border-radius:.3rem;margin-top:1.25rem;padding:.35rem .7rem}.clock{margin-top:1.25rem}.lab h1{margin-bottom:.75rem;font-size:1.5rem}.lab p,.lab li{line-height:1.5}.lab ul{margin-top:.75rem;padding-left:1.25rem}.lab .eyebrow{letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin-bottom:.35rem;font-size:.8rem}.lab h1{margin-bottom:1rem}.lab pre{background:color-mix(in srgb, var(--foreground) 8%, var(--background));border-radius:.4rem;margin:.85rem 0;padding:.85rem 1rem;font-size:.9rem;line-height:1.45;overflow-x:auto}.lab .note{opacity:.8;margin:1rem 0 0}.lab .next{margin-top:1.75rem}.lab .next a{text-decoration:underline}.lab .lesson-link{margin-bottom:1rem;font-size:.9rem}.lab .lesson-link a{text-decoration:underline}.lab .done{opacity:.85;margin-bottom:1.25rem}.playground .goal{margin-bottom:1rem}.editor-label{letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin-bottom:.35rem;font-size:.8rem;display:block}.editor{width:100%;min-height:14rem;color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, var(--background));border:1px solid color-mix(in srgb, var(--foreground) 18%, var(--background));resize:vertical;border-radius:.4rem;padding:.85rem 1rem;font:.9rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.preview-head{letter-spacing:.04em;text-transform:uppercase;opacity:.65;justify-content:space-between;margin:1rem 0 .35rem;font-size:.8rem;display:flex}.preview-head .ok{color:#3d9a5f;opacity:1}.preview-head .wait{opacity:1}.preview{background:color-mix(in srgb, var(--foreground) 5%, var(--background));border-radius:.4rem;min-height:3.5rem;padding:.85rem 1rem}.preview .err{color:#d14}.hint{margin-top:.75rem}.submit-note{opacity:.7;margin-top:.75rem;font-size:.9rem}.studio{margin:.85rem 0;font-weight:650}.reset{font:inherit;color:var(--foreground);border:1px solid color-mix(in srgb, var(--foreground) 25%, var(--background));cursor:pointer;background:0 0;border-radius:.3rem;margin-top:.85rem;margin-right:.45rem;padding:.35rem .7rem}