@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box}html{min-height:100%}#root,body,html{margin:0;min-height:100vh;min-height:100dvh;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#141e30;background-image:linear-gradient(180deg,#141e30,#243b55);background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.App{min-height:100vh;min-height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{background-color:#0b0f19;color:#f8fafc;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.home-details{align-items:center;background:radial-gradient(circle at top right,#6366f126,#0000 45%),radial-gradient(circle at bottom left,#a855f726,#0000 45%),#0b0f19;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;row-gap:24px}.home-details h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.04em;margin-bottom:8px;text-align:center;text-shadow:0 10px 30px #6366f126}.home-card{animation:fadeIn .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;max-width:480px;padding:40px;row-gap:20px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input{background:#0f172a80;border:1px solid #ffffff14;border-radius:12px;color:#f8fafc;font-size:15px;font-weight:500;height:52px;padding:0 18px;transition:all .3s;width:100%}.input::placeholder{color:#64748b}.input:focus{background:#0f172ab3;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126,0 4px 20px #6366f11a;outline:none}.button-group{column-gap:12px;display:flex;margin-top:8px}.button{align-items:center;border:1px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;height:50px;justify-content:center;padding:0 20px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f140}.button.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.button.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98140}.button.success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.button:active{transform:translateY(0)}.canvasPage{background-color:#0b0f19;display:flex;min-height:100vh;overflow:hidden;position:relative;width:100vw}.column.left{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172aa6;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:24px;width:280px;z-index:10}.column.left h1{border-bottom:1px solid #ffffff0d;color:#94a3b8;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;padding-bottom:12px}.user-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;row-gap:12px}.users{align-items:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;column-gap:12px;display:flex;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.users:hover{background:#ffffff0d;transform:translateX(4px)}.box{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;box-shadow:0 4px 10px #6366f140;color:#fff;display:flex;font-size:15px;font-weight:700;height:36px;justify-content:center;text-transform:uppercase;width:36px}.users.speaking .box{animation:speakingPulse 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #10b9814d,0 0 15px #10b98180}@keyframes speakingPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.users h2{color:#f1f5f9;font-size:15px;font-weight:600}.column.right{align-items:center;background:radial-gradient(circle at center,#111827 0,#070a13 100%);display:flex;flex:1 1;height:100vh;justify-content:center;overflow:auto;padding:24px;position:relative}.canvas-container{background-color:#fff;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 20px 50px #00000080}.tools{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:9999px;bottom:24px;box-shadow:0 20px 40px #0006,inset 0 1px 0 #ffffff0d;column-gap:8px;height:60px;left:55%;padding:8px 20px;position:fixed;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:100}.tools,.tools .button{align-items:center;display:flex}.tools .button{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:50%;box-shadow:none;color:#94a3b8;cursor:pointer;height:42px;justify-content:center;margin:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:42px}.tools .button:hover{background:#ffffff1f;color:#f8fafc;transform:scale(1.08) translateY(-2px)}.tools .button:active{transform:scale(.95)}.color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;margin:0 4px;transition:all .2s;width:24px}.color-btn:hover{transform:scale(1.2)}.color-btn.active{border-color:#fff;box-shadow:0 0 10px #fff6}.btn-mic-off{background:#ef444433!important;border-color:#ef44444d!important;color:#ef4444!important}.btn-mic-off:hover{background:#ef444459!important}.btn-mic-on{background:#10b98133!important;border-color:#10b98166!important;box-shadow:0 0 15px #10b98133!important;color:#10b981!important}.btn-mic-on:hover{background:#10b98159!important}.toolbar-divider{background:#ffffff1a;height:20px;margin:0 8px;width:1px}
/*# sourceMappingURL=main.abec7b10.css.map*/