:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f5f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;color:#17201d}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid #dfe5dc;background:#f5f7f4f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.panel-heading,.panel-title,.session-pill,.network-strip,.status-list span,.control-bar button,.share-actions button,.danger,.primary,.policy-list span{display:flex;align-items:center}.brand{gap:10px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;background:#0f6b5f}.brand strong,.tile-footer span,.participant-row strong{display:block}.brand small,.participant-row small,.chat-log small,.report-grid small,.invite-details small,.meeting-share-card small,.meeting-side p,.panel-heading p,.admin-header p{color:#66716c}.topbar nav,.segmented{display:flex;gap:6px;padding:4px;border:1px solid #dde5dc;border-radius:8px;background:#fff}.topbar nav button,.segmented button{min-height:34px;padding:0 12px;border-radius:6px;color:#44514b;background:transparent}.topbar nav button.active,.segmented button.selected{color:#fff;background:#17201d}.session-pill{justify-self:end;max-width:100%;gap:8px;padding:8px 10px;border:1px solid #dbe3dc;border-radius:8px;background:#fff}.session-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:7px;color:#25322d;background:#eef3ef}.lobby-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.1fr) minmax(260px,.8fr);gap:18px;padding:24px}.auth-panel,.meeting-card,.preview-panel,.meeting-side,.right-panel section,.admin-panels section,.report-grid article{border:1px solid #dfe5dc;border-radius:8px;background:#fff}.auth-panel,.meeting-card,.preview-panel,.meeting-side,.right-panel section,.admin-panels section{padding:18px}.panel-heading{gap:10px;margin-bottom:18px}h1,h2,h3,p{margin:0}.panel-heading h1,.admin-header h1{font-size:1.45rem}.panel-heading h2,.meeting-side h2,.admin-panels h2{font-size:1.1rem}.stack,.form-grid,.device-grid,.status-list,.participant-list,.policy-list{display:grid;gap:12px}.stack{margin-top:14px}input,select{width:100%;min-height:42px;padding:0 12px;border:1px solid #cad5ce;border-radius:7px;color:#17201d;background:#fff}label{display:grid;gap:7px;font-size:.86rem;color:#44514b}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.toggle-row label{display:flex;align-items:center;gap:8px}.toggle-row input{width:auto;min-height:auto}.primary,.danger{justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:7px;color:#fff;background:#0f6b5f}.danger{background:#b42332}.wide{width:100%}.error{padding:10px 12px;border-radius:7px;color:#8a1021;background:#fff0f2}.invite-box,.meeting-share-card{display:grid;gap:8px;padding:10px;border:1px dashed #b9c8bd;border-radius:8px;background:#f6faf7}.invite-box{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:14px 0}.invite-details,.meeting-share-card{min-width:0}.invite-details{display:grid;gap:3px}.invite-details span,.meeting-share-card span{overflow-wrap:anywhere;color:#425049}.invite-actions,.share-actions{display:flex;gap:7px}.meeting-share-card{margin-top:14px}.recordings-panel{display:grid;gap:9px;margin-bottom:16px;padding:10px;border:1px solid #dfe8e1;border-radius:8px;background:#fff}.recordings-panel small{color:#66716c}.recordings-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.recordings-list{display:grid;gap:8px;max-height:180px;overflow:auto}.recordings-list article{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;padding:8px;border:1px solid #edf2ee;border-radius:7px;background:#f8faf8}.recordings-list span,.recordings-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordings-list a{display:grid;width:32px;height:32px;place-items:center;border-radius:7px;color:#17201d;background:#e8f0eb}.share-actions{flex-wrap:wrap}.share-actions button{justify-content:center;gap:7px;min-height:34px;padding:0 10px;border-radius:7px;color:#17201d;background:#e8f0eb}.camera-preview{display:grid;min-height:260px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(#17201d38,#17201d8c),url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1200&q=80);background-position:center;background-size:cover}.camera-preview span{padding:7px 10px;border-radius:7px;background:#0f19159e}.device-grid,.network-strip{margin-top:14px}.network-strip{gap:8px;padding:10px;border-radius:7px;color:#255048;background:#e9f6f1}.meeting-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr) auto;gap:16px;height:calc(100vh - 68px);padding:16px}.meeting-side,.right-panel{min-height:0}.status-list{margin:18px 0}.status-list span,.policy-list span{gap:8px}.segmented.vertical{flex-direction:column;margin-bottom:16px}.segmented.vertical button{display:flex;align-items:center;justify-content:flex-start;gap:8px}.stage{position:relative;display:grid;min-height:0;gap:12px;padding:12px;border-radius:8px;background:#111816}.stage.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage.speaker{grid-template-columns:minmax(0,1fr)}.stage.speaker .tile:not(:first-child){display:none}.stage.share{align-content:center;grid-template-columns:repeat(auto-fit,minmax(220px,320px));justify-content:center}.stage.share .screen-share-tile{grid-column:1 / -1;justify-self:center;width:min(100%,980px);min-height:420px}.tile{position:relative;display:grid;min-height:180px;width:100%;overflow:hidden;border:1px solid #2a3933;border-radius:8px;background:#26322e}.tile.fullscreen{position:fixed;z-index:50;top:14px;right:14px;bottom:14px;left:14px;width:auto;min-height:auto;border-color:#58d0a8;box-shadow:0 24px 80px #00000080}.tile.minimized{justify-self:center;width:min(100%,180px);min-height:104px}.tile.speaking{border-color:#58d0a8}.avatar{display:grid;place-items:center;font-size:clamp(2rem,8vw,4rem);font-weight:800;color:#fff;background:radial-gradient(circle at top left,#3f8f83,#202b27 62%)}.video-track{width:100%;height:100%;object-fit:cover;background:#101816}.screen-share-track{object-fit:contain}.tile-view-controls{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px}.tile-view-controls button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#fff;background:#070c0ac2}.tile-view-controls button:hover{background:#17241feb}.meeting-error{display:grid;align-self:center;justify-self:center;max-width:560px;gap:10px;padding:22px;border:1px solid #365047;border-radius:8px;color:#fff;background:#1d2a26}.meeting-error span,.meeting-error small{color:#d8e3de}.tile-footer{position:absolute;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px;color:#fff;background:#070c0ab8}.tile-footer div,.row-actions{display:flex;gap:6px}.reaction-toasts{position:absolute;right:18px;bottom:18px;display:grid;gap:8px;pointer-events:none}.reaction-toast{display:flex;align-items:center;gap:8px;min-width:132px;padding:9px 11px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:#121c18db;box-shadow:0 12px 28px #0000003d;animation:reaction-rise 3.2s ease forwards}.reaction-toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes reaction-rise{0%{opacity:0;transform:translateY(12px)}14%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.right-panel{display:grid;grid-template-rows:minmax(170px,.85fr) minmax(220px,1fr);gap:16px}.panel-title{gap:8px;margin-bottom:12px}.participant-list,.chat-log{max-height:34vh;overflow:auto}.participant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef2ee}.participant-signals{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.participant-signals span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 7px;border-radius:7px;color:#17463e;background:#e9f6f1}.danger-icon{color:#a3172a;background:#fff0f2}.chat-log{display:grid;gap:9px}.chat-log p{display:grid;gap:3px;padding:10px;border-radius:7px;background:#f4f7f4}.typing{display:block;min-height:20px;margin:8px 0;color:#0f6b5f}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chat-form button{padding:0 14px;border-radius:7px;color:#fff;background:#17201d}.control-bar{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;border:1px solid #dfe5dc;border-radius:8px;background:#fff}.control-error{flex-basis:100%;padding:8px 10px;border-radius:7px;color:#8a1021;background:#fff0f2;text-align:center}.control-bar button{gap:8px;min-height:40px;padding:0 12px;border-radius:7px;color:#17201d;background:#edf2ee}.control-bar button.active{color:#fff;background:#0f6b5f}.reaction-controls{display:flex;gap:5px;padding:4px;border-radius:8px;background:#f4f7f4}.control-bar .reaction-button{width:32px;min-height:32px;padding:0;justify-content:center;background:#e8f0eb}.control-bar .reaction-button:hover{color:#fff;background:#17201d}.admin-layout{display:grid;gap:18px;padding:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-grid article{display:grid;gap:8px;padding:18px}.report-grid strong{font-size:1.8rem}.admin-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width: 1120px){.lobby-grid,.meeting-layout{grid-template-columns:1fr;height:auto}.meeting-layout{grid-template-rows:auto}.control-bar{grid-column:auto}.right-panel{grid-template-rows:auto}}@media (max-width: 760px){.topbar{grid-template-columns:1fr;align-items:stretch}.session-pill{justify-self:stretch}.lobby-grid,.admin-layout{padding:14px}.form-grid,.stage.grid,.stage.share,.report-grid,.admin-panels{grid-template-columns:1fr}.admin-header{align-items:stretch;flex-direction:column}.control-bar button{flex:1 1 130px}}