.follow-along-labs{color:#f3f5f6;letter-spacing:0}.lab-section-heading{border-bottom:1px solid #30373b;margin-bottom:20px;padding-bottom:24px}.lab-eyebrow{color:#47b3ff;margin-bottom:10px;font-size:.875rem;font-weight:700;display:block}.follow-along-labs h2{margin-bottom:12px;font-size:1.875rem;font-weight:700;line-height:1.2}.follow-along-labs h3{overflow-wrap:anywhere;margin:14px 0;font-size:1.5rem;font-weight:700;line-height:1.3}.follow-along-labs h4{margin-bottom:12px;font-size:1.125rem;font-weight:700}.follow-along-labs p{color:#b9bbc3;margin-bottom:16px;line-height:1.6}.lab-event{background:#212429;border:1px solid #3d4148;border-radius:8px;margin:20px 0;padding:24px}.lab-event-live{border-color:#47b3ff}.lab-event-heading{grid-template-columns:minmax(0,1fr) minmax(200px,.45fr);gap:24px;display:grid}.lab-badge{color:#bfdbfe;background:#25292b;border:1px solid #334b66;border-radius:4px;padding:5px 10px;font-size:.875rem;display:inline-flex}.lab-badge-live{color:#bfdbfe;background:#25292b;border-color:#334b66}.lab-date{flex-direction:column;gap:8px;font-size:.875rem;display:flex}.lab-date strong{line-height:1.6}.lab-date span{color:#b9bbc3}.lab-cohort{color:#c4c5cc;flex-wrap:wrap;gap:12px 24px;margin:16px 0;font-size:.875rem;display:flex}.lab-cohort span:first-child{align-items:center;gap:8px;display:flex}.lab-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.lab-primary,.lab-secondary,.lab-live-join{border:1px solid #334b66;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 15px;font-size:.875rem;font-weight:700;display:inline-flex}.lab-primary{color:#fff;background:#1d4ed8;border-color:#3b82f6}.lab-primary:hover{background:#1e40af}.lab-secondary{color:#bfdbfe;background:#191b20}.lab-secondary:hover{background:#25292b}.lab-live-join{color:#fff;background:#1d4ed8;border-color:#3b82f6}.follow-along-labs button:disabled{opacity:.5;cursor:not-allowed}.lab-checkpoint,.lab-prep{border-top:1px solid #3d4148;margin-top:24px;padding-top:24px}.lab-lights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lab-lights button{text-align:left;background:#191b20;border:1px solid #4a4c54;border-radius:6px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.lab-lights button[aria-pressed=true]{background:#25292b;border-color:#47b3ff;outline:1px solid #47b3ff}.lab-lights strong{font-size:.875rem}.lab-lights span,.lab-lights small{color:#b9bbc3;font-size:.875rem}.lab-lights i{border-radius:50%;width:14px;height:14px}.lab-light-green,.lab-light-yellow,.lab-light-red{background:#c4c5cc}.lab-workspace{border-top:1px solid #3d4148;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;padding-top:24px;display:grid}.lab-workspace h4{margin-top:14px}.lab-prep blockquote{background:#25292b;border-left:3px solid #47b3ff;margin-bottom:20px;padding:16px}.lab-prep label{align-items:center;gap:12px;margin:16px 0;font-size:.875rem;display:flex}.lab-prep input{accent-color:#1d4ed8;width:18px;height:18px}.lab-prep .lab-notes-label{margin-top:28px;font-weight:700;display:block}.lab-prep textarea{color:#fff;background:#17191d;border:1px solid #4a4c54;border-radius:6px;width:100%;min-height:120px;padding:14px;font-size:1rem}.lab-prep small{color:#b9bbc3;margin:10px 0 14px;font-size:.875rem;display:block}.lab-prep-locked{font-size:.875rem;margin:24px 0 0!important}.lab-alert,.lab-notice{background:#25292b;border:1px solid #334b66;border-radius:6px;margin-bottom:20px;padding:20px}.lab-alert a{color:#bfdbfe;margin-left:14px;text-decoration:underline;display:inline-block}.lab-feedback{color:#bfdbfe!important}.lab-feedback:empty{display:none}.lab-loading{align-items:center;gap:12px;display:flex}.lab-dialog{color:#fff;background:#191b20;border:1px solid #334b66;border-radius:8px;width:min(480px,100% - 32px);margin:auto;padding:32px;position:fixed;inset:0}.lab-dialog::backdrop{background:#090a0faa}.lab-dialog .lab-primary,.lab-dialog .lab-secondary{width:100%;margin-top:12px}.lab-dialog-close{padding:8px;position:absolute;top:12px;right:12px}.focus-rain-volume{color:#b9bbc3;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:.875rem;display:flex}.focus-rain-volume input{accent-color:#1d4ed8;width:110px}@media (max-width:900px){.lab-event-heading,.lab-workspace{grid-template-columns:1fr}}@media (max-width:600px){.lab-event{padding:20px}.lab-lights{grid-template-columns:1fr}.lab-actions>*{width:100%}.lab-lights button{grid-template-columns:16px 1fr;display:grid}.lab-lights span,.lab-lights small{grid-column:2}}