*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4efe6;min-width:320px;font-family:Segoe UI,Trebuchet MS,sans-serif}#root{min-height:100vh}:root{--bg:#ebe3d6;--surface:#fff8f0d1;--text:#18232f;--muted:#5c6977;--border:#18232f1f;--brand:#cc4f2f;--brand-dark:#8f3019;--danger:#b73434;--shadow:0 24px 80px #18232f1f}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell,.meeting-shell{min-height:100vh;padding:1.5rem}.landing-shell,.dashboard-shell,.history-shell,.meeting-shell,.auth-layout{color:var(--text);background:radial-gradient(circle at 0 0,#cc4f2f2e,#0000 28%),radial-gradient(circle at 100% 100%,#22766024,#0000 30%),linear-gradient(#f7f1e7 0%,#e6dccf 100%)}.topbar,.meeting-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{letter-spacing:.04em;font-size:1.4rem;font-weight:800}.brand-inline{margin-bottom:1rem;display:inline-flex}.topbar-links,.hero-actions,.inline-actions,.room-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-button,.ghost-button,.danger-button{border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.2rem;transition:transform .2s,background-color .2s;display:inline-flex}.primary-button{background:var(--brand);color:#fff}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.ghost-button{color:var(--text);border:1px solid var(--border);background:#ffffffb3}.danger-button{background:var(--danger);color:#fff}.wide-button{width:100%}.eyebrow,.preview-label{color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:1.5rem;padding:4rem 0 2rem;display:grid}.hero-copy h1,.auth-panel h1,.history-page-header h1,.dashboard-card h1,.meeting-header h1,.lobby-card h1{margin:.6rem 0 1rem;font-size:clamp(2.2rem,4vw,4.5rem);line-height:1}.dashboard-card h1{font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.1}.hero-copy p,.auth-copy,.dashboard-card p,.history-page-header p,.meeting-header p,.lobby-card p{color:var(--muted);line-height:1.6}.hero-panel,.dashboard-card,.lobby-card,.chat-card,.participants-card,.auth-panel,.glass-card,.video-preview-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border:1px solid #fff9;border-radius:28px}.preview-card,.feature-card,.dashboard-card,.participants-card,.chat-card,.lobby-card,.auth-panel,.glass-card{padding:1.4rem}.dashboard-card{position:relative;overflow:hidden}.dashboard-card:before{content:"";filter:blur(2px);background:#cc4f2f14;border-radius:999px;width:140px;height:140px;position:absolute;inset:auto -40px -40px auto}.preview-grid,.feature-grid,.dashboard-grid,.history-grid,.assistant-columns,.lobby-grid,.meeting-main-grid{gap:1rem;display:grid}.preview-grid{grid-template-columns:repeat(2,1fr);margin-top:1rem}.preview-tile,.preview-chat{background:linear-gradient(135deg,#17212bf0,#293847d6);border-radius:22px;min-height:120px}.preview-tile.large{grid-column:span 2;min-height:210px}.preview-chat{background:linear-gradient(#d25b2c2e,#ffffffb3)}.feature-grid,.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.dashboard-grid{align-items:stretch}.history-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.about-strip{gap:1rem;margin-top:1.5rem;display:grid}.about-card,.copyright-note{background:#ffffffb8;border:1px solid #18232f14;border-radius:24px;padding:1.2rem 1.4rem;box-shadow:0 12px 32px #18232f0f}.about-card h2{margin:.45rem 0 .6rem}.about-card p,.copyright-note p{color:var(--muted)}.copyright-note{text-align:center}.feature-card{background:#ffffffa6;border:1px solid #ffffffb3;border-radius:24px}.accent-card{background:radial-gradient(circle at 100% 0,#cc4f2f42,#0000 30%),linear-gradient(160deg,#fff1e3fa,#ffffffe6);border:1px solid #cc4f2f2e}.accent-card:after{content:"";background:linear-gradient(135deg,#cc4f2f3d,#fff3);border-radius:20px;width:64px;height:64px;position:absolute;inset:1rem 1rem auto auto;transform:rotate(18deg)}.auth-layout{grid-template-columns:minmax(320px,540px) 1fr;gap:1.5rem;min-height:100vh;padding:1.5rem;display:grid}.auth-side-panel{padding:2rem;display:flex}.glass-card{align-items:center;width:100%;display:flex}.segmented-control{background:#18232f14;border-radius:999px;margin:1.5rem 0 1rem;padding:.3rem;display:inline-flex}.segment{color:var(--muted);background:0 0;border-radius:999px;padding:.75rem 1rem}.segment.active{color:var(--text);background:#fff}.auth-form,.field-block,.assistant-output,.lobby-controls,.chat-compose,.history-list,.chat-panel,.video-stage{gap:.9rem;display:grid}.field-block input,.field-block textarea,.auth-form input,.chat-compose textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#ffffffeb;border-radius:18px;padding:.95rem 1rem}.form-message,.status-banner{border-radius:16px;padding:.9rem 1rem}.error,.error-banner{color:#8c1f1f;background:#d240401a}.success{color:#20613f;background:#2da5651f}.plain-list{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.7}.assistant-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.history-item{border:1px solid var(--border);background:linear-gradient(135deg,#fffffff5,#f8eadbeb);border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 12px 24px #18232f0f}.history-item span{color:var(--muted);font-size:.92rem}.history-item-copy{text-align:left;gap:.3rem;display:grid}.history-join-button{min-width:96px}.dashboard-card:nth-child(2){color:#fff;background:linear-gradient(#172632f5,#184644e6),radial-gradient(circle at 0 0,#ffa96f33,#0000 30%)}.dashboard-card:nth-child(2) h2,.dashboard-card:nth-child(2) li,.dashboard-card:nth-child(2) p{color:#ffffffe0}.dashboard-card:nth-child(2) .eyebrow{color:#ffb089}.meeting-shell{padding:1rem}.lobby-card,.meeting-layout{max-width:1400px;margin:0 auto}.lobby-card{background:linear-gradient(#fff9f2fa,#f5ede4f2),radial-gradient(circle at 100% 0,#cc4f2f1f,#0000 28%);padding:1.25rem}.lobby-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lobby-room-badge{color:var(--text);background:#18232f0f;border:1px solid #18232f14;border-radius:999px;padding:.55rem .9rem;font-size:.92rem;font-weight:700}.lobby-header{margin-bottom:1rem}.lobby-header h1{margin:.45rem 0 .55rem;font-size:clamp(2rem,3.2vw,3rem);line-height:1.05}.lobby-header p{max-width:640px}.lobby-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:1.25rem}.meeting-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:start}.video-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.video-preview-card,.video-tile{background:#121923;min-height:280px;position:relative;overflow:hidden}.video-preview-card{border-radius:30px;min-height:520px}.lobby-controls-panel{background:#ffffffb8;border:1px solid #18232f14;border-radius:30px;grid-template-rows:auto auto auto 1fr;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 18px 45px #18232f14}.lobby-section{gap:.65rem;display:grid}.lobby-control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.meeting-control-button{min-height:54px;color:var(--text);background:#fff;border:1px solid #18232f1a;border-radius:16px;padding:.9rem 1rem;font-weight:600;box-shadow:0 10px 24px #18232f0d}.lobby-note{color:var(--muted);background:linear-gradient(135deg,#cc4f2f14,#ffffffb8);border-radius:18px;padding:1rem}.lobby-note strong{color:var(--brand-dark)}.lobby-join-button{border-radius:18px;min-height:58px;font-size:1rem;font-weight:700}.video-tile.featured{grid-column:span 2;min-height:420px}.meeting-video{object-fit:cover;background:linear-gradient(#10161d,#1e2731);width:100%;height:100%}.video-fallback{width:100%;height:100%;min-height:inherit;color:#fff;text-align:center;background:linear-gradient(#10161d,#1e2731);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.video-fallback span{color:#ffffffb8}.video-fallback-avatar{background:#d25b2cd9;border-radius:50%;place-items:center;width:72px;height:72px;font-size:1.7rem;font-weight:700;display:grid}.video-label{color:#fff;background:#10161db3;border-radius:999px;padding:.45rem .8rem;font-size:.92rem;position:absolute;bottom:1rem;left:1rem}.meeting-toolbar{flex-wrap:wrap;gap:.75rem;display:flex}.chat-card{grid-template-rows:1fr auto;min-height:520px}.chat-messages{gap:.9rem;max-height:420px;padding-right:.35rem;display:grid;overflow:auto}.chat-bubble{background:#18232f0f;border-radius:18px;padding:.9rem}.chat-bubble p{margin-top:.35rem}.chat-panel.hidden{display:none}@media (width<=1120px){.hero,.feature-grid,.dashboard-grid,.auth-layout,.meeting-main-grid,.lobby-grid,.assistant-columns{grid-template-columns:1fr}.video-tile.featured{grid-column:span 1}.video-preview-card{min-height:360px}}@media (width<=720px){.app-shell,.meeting-shell,.auth-layout{padding:1rem}.topbar,.meeting-header{flex-direction:column;align-items:flex-start}.video-preview-card,.video-tile,.video-tile.featured{min-height:220px}.lobby-topbar{flex-direction:column;align-items:flex-start}.lobby-control-row{grid-template-columns:1fr}.chat-card{min-height:420px}}