@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background: hsl(0 0% 100%);--foreground: hsl(0 0% 4%);--card: hsl(0 0% 100%);--border: hsl(0 0% 86%);--muted: hsl(0 0% 45%);--primary: hsl(0 0% 7%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(0 0% 96%);--secondary-foreground: hsl(0 0% 10%);--danger: hsl(0 65% 42%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;color:var(--foreground);background:radial-gradient(circle at top right,hsl(0 0% 95%),transparent 35%),radial-gradient(circle at bottom left,hsl(0 0% 94%),transparent 40%),var(--background)}a{color:inherit;text-decoration:none}.app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:1rem}.brand-link{font-family:Inter,sans-serif;position:relative;display:inline-block;font-size:clamp(1.28rem,1.5vw + .9rem,1.7rem);font-weight:600;letter-spacing:.02em;color:#141414}.brand-superscript{font-size:.64em;line-height:0;font-weight:700;vertical-align:super;position:relative;top:-.08em}.nav-actions{display:flex;align-items:center}.dashboard-link{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;color:var(--foreground);background:#fff}.dashboard-link svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.dashboard-link-active{background:var(--secondary)}.dashboard-link-compact{padding-inline:.72rem}.page-shell{flex:1;min-height:0;overflow-y:auto;width:min(100%,980px);margin:0 auto;padding:1.5rem 1rem;display:grid;place-items:center}.page-shell:has(.join-card-chat),.page-shell:has(.host-card-live){overflow-y:hidden;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem}.card{width:min(100%,640px);border:1px solid var(--border);border-radius:16px;background:var(--card);padding:1.25rem;box-shadow:0 20px 50px #0000000f}.headline{margin:0;font-size:clamp(1.35rem,1.9vw,1.7rem)}.muted{color:var(--muted);margin:.65rem 0 1rem}.button{border:1px solid var(--border);border-radius:10px;padding:.66rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.button-secondary{background:var(--secondary);color:var(--secondary-foreground)}.host-card{width:min(100%,980px)}.host-card-live{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.host-card-live .host-layout{flex:1;min-height:0;align-items:stretch}.host-card-live .otp-container{align-content:center}.host-card-live aside.host-chat-panel{min-height:0;display:flex;flex-direction:column}.host-card-live aside.host-tasks-panel{min-height:0;display:flex;flex-direction:column;overflow-y:auto}.host-tasks-panel{border:1px solid var(--border);border-radius:.5rem;padding:.65rem .75rem}.host-tasks-panel h2{margin:0 0 .4rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.host-task-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.15rem}.host-task-list li{font-size:.875rem;display:flex;flex-direction:column;gap:.25rem}.host-task-btn{background:none;border:1px solid transparent;border-radius:5px;padding:.2rem .4rem;margin-left:-.4rem;font:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer;color:var(--foreground);width:calc(100% + .4rem);transition:background .1s,border-color .1s}.host-task-btn:hover{background:var(--secondary);border-color:var(--border)}.host-task-selected>.host-task-btn{background:var(--secondary);border-color:var(--border)}.host-task-actions{display:flex;gap:.35rem;align-items:center;padding-left:0;flex-wrap:wrap}.host-task-actions .button{padding:.22rem .55rem;font-size:.8rem}.host-task-close-btn{background:none;border:none;padding:.1rem .35rem;font-size:1rem;line-height:1;cursor:pointer;color:var(--muted);border-radius:4px}.host-task-close-btn:hover{color:var(--foreground);background:var(--secondary)}.host-tasks-empty{font-size:.875rem;font-style:italic}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.account-panel-wrapper{position:relative;flex:0 0 auto}.account-icon-btn{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:1px solid var(--border);border-radius:999px;background:var(--secondary);cursor:pointer;padding:0}.account-icon-btn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:210px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.85rem;box-shadow:0 8px 28px #0000001a;display:grid;gap:.6rem;z-index:100}.account-panel-email{margin:0;font-size:.88rem;font-weight:600;color:var(--foreground);word-break:break-all;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.section-label{font-size:.9rem;font-weight:600}.button-ghost{background:none;border:none;padding:0;font:inherit;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer}.button-ghost:hover{color:var(--foreground)}.workspace-grid{display:flex;flex-wrap:wrap;gap:.55rem}.workspace-card{display:grid;align-content:start;gap:.18rem;text-align:left;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:11px;background:var(--secondary);cursor:pointer;flex:1 1 160px;min-width:0;transition:border-color .1s}.workspace-card:hover:not(:disabled){border-color:#999}.workspace-card-selected{border-color:var(--foreground);background:var(--card);box-shadow:0 2px 8px #0000000f}.workspace-card-title{font-size:.92rem;font-weight:600;color:var(--foreground)}.workspace-card-meta{font-size:.78rem;color:var(--muted)}.workspace-create-form{display:grid;gap:.65rem}.host-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.65fr) minmax(180px,.9fr);gap:1rem;align-items:start}.otp-container{display:grid;justify-items:center;gap:.8rem;text-align:center}.landing-card{width:min(100%,980px)}.auth-card{width:min(100%,640px)}.landing-layout{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:1.5rem;align-items:stretch}.landing-pane{display:grid;align-content:start}.landing-pane-single{gap:.4rem}.join-pane{gap:.5rem}.auth-pane{gap:.3rem}.landing-divider{background:linear-gradient(180deg,transparent,hsl(0 0% 82%),transparent)}.eyebrow{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.landing-button-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem}.panel-title{margin:.4rem 0 0;font-size:1.15rem}.auth-form{display:grid;gap:.85rem}.field{display:grid;gap:.35rem}.field span{font-size:.9rem;font-weight:600}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;font:inherit;background:#fff;color:var(--foreground)}.input:focus{outline:2px solid hsl(0 0% 10% / .14);outline-offset:1px}.signed-in-card{max-width:720px}.signed-in-summary{display:flex;justify-content:space-between;gap:1rem;align-items:start}.signed-in-actions{display:flex;gap:.75rem}.join-card{width:min(100%,980px)}.join-shell{display:grid;gap:1rem}.join-intro{display:grid;gap:.35rem}.join-card-chat{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.join-chat-layout{display:flex;flex-direction:column;gap:1rem}.join-card-chat .join-chat-layout{flex:1;min-height:0;overflow:hidden}.join-chat-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:.65rem}.join-card-chat .join-chat-panel .host-chat-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.join-chat-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-shrink:0}.host-chat-panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fcfcfc,#f7f7f7),var(--card);min-height:100%;padding:1rem}.host-chat-panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem}.host-chat-panel-header h2{margin:0;font-size:1rem}.host-chat-panel-header span{color:var(--muted);font-size:.85rem}.chat-empty{margin:0;color:var(--muted);line-height:1.5}.chat-log{display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;padding-right:.2rem}.join-card-chat .chat-log,.host-card-live .chat-log{flex:1;min-height:0}.chat-message{border:1px solid var(--border);border-radius:10px;background:#fff;padding:.45rem .65rem}.chat-message-meta{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.15rem;font-size:.88rem}.chat-role-badge{color:var(--muted);font-size:.78rem;font-weight:600}.chat-role-badge-ai{color:#5e47d1}.chat-message-body{margin:0;color:var(--foreground);line-height:1.45;white-space:pre-wrap}.qr-wrap{display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem}.join-handoff-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:1rem;align-items:center}.join-handoff-copy{display:grid;gap:.85rem;align-content:start}.join-handoff-note{margin:0}.otp-text{display:inline-block;width:100%;max-width:560px;border:1px dashed var(--border);border-radius:10px;padding:.6rem;font-size:.88rem;word-break:break-all}.inline-code{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;background:var(--secondary)}.camera-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#000}.camera-preview{width:100%;max-height:420px;display:block;object-fit:cover}.hidden-canvas{display:none}.button-row{display:flex;justify-content:center}.button-row-wrap{justify-content:flex-start;flex-wrap:wrap;gap:.75rem}.button-row-split{justify-content:stretch;gap:.75rem}.button-row-split .button{flex:1 1 0}.error{margin-top:.9rem;color:var(--danger)}.form-note{margin-bottom:0}.jwt-box{border:1px dashed var(--border);background:var(--secondary);border-radius:12px;padding:.8rem;margin-top:1rem}.jwt-box code{display:inline-block;max-width:100%;word-break:break-all}.chat-compose-form{flex-shrink:0}.chat-input-row{display:flex;gap:.5rem;align-items:flex-end}.chat-input-row .button{flex-shrink:0}.textarea{width:100%;resize:vertical;min-height:7rem;border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;font:inherit;background:#fff;color:var(--foreground)}.chat-textarea{min-height:unset;resize:none;flex:1}.textarea:focus{outline:2px solid hsl(0 0% 10% / .14);outline-offset:1px}@media(max-width:640px){.card{padding:1rem}.topbar{padding-inline:.8rem}.dashboard-header,.join-chat-header,.signed-in-summary{flex-direction:column}.dashboard-actions{width:100%;flex-direction:column;align-items:stretch}.landing-layout{grid-template-columns:1fr}.landing-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,hsl(0 0% 82%),transparent)}.host-layout,.join-handoff-layout{grid-template-columns:1fr}.signed-in-actions{width:100%;flex-direction:column}.button-row-split,.button-row-wrap{flex-direction:column}.join-card-chat .chat-log{min-height:200px}}