:root{color:#202637;font-synthesis:none;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:#30394b;cursor:pointer;background:#fff;border:1px solid #dce0e9;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}button:hover{background:#f4f0ff;border-color:#6c58c8}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #aa90ef}.primary{color:#fff;background:#6952c5;border-color:#6952c5}.primary:hover{color:#fff;background:#5540af}.danger{color:#a52e42;background:#fdf0f1;border-color:#f6c9d1}.site-header{justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:26px 36px;display:flex}.brand{letter-spacing:-1.3px;font-size:27px;font-weight:800}.brand span{color:#746783;letter-spacing:-.5px;margin-left:10px;font-size:20px;font-weight:500}nav,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}nav a{align-items:center;gap:6px;display:flex}nav button{background:0 0;border-color:#0000}main{max-width:1120px;margin:auto;padding:24px 30px 60px}.hero{text-align:center;margin:22px 0 44px}.eyebrow{letter-spacing:2.5px;color:#8875a8;font-size:11px;font-weight:700}h1{letter-spacing:-2.2px;margin:18px 0;font-size:52px;font-weight:650;line-height:1.12}h1 em{color:#7863b9;font-style:normal}.hero p{color:#7a8090;line-height:1.8}h2{letter-spacing:-.5px;margin:0 0 7px;font-size:21px}h3{font-size:21px}.lobby-grid{grid-template-columns:1fr 1fr;align-items:start;gap:38px;display:grid}.card{background:#fff;border:1px solid #e5e7ee;border-radius:24px;padding:30px;box-shadow:0 8px 35px #22213905}.card-heading{align-items:center;gap:15px;margin-bottom:26px;display:flex}.card-heading p{color:#8a8c98;margin:0;font-size:12px}.icon-box{color:#7b65b9;background:#f1edfa;border-radius:15px;padding:13px}.wide{width:100%;margin-top:16px}label{color:#677082;margin:17px 0;font-size:12px;font-weight:600;display:block}input,textarea,select{color:#263143;background:#fafbfc;border:1px solid #e3e6ed;border-radius:10px;width:100%;margin-top:7px;padding:13px 14px;display:block}input:focus,textarea:focus{border-color:#0000;outline:2px solid #bcabea}.divider{text-align:center;color:#9b9da9;margin:24px 0 16px;font-size:11px}details{color:#697185;margin:20px 0;font-size:12px}summary{cursor:pointer}.device-preview{aspect-ratio:1.35;background:linear-gradient(135deg,#edeaf6,#e8edf2);border:5px solid #fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #20204005}.device-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.device-preview h3{color:#5b5370;margin:18px 0 0}.device-preview p{text-align:center;color:#878297;font-size:12px;line-height:1.7}.orb{color:#9380c4;background:#ffffff90;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.preview-caption{letter-spacing:2px;color:#8e879c;font-size:9px;position:absolute;bottom:18px;left:22px}.preview-side>.actions{justify-content:center;font-size:12px}.promise{color:#9b8bbb;gap:16px;margin:26px 12px;display:flex}.promise svg{flex-shrink:0}.promise strong{color:#515a6e;font-size:13px}.promise p{color:#9194a1;margin:6px 0;font-size:12px;line-height:1.7}.notice{color:#7f5b31;background:#fff8ed;border:1px solid #efd9b8;border-radius:12px;padding:16px}.muted{color:#8e91a1;font-size:12px;line-height:1.6}footer{color:#9b9dac;border-top:1px solid #e8e8ef;gap:24px;max-width:1120px;margin:auto;padding:24px 30px;font-size:11px;display:flex}footer span{flex:1}.waiting{text-align:center;max-width:650px;margin:50px auto}.waiting .orb{margin:auto}.waiting h1{font-size:36px}.loading{text-align:center;padding:100px}.call-shell{color:#f7f8fc;background:#151821;flex-direction:column;min-height:100dvh;display:flex}.call-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.call-header h2{font-size:16px}.call-header small{color:#9a9eb1}.call-body{flex:1;min-height:0;display:flex}.tiles{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px;padding:22px;display:grid}.tile{aspect-ratio:16/10;background:#252936;border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.tile.screen{aspect-ratio:16/9;grid-column:1/-1}.tile video{object-fit:cover;width:100%;height:100%;position:absolute}.tile.screen video{object-fit:contain}.tile .avatar{color:#aba3d0;background:#343448;border-radius:50%;place-items:center;width:90px;height:90px;font-size:36px;display:grid}.tile-name{background:#151821bb;border-radius:7px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:14px}.call-sidebar{background:#1d212c;width:320px;max-height:calc(100dvh - 180px);padding:20px;overflow:auto}.call-sidebar input{color:#fff;background:#282d3b;border-color:#3d4250}.call-sidebar button{font-size:12px}.participant{border-bottom:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.participant span{flex:1}.chat-message{overflow-wrap:anywhere;background:#292e3d;border-radius:10px;margin:10px 0;padding:10px;font-size:13px;line-height:1.5}.chat-message strong{color:#bcabea;font-size:11px;display:block}.call-controls{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;display:flex}.call-controls button{color:#fff;background:#282d39;border-color:#3a4051;font-size:12px}.call-controls .danger{background:#aa3650}.call-notice{margin:0 22px}.invite-dialog{color:#f7f8fc;background:#1d212c;border:1px solid #3b4050;border-radius:20px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 24px 80px #0008}.invite-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b14a6}.invite-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.invite-heading h2{letter-spacing:-.3px;margin:0;font-size:18px}.invite-dialog button{font-size:13px}.invite-dialog .invite-close{color:#aeb5c8;background:0 0;border-color:#0000;border-radius:8px;padding:7px}.invite-description{color:#a5adbf;margin:10px 0 22px;font-size:13px;line-height:1.5}.invite-code-card{background:#292d3e;border:1px solid #3d3e57;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.invite-code-card span{color:#aeb2c9;letter-spacing:1.3px;margin-bottom:7px;font-size:10px;display:block}.invite-code-card strong{letter-spacing:.7px;color:#ddd3ff;white-space:nowrap;font:600 22px ui-monospace,SFMono-Regular,Consolas,monospace}.invite-dialog .invite-copy-code{color:#ede8ff;background:#35384d;border-color:#4b4e68;padding:8px 10px}.invite-link-label{color:#b4bbcd;margin:20px 0 16px;font-size:12px}.invite-link-label input{color:#c3cadd;text-overflow:ellipsis;background:#151923;border-color:#3a4050;padding:11px 12px;font-size:12px}.invite-copy-link{width:100%;min-height:42px}.invite-feedback{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.invite-error{color:#ffc1ce;margin:12px 0 0;font-size:12px;line-height:1.5}.invite-security{color:#a7afc1;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:11px;display:flex}@media (width<=400px){.invite-dialog{padding:20px}.invite-code-card{gap:8px;padding:12px}.invite-code-card strong{letter-spacing:0;font-size:19px}}.consent{color:#fff;background:#5e4c9a;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.record-indicator{color:#ff9cad}.library-row{border-bottom:1px solid #e6e8ef;flex-wrap:wrap;align-items:center;gap:12px;padding:22px 0;display:flex}.library-row>div{flex:1}.library-row h3{margin:0 0 5px;font-size:16px}.transcript-editor{min-height:240px}.library-top{justify-content:space-between;align-items:center;display:flex}.library-top h1{font-size:38px}.transcript-panel{margin-top:24px}.library-row small{color:#8c90a0}@media (width>=1100px){.tiles:has(.tile:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.site-header{padding:20px}.brand{font-size:23px}.brand span{font-size:17px}nav{gap:2px;font-size:12px}nav button{padding:8px}main{padding:12px 20px 40px}.hero{margin:24px 0}h1{font-size:39px}.lobby-grid{grid-template-columns:1fr;gap:25px}.card{padding:23px}.preview-side{order:-1}.device-preview{aspect-ratio:1.8}.promise{display:none}.call-body{flex-direction:column}.call-sidebar{width:100%;max-height:40dvh}.tiles{gap:8px;padding:12px}.call-controls{gap:6px;padding:12px}.call-controls button{padding:10px}.call-header{padding:14px}.library-top h1{font-size:28px}footer{gap:15px;padding:20px}}
