.live-workspace{max-width:1000px;color:var(--text);min-height:100vh;margin:auto;padding:24px;font-family:inherit}.live-workspace *{box-sizing:border-box}.live-header,.live-heading,.live-actions{align-items:center;gap:16px;display:flex}.live-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:32px}.live-header>span{color:var(--text-soft);flex:1}.live-brand{color:var(--accent);font-size:30px;font-weight:800;text-decoration:none}.live-workspace h1{margin:8px 0 16px;font-size:clamp(28px,5vw,40px);line-height:1.15}.live-workspace h2{margin:0 0 6px;font-size:19px}.live-workspace p{margin:8px 0;line-height:1.6}.live-heading{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.live-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:16px;padding:24px}.live-login{max-width:480px;margin:60px auto}.live-eyebrow{color:var(--accent);font-weight:600}.live-workspace form{gap:18px;margin:24px 0;display:grid}.live-workspace label{gap:8px;font-size:14px;font-weight:600;display:grid}.live-workspace input{border:1px solid var(--border-strong);width:100%;font:inherit;background:var(--surface);color:inherit;border-radius:10px;padding:12px}.live-workspace button{border:1px solid var(--border-strong);background:var(--surface);color:inherit;font:inherit;cursor:pointer;border-radius:10px;padding:12px 16px}.live-workspace .live-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.live-workspace button:disabled{opacity:.55;cursor:wait}.live-workspace :focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}.live-muted{color:var(--text-soft);font-size:14px}.live-error,.live-notice{border-radius:12px;padding:16px}.live-error{color:#9c2636;background:#ffeded}.live-notice{color:#276543;background:#e6f6ec}.live-students{padding:0;list-style:none}.live-students li{overflow-wrap:anywhere;align-items:center;gap:16px;display:flex}.live-avatar{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.live-empty{text-align:center;padding:48px 24px}@media (width<=600px){.live-workspace{padding:20px 16px}.live-header>span{font-size:12px}.live-actions{flex-wrap:wrap}.live-login{margin-top:24px}}body:has(.live-workspace){background:var(--bg)}.live-login{box-shadow:var(--shadow-sm)}.live-workspace .live-primary:hover{background:var(--accent-hover)}.auth-page{align-content:start;justify-items:center;max-width:none;padding:clamp(24px,7vh,64px) 20px;display:grid}.auth-card.live-login{width:100%;max-width:440px;margin:0;padding:32px}.auth-card .auth-brand{margin-bottom:24px}.auth-card .auth-brand .brand-mark{width:44px;height:44px}.auth-card .auth-brand .brand-wordmark{font-size:27px}.auth-card h1{letter-spacing:-.035em;margin:0 0 12px;font-size:28px;line-height:1.2}.auth-card h1:focus{outline:none}.auth-card .auth-description{color:var(--text-soft);font-size:15px}.auth-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.auth-card input{min-height:48px;font-size:16px}.auth-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.auth-password{position:relative}.auth-password input{padding-right:94px}.auth-password button{color:var(--accent);background:0 0;border:0;padding:0 10px;font-size:13px;position:absolute;top:4px;bottom:4px;right:4px}.auth-password-field small{color:var(--text-soft);margin-top:8px;font-size:13px;line-height:1.5;display:block}.live-workspace .auth-link{color:var(--accent);font-size:inherit;text-align:inherit;text-underline-offset:3px;background:0 0;border:0;border-radius:4px;padding:4px 0;font-weight:600;text-decoration:underline;display:inline}.auth-label-row .auth-link{font-size:13px}.auth-switch{text-align:center;color:var(--text-soft);font-size:14px}.auth-card .auth-demo{border-top:1px solid var(--border);text-align:center;color:var(--text-soft);margin-top:24px;padding-top:20px;font-size:13px}.auth-demo span{margin-top:6px;font-size:12px;display:block}.auth-state-actions,.auth-mail-state{gap:14px;margin-top:24px;display:grid}.auth-mail-state{color:var(--text-soft);font-size:14px}.auth-mail-state .auth-mail-address{color:var(--text);overflow-wrap:anywhere;font-size:17px;font-weight:600}.auth-capability{color:var(--text-soft);margin-top:20px;font-size:14px}.auth-capability .auth-link{margin-top:4px;display:block}.auth-card button:disabled{cursor:not-allowed}.auth-card[aria-busy=true] button:disabled{cursor:wait}@media (width<=480px){.auth-page{padding:24px 16px}.auth-card.live-login{padding:24px}.auth-card h1{font-size:26px}}.account-settings.live-workspace{width:100%;max-width:820px;min-height:0;margin:0;padding:0}.account-settings .live-card{padding:24px}.account-settings .live-card>p{overflow-wrap:anywhere}.account-settings form{max-width:440px}.account-sessions{margin:24px 0;padding:0;list-style:none}.account-sessions li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.account-current{color:var(--accent);margin-top:4px;font-size:13px;display:block}@media (width<=600px){.account-sessions li{flex-direction:column;align-items:start}}.auth-role-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-role-choice button{padding:12px 8px;font-size:14px}.auth-role-choice button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.auth-role-choice p{color:var(--text-soft);grid-column:1/-1;font-size:14px;font-weight:400}.student-invitation{overflow-wrap:anywhere}.student-invitation>p{margin:12px 0;line-height:1.6}.student-invitation .proto-actions{margin-top:20px}.student-invitation .proto-fields{margin-block:20px}.invitation-inbox{margin-bottom:24px}.invitation-inbox-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.invitation-inbox-row h3,.invitation-inbox-row p{overflow-wrap:anywhere;margin:0 0 6px}.invitation-inbox-row .proto-actions{flex-wrap:wrap}.invitation-inbox>.text-action{margin-top:16px;display:inline-block}@media (width<=600px){.invitation-inbox-row{flex-direction:column;align-items:stretch}.invitation-inbox-row .proto-actions{flex-direction:column;align-items:stretch;display:flex}.invitation-inbox-row button{min-height:44px}}.join-page{background:radial-gradient(circle at 10% 0%, #7d5cff3d, transparent 38%), radial-gradient(circle at 95% 90%, #327eff2e, transparent 42%), var(--surface-page,#f7f6fb);place-items:center;min-height:100svh;padding:24px;display:grid}.join-shell{background:color-mix(in srgb, var(--surface-card,white) 88%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #8b6cff47;border-radius:32px;width:min(100%,520px);padding:clamp(24px,6vw,42px);box-shadow:0 24px 80px #301c6e29}.join-shell h1{letter-spacing:-.045em;margin:26px 0 8px;font-size:clamp(32px,8vw,48px);line-height:1.02}.join-lead{color:var(--text-secondary,#6f6c79);font-size:17px;line-height:1.5}.join-teacher{background:linear-gradient(135deg,#6c46ff21,#4b89ff14);border-radius:20px;margin:24px 0;padding:18px}.join-teacher strong{margin-bottom:4px;font-size:20px;display:block}.join-actions{gap:12px;margin-top:24px;display:grid}.join-button{text-align:center;min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.join-button.primary{color:#fff;background:linear-gradient(115deg,#7448ff,#9b6cff 52%,#4d82ff);box-shadow:0 12px 30px #6645eb47}.join-button.secondary{color:inherit;background:#7f7f8c1c}.join-status{min-height:24px;color:var(--text-secondary,#6f6c79);margin-top:18px}.join-error{color:#cf3150}.join-link{text-align:center;color:var(--text-secondary,#6f6c79);margin-top:22px;display:block}@media (prefers-color-scheme:dark){.join-page{--surface-page:#05050a;--surface-card:#17161f;--text-secondary:#aaa6b5;color:#fff}.join-shell{box-shadow:0 24px 90px #552dff2e}}