:root{color:#edf3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #46d39d}#root{min-height:100vh}.app-shell{color:#edf3f8;background:radial-gradient(circle at 0 0,#415cff2e,#0000 34rem),linear-gradient(135deg,#071019 0%,#101420 48%,#0b1715 100%);min-height:100vh}.hero-panel{min-height:72vh;padding:22px clamp(18px,3vw,44px) 28px}.top-nav,.hero-grid,.capability-band,.demo-shell,.setup-strip{width:min(1220px,100% - 24px);margin:0 auto}.top-nav{justify-content:space-between;align-items:center;gap:12px;height:58px;display:flex}.brand-mark,.nav-status,.trust-row span,.status-row,.safe-card,.setup-strip span,.logout-action{align-items:center;display:inline-flex}.brand-mark{gap:12px}.brand-mark>span{color:#04100c;background:#46d39d;border-radius:8px;place-items:center;width:36px;height:36px;font-size:22px;font-weight:800;display:grid}.brand-mark b,.brand-mark small{display:block}.brand-mark b{font-size:15px;line-height:1.1}.brand-mark small,.nav-status,.room-code,.status-row,.participant-tile small,.person-row small,.form-message{color:#edf3f894}.nav-status{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;gap:8px;padding:8px 10px;font-size:13px}.nav-status svg,.logout-action svg,.trust-row svg,.setup-strip svg{width:16px;height:16px}.logout-action{color:#edf3f8d1;min-height:36px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;gap:8px;padding:0 10px;font-size:13px;font-weight:800}.logout-action:hover{color:#fff;border-color:#46d39d75}.auth-shell{place-items:center;padding:22px;display:grid}.auth-panel{width:min(430px,100%)}.auth-brand{justify-content:center;margin-bottom:18px}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090f1cd1;border:1px solid #ffffff1f;border-radius:8px;padding:22px;box-shadow:0 24px 80px #00000057}.auth-card h1{color:#fff;margin:0;font-size:22px}.auth-card label{color:#edf3f89e;text-align:left;gap:6px;margin-top:12px;font-size:13px;font-weight:700;display:grid}.auth-card input{box-sizing:border-box;color:#fff;width:100%;height:42px;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;outline:none;padding:0 12px;font-size:14px}.auth-card input:focus{border-color:#46d39da8}.auth-message{color:#edf3f8b8}.hero-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:30px;padding-top:34px;display:grid}.hero-copy h1{letter-spacing:0;color:#fff;max-width:780px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.95}.hero-copy p{color:#edf3f8b8;max-width:670px;margin:22px 0 0;font-size:clamp(16px,1.6vw,19px)}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span{color:#edf3f8d1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;gap:8px;padding:8px 10px;font-size:13px}.lobby-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090f1cc2;border:1px solid #ffffff1f;border-radius:8px;padding:20px;box-shadow:0 24px 80px #00000052}.card-heading{gap:12px;margin-bottom:16px;display:flex}.card-heading svg{color:#46d39d;width:28px;height:28px}.card-heading h2{color:#fff;margin:0;font-size:20px}.card-heading p,.lobby-card label{color:#edf3f89e;font-size:13px}.lobby-card label{text-align:left;gap:6px;margin-top:12px;font-weight:700;display:grid}.lobby-card input{box-sizing:border-box;color:#fff;width:100%;height:42px;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;outline:none;padding:0 12px;font-size:14px}.lobby-card input:focus{border-color:#46d39da8}.primary-action,.secondary-action,.copy-link,.controlbar button,.invite-tile,.person-row button{font:inherit;cursor:pointer;border:0;border-radius:7px}.primary-action,.secondary-action,.copy-link{justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:14px;font-weight:800;display:flex}.primary-action{color:#04100c;background:#46d39d}.secondary-action,.copy-link{color:#edf3f8;background:#ffffff14;border:1px solid #ffffff1f}.copy-link{height:36px;font-size:13px}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:wait}.primary-action svg,.secondary-action svg,.copy-link svg{width:17px;height:17px}.divider{background:#ffffff1a;height:1px;margin:18px 0 4px}.form-message{margin-top:12px;font-size:13px}.capability-band{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.capability-band div{background:#071019bd;min-height:116px;padding:18px}.capability-band svg{color:#46d39d;width:20px;height:20px}.capability-band b{margin-top:12px;display:block}.capability-band p{color:#edf3f894;margin-top:6px;font-size:13px}.demo-shell{background:#090f1c;border:1px solid #ffffff1f;border-radius:8px;margin-top:22px;margin-bottom:26px;overflow:hidden}.demo-topbar,.controlbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;display:flex}.demo-topbar>div:first-child{gap:2px;display:grid}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status-row{gap:8px;font-size:12px;font-weight:800}.recording-dot{background:#ff5267;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #ff526724}.demo-body{grid-template-columns:minmax(0,1fr) 286px;min-height:530px;display:grid}.stage{flex-direction:column;gap:10px;padding:12px;display:flex}.security-chips{z-index:2;flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:absolute}.security-chips span{color:#edf3f8d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071019b8;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:7px;min-height:30px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.security-chips svg{color:#46d39d;width:14px;height:14px}.screen-preview,.empty-share{background:#050a12;border:1px solid #ffffff14;border-radius:8px;flex:1;min-height:366px;position:relative;overflow:hidden}.empty-share{color:#edf3f87a;place-items:center;display:grid}.empty-share svg{width:44px;height:44px;margin:0 auto 8px}.browser-bar{background:#ffffff0f;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.browser-bar span{background:#ff5267;border-radius:999px;width:10px;height:10px}.browser-bar span:nth-child(2){background:#ffca55}.browser-bar span:nth-child(3){background:#46d39d}.browser-bar p{color:#edf3f885;background:#0000003d;border-radius:5px;flex:1;margin-left:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.screen-grid{grid-template-columns:190px minmax(0,1fr);gap:10px;height:calc(100% - 42px);padding:58px 14px 14px;display:grid}.screen-grid aside,.screen-grid main{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px}.screen-grid aside{padding:14px}.screen-grid aside b{margin-bottom:18px;display:block}.screen-grid aside i{background:#ffffff14;border-radius:5px;height:16px;margin-top:10px;display:block}.screen-grid aside i:first-of-type{background:#46d39d52;width:70%}.screen-grid main{padding:18px}.screen-grid h3{margin:0;font-size:24px}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.metric-row div,.share-options div{background:#0000002e;border:1px solid #ffffff12;border-radius:8px;padding:14px}.metric-row small{color:#edf3f880}.metric-row strong{margin-top:4px;font-size:30px;display:block}.share-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.share-options div{color:#edf3f89e;gap:10px;min-height:76px;font-size:13px;font-weight:800;display:grid}.share-options .selected{color:#fff;background:#46d39d1f;border-color:#46d39d5c}.share-options svg{color:#46d39d;width:20px;height:20px}.participant-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.participant-tile,.invite-tile{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-content:center;place-items:center;gap:4px;min-height:86px;display:grid}.participant-tile span{color:#fff;background:#24314b;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.invite-tile{color:#edf3f894;border-style:dashed}.invite-tile svg{width:22px;height:22px}.side-panel{background:#ffffff08;border-left:1px solid #ffffff14}.tabs{grid-template-columns:repeat(3,1fr);display:grid}.tabs button{color:#edf3f880;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff14;height:46px;font-weight:800}.tabs .active{color:#fff;border-bottom-color:#46d39d}.panel-content{padding:12px}.safe-card,.ai-card{color:#edf3f8b8;background:#46d39d14;border:1px solid #46d39d2e;border-radius:8px;gap:10px;padding:12px;font-size:13px;line-height:1.45}.safe-card svg,.ai-card svg{color:#46d39d;flex:none;width:20px;height:20px}.chat-message{margin-top:12px}.chat-message b{color:#8fc7ff;font-size:12px}.chat-message p{color:#edf3f8bf;background:#ffffff0f;border-radius:0 8px 8px;width:fit-content;max-width:100%;margin-top:4px;padding:8px 10px;font-size:13px}.chat-message.own{text-align:right}.chat-message.own p{background:#46d39d21;border-radius:8px 0 8px 8px;margin-left:auto}.person-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.person-row>span{background:#24314b;border-radius:999px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.person-row b,.person-row small{display:block}.person-row button{color:#edf3f89e;background:#ffffff14;height:28px;padding:0 9px;font-size:12px}.ai-card{display:grid}.ai-card p{margin:0}.notes-list{color:#edf3f8ad;margin:14px 0 0;padding-left:18px;font-size:13px}.notes-list li+li{margin-top:10px}.controlbar{border-top:1px solid #ffffff14;border-bottom:0;justify-content:center;gap:8px}.controlbar button{color:#edf3f8c7;background:#ffffff14;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:7px;min-width:82px;height:40px;font-weight:800;display:inline-flex}.controlbar svg{width:16px;height:16px}.controlbar .primary{color:#fff;background:#46d39d29;border-color:#46d39d66}.controlbar .danger,.controlbar .end-call{color:#ff8c9a;background:#ff52671f;border-color:#ff526747}.setup-strip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;margin-bottom:34px;padding:0 18px;display:grid}.setup-strip>svg{color:#46d39d;width:24px;height:24px}.setup-strip p{color:#edf3f899;font-size:13px}.setup-strip span{color:#46d39d;gap:8px;font-size:13px;font-weight:900}.meeting-frame{background:#050a12;width:100vw;height:100vh;position:relative}.live-invite{z-index:20;align-items:center;gap:10px;display:flex;position:fixed;top:16px;right:16px}.live-invite button{color:#edf3f8;height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090f1cdb;border:1px solid #ffffff29;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 16px 40px #00000052}.live-invite button:hover{border-color:#46d39d8f}.live-invite svg{width:16px;height:16px}.live-invite span{color:#46d39d;font-size:13px;font-weight:800}.live-error{color:#edf3f8;text-align:center;background:#071019;align-content:center;place-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.live-error svg{color:#ff8c9a;width:44px;height:44px}.live-error h2{margin:0}@media (width<=940px){.hero-grid,.demo-body,.setup-strip{grid-template-columns:1fr}.hero-panel{min-height:auto}.lobby-card{max-width:520px}.capability-band{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{border-top:1px solid #ffffff14;border-left:0}.setup-strip{padding:18px}}@media (width<=640px){.top-nav{flex-direction:column;align-items:flex-start;gap:14px;height:auto;padding-top:8px}.hero-copy h1{font-size:38px}.capability-band,.participant-strip,.metric-row,.share-options,.screen-grid{grid-template-columns:1fr}.screen-grid{padding-top:92px}.security-chips{padding:0 0 10px;position:static}.demo-topbar,.controlbar{flex-direction:column;align-items:flex-start;padding:12px}.controlbar{align-items:stretch}.controlbar button{width:100%}}