:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--dark-bg:#0a0a0f;--card-bg:rgba(20,20,30,.85);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--border-glow:rgba(102,126,234,.3)}.hero-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-10%;right:-10%;animation-delay:-7s}.orb-3{width:450px;height:450px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:40%;right:-15%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}.home-content{position:relative;z-index:1;width:100%;max-width:1200px;padding:2rem}.brand-section{animation:fadeInUp .8s ease-out}.logo-circle{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(102,126,234,.4);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 40px rgba(102,126,234,.4)}50%{transform:scale(1.05);box-shadow:0 15px 60px rgba(102,126,234,.6)}}.hero-title{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-primary);opacity:.9}.hero-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.creation-card{position:relative;background:rgba(20,20,30,.7)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.1)!important;border-radius:24px!important;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.creation-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(102,126,234,.3)!important;border-color:rgba(102,126,234,.4)!important}.card-glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-title-modern{font-size:1.5rem!important;font-weight:700!important;color:var(--text-primary)!important;padding:1.5rem 2rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.divider-glow{background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)!important;height:1px!important;border:none!important}.modern-input{transition:all .3s ease;width:100%}.modern-input .v-input__control{border-radius:12px!important;width:100%}.modern-input .v-input__slot{background:hsla(0,0%,100%,.05)!important;border-color:hsla(0,0%,100%,.1)!important;transition:all .3s ease;min-height:56px!important}.modern-input:hover .v-input__slot{background:hsla(0,0%,100%,.08)!important;border-color:rgba(102,126,234,.4)!important}.modern-input.v-input--is-focused .v-input__slot{background:hsla(0,0%,100%,.1)!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important}.timer-hint{font-size:.85rem;color:var(--text-secondary);font-weight:600}.create-btn{position:relative;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700!important;font-size:1.1rem!important;text-transform:none!important;letter-spacing:.5px!important;border-radius:12px!important;padding:1.2rem 2rem!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.create-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.4)!important}.create-btn:hover:before{left:100%}.create-btn:active{transform:translateY(0)}.modern-alert{border-radius:12px!important;border-left-width:4px!important}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;padding:0 1rem}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;min-width:0}.feature-item:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.feature-item span{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap}.bottom-notice{animation:fadeInUp .8s ease-out .6s both}.notice-text{color:var(--text-secondary);font-size:.95rem;font-style:italic}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in-up.delay-1{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.fade-in-up.delay-2{animation-delay:.4s;opacity:0;animation-fill-mode:forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (max-width:600px){.home-content{padding:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.logo-circle{width:90px;height:90px}.logo-circle .v-icon{font-size:48px!important}.features-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 .5rem}.feature-item{padding:.75rem .25rem}.feature-item span{font-size:.75rem}.creation-card{max-width:100%!important}.sidebar-class{max-height:300px}}.v-main{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e)!important;overflow-x:hidden}.app-bar,.v-main{position:relative}.app-bar{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08)),rgba(15,15,25,.98)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border-bottom:2px solid rgba(102,126,234,.25)!important;box-shadow:0 4px 24px rgba(0,0,0,.4)!important}.app-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea 25%,#764ba2 50%,#f093fb 75%,transparent);animation:shimmerBar 4s ease-in-out infinite}@keyframes shimmerBar{0%,to{opacity:.5}50%{opacity:1}}.app-bar-brand{display:flex;align-items:center;gap:.5rem}.brand-icon{-webkit-text-fill-color:transparent;font-size:28px!important;filter:drop-shadow(0 2px 8px rgba(102,126,234,.5))}.app-brand-link,.brand-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.app-brand-link{text-decoration:none;-webkit-text-fill-color:transparent;font-weight:800;font-size:1.4rem;letter-spacing:.5px;transition:all .3s ease;position:relative;filter:drop-shadow(0 1px 3px rgba(102,126,234,.4))}.app-brand-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.app-brand-link:hover:after{width:100%}.app-brand-link:hover{transform:translateY(-1px);filter:drop-shadow(0 2px 6px rgba(102,126,234,.6))}.workspace-id-container{margin-left:2rem}.workspace-chip{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.15))!important;border:1px solid rgba(102,126,234,.3)!important;color:hsla(0,0%,100%,.95)!important;font-weight:600!important;font-size:.9rem!important;padding:.5rem 1rem!important;height:auto!important;box-shadow:0 2px 8px rgba(102,126,234,.2)!important;transition:all .3s ease!important}.workspace-chip:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.2))!important;border-color:rgba(102,126,234,.4)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.workspace-chip .v-icon{color:#667eea!important;margin-right:.5rem!important}.menu-toggle-btn{background:rgba(102,126,234,.15)!important;border:1px solid rgba(102,126,234,.25)!important;transition:all .3s ease!important;width:44px!important;height:44px!important}.menu-toggle-btn:hover{background:rgba(102,126,234,.25)!important;border-color:rgba(102,126,234,.4)!important;transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.menu-icon,.menu-toggle-btn .v-icon{font-size:24px!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 3px rgba(102,126,234,.4))}.modern-sidebar{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08)),rgba(15,15,25,.98)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border-left:2px solid rgba(102,126,234,.3)!important;box-shadow:-8px 0 40px rgba(0,0,0,.6)!important;position:relative}.modern-sidebar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(102,126,234,.6),rgba(118,75,162,.6),transparent);animation:shimmerVertical 3s ease-in-out infinite}@keyframes shimmerVertical{0%,to{opacity:.3;transform:translateY(-100%)}50%{opacity:1;transform:translateY(100%)}}.sidebar-header-modern{padding:2rem 1.5rem;text-align:center;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-bottom:2px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.sidebar-glow-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:shimmer 3s ease-in-out infinite}.sidebar-title-main{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:2px}.workspace-id-display{font-size:1rem;font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:.6rem 1.2rem;border-radius:20px;border:1px solid rgba(102,126,234,.3);display:inline-block;word-wrap:break-word;max-width:100%}.sidebar-section-modern{padding:1.5rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.section-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-label span{color:hsla(0,0%,100%,.9)}.action-btn-modern{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700!important;text-transform:none!important;border-radius:12px!important;padding:.9rem 1.25rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;letter-spacing:.5px!important;font-size:.95rem!important;position:relative;overflow:hidden}.action-btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.action-btn-modern:hover{transform:translateY(-3px)!important;box-shadow:0 10px 25px rgba(102,126,234,.5)!important}.action-btn-modern:hover:before{left:100%}.action-btn-modern .v-icon{color:#fff!important}.end-session-btn{background:linear-gradient(135deg,#ff4757,#ff6348)!important}.end-session-btn:hover{box-shadow:0 10px 25px rgba(255,71,87,.5)!important}.download-btn{background:linear-gradient(135deg,#00d2ff,#3a7bd5)!important}.download-btn:hover{box-shadow:0 10px 25px rgba(0,210,255,.5)!important}.modern-sidebar-input{margin-bottom:0!important}.modern-sidebar-input .v-input__control{background:hsla(0,0%,100%,.05)!important;border-radius:12px!important;transition:all .3s ease!important}.modern-sidebar-input .v-input__slot{background:hsla(0,0%,100%,.05)!important;border-color:hsla(0,0%,100%,.1)!important}.modern-sidebar-input:hover .v-input__slot{background:hsla(0,0%,100%,.08)!important;border-color:rgba(102,126,234,.4)!important}.modern-sidebar-input.v-input--is-focused .v-input__slot{background:hsla(0,0%,100%,.1)!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.15)!important}.tools-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tool-toggle-card{display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.tool-toggle-card:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.tool-name{font-size:.85rem;font-weight:600;color:hsla(0,0%,100%,.8);margin-bottom:.5rem;text-align:center}.online-users-modern{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.user-card-modern{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;position:relative}.user-card-modern:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);transform:translateX(4px)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.3)}.user-name{flex:1;font-size:.95rem;font-weight:600;color:hsla(0,0%,100%,.9)}.online-indicator{width:10px;height:10px;border-radius:50%;background:#2ecc71;box-shadow:0 0 10px rgba(46,204,113,.6);animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.compact-input .v-input__control{border-radius:12px!important;transition:all .3s ease!important}.compact-input .v-field,.compact-input .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border:1px solid rgba(102,126,234,.25)!important}.compact-input .v-field{border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.compact-input:hover .v-field,.compact-input:hover .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))!important;border-color:rgba(102,126,234,.4)!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.compact-input.v-input--focused .v-field,.compact-input.v-input--focused .v-input__control,.compact-input.v-input--is-focused .v-field,.compact-input.v-input--is-focused .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.25),0 4px 12px rgba(102,126,234,.2)!important}.compact-input input,.compact-input textarea{color:hsla(0,0%,100%,.95)!important;caret-color:#667eea!important}.compact-input input::-moz-placeholder,.compact-input textarea::-moz-placeholder{color:hsla(0,0%,100%,.4)!important}.compact-input input::placeholder,.compact-input textarea::placeholder{color:hsla(0,0%,100%,.4)!important}.tools-section{padding:1rem 1.25rem}.tools-list{background:transparent!important}.tools-list .v-list-item{padding:.75rem 0!important;margin-bottom:.5rem!important;border-radius:8px!important;transition:background .2s ease!important}.tools-list .v-list-item:hover{background:rgba(102,126,234,.05)!important}.v-switch,.v-switch .v-selection-control__input{color:#667eea!important}.online-users{max-height:180px;overflow-y:auto;background:hsla(0,0%,100%,.02);border-radius:10px;padding:.5rem}.user-item{padding:.5rem!important;margin-bottom:.25rem!important;background:hsla(0,0%,100%,.03)!important;border-radius:8px!important;transition:all .2s ease!important}.user-item:hover{background:rgba(102,126,234,.1)!important;transform:translateX(4px)}.user-item .v-list-item-title{font-size:.9rem;font-weight:600;color:hsla(0,0%,100%,.9)}.component{background:linear-gradient(135deg,rgba(30,30,50,.95),rgba(20,20,40,.95))!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:2px solid rgba(102,126,234,.25)!important;border-radius:20px!important;box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(102,126,234,.1),0 8px 32px rgba(102,126,234,.15)!important;margin-bottom:1.5rem!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;position:relative!important}.component:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(102,126,234,.08),transparent 50%),radial-gradient(circle at bottom left,rgba(240,147,251,.05),transparent 50%);pointer-events:none;z-index:0}.component>*{position:relative;z-index:1}.component:hover{box-shadow:0 20px 60px rgba(102,126,234,.4),inset 0 0 0 1px rgba(102,126,234,.2),0 12px 48px rgba(102,126,234,.25)!important;border-color:rgba(102,126,234,.5)!important}.component .v-card-title{font-size:1.4rem!important;font-weight:800!important;color:#fff!important;padding:1.5rem 2rem!important;background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.15) 50%,rgba(240,147,251,.1))!important;border-bottom:2px solid rgba(102,126,234,.2)!important;letter-spacing:.8px;text-transform:uppercase;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.3)}.chat-component-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-title{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.15) 50%,rgba(240,147,251,.1))!important;font-size:1.4rem!important;font-weight:800!important;letter-spacing:.8px!important;text-transform:uppercase!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;position:relative;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.03),transparent 40%),radial-gradient(circle at 80% 70%,rgba(240,147,251,.02),transparent 40%),rgba(0,0,0,.15)}.chat-item{animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{background:rgba(30,30,45,.95)!important;color:hsla(0,0%,100%,.95)!important;padding:.85rem 1.2rem!important;border-radius:18px!important;max-width:75%!important;display:inline-block;box-shadow:0 6px 20px rgba(0,0,0,.4)!important;position:relative;border:1px solid hsla(0,0%,100%,.08);transition:all .3s ease;backdrop-filter:blur(10px)}.message-bubble:hover{box-shadow:0 8px 24px rgba(102,126,234,.3)!important;transform:translateY(-2px);border-color:rgba(102,126,234,.3)}.my-message{display:flex;justify-content:flex-end;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.my-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:18px 18px 4px 18px!important;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 6px 20px rgba(102,126,234,.4)!important}.my-message .message-bubble:hover{box-shadow:0 10px 30px rgba(102,126,234,.6)!important}.other-message{display:flex;justify-content:flex-start;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.other-message .message-bubble{background:rgba(40,40,60,.95)!important;border-radius:18px 18px 18px 4px!important;border:1px solid hsla(0,0%,100%,.1)}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.username{font-weight:700;font-size:.9rem;color:#fff;opacity:.9}.message-text{white-space:normal;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem;color:hsla(0,0%,100%,.95);margin-top:.25rem}.timestamp{font-size:.75rem;color:hsla(0,0%,100%,.5);margin-top:.5rem;font-weight:500}.delete-icon{font-size:1rem;color:hsla(0,0%,100%,.4);cursor:pointer;margin-left:.5rem;transition:all .2s ease}.delete-icon:hover{color:#ff4d4d;transform:scale(1.1)}.chat-item{margin-bottom:1rem}.system-message{justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-left:4px solid #667eea;border-right:4px solid #764ba2;padding:1rem 1.5rem;border-radius:14px;display:flex;margin:1rem auto;max-width:80%;box-shadow:0 4px 16px rgba(102,126,234,.2);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.system-message:hover{box-shadow:0 6px 20px rgba(102,126,234,.3);transform:scale(1.02)}.system-text{text-align:center;color:hsla(0,0%,100%,.9);font-style:italic;font-size:.95rem;font-weight:600;letter-spacing:.3px}.chat-input{background:transparent!important;border-radius:14px!important;padding:.5rem!important}.chat-input .v-input__control{border-radius:14px!important}.chat-input .v-field,.chat-input .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important}.chat-input .v-field,.chat-input .v-input__slot{border:1px solid rgba(102,126,234,.25)!important;border-radius:14px!important;transition:all .3s ease!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important}.chat-input .v-input__slot{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important}.chat-input:hover .v-field,.chat-input:hover .v-input__slot{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))!important;border-color:rgba(102,126,234,.4)!important;box-shadow:0 4px 16px rgba(102,126,234,.2)!important}.chat-input.v-input--focused .v-field,.chat-input.v-input--focused .v-input__slot,.chat-input.v-input--is-focused .v-field,.chat-input.v-input--is-focused .v-input__slot{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.25),0 6px 20px rgba(102,126,234,.3)!important}.chat-input input,.chat-input textarea{color:hsla(0,0%,100%,.95)!important;caret-color:#667eea!important}.chat-input input::-moz-placeholder,.chat-input textarea::-moz-placeholder{color:hsla(0,0%,100%,.4)!important}.chat-input input::placeholder,.chat-input textarea::placeholder{color:hsla(0,0%,100%,.4)!important}.poll-container{background:rgba(30,30,50,.95)!important;border:2px solid rgba(102,126,234,.25)!important;padding:1.5rem!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important;transition:all .3s ease!important;backdrop-filter:blur(10px);position:relative}.poll-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#667eea,transparent);border-radius:16px 16px 0 0}.poll-container:hover{box-shadow:0 12px 32px rgba(102,126,234,.3)!important;border-color:rgba(102,126,234,.5)!important;transform:translateY(-2px)}.poll-list{background:transparent!important;padding:1rem 0!important}.poll-choice{padding:1rem!important;margin-bottom:.75rem!important;background:hsla(0,0%,100%,.04)!important;border-radius:12px!important;border:1px solid hsla(0,0%,100%,.06)!important;transition:all .3s ease!important;cursor:pointer}.poll-choice:hover{background:rgba(102,126,234,.15)!important;border-color:rgba(102,126,234,.3)!important;transform:translateX(6px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.poll-choice:last-child{margin-bottom:0}.poll-choice .v-radio{color:#667eea!important}.votes{font-size:.9rem;color:#667eea;margin-top:.5rem;font-weight:700;background:rgba(102,126,234,.1);padding:.25rem .75rem;border-radius:12px;display:inline-block}.qa-list,.todo-list,.v-list{background:transparent!important;background-color:transparent!important;padding:1rem 1.25rem!important}.qa-list .v-list-item,.qa-list-item,.todo-list .v-list-item,.todo-list-item,.v-list-item{padding:.85rem 1.2rem!important;margin-bottom:.75rem!important;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.08))!important;background-color:transparent!important;border-radius:12px!important;border:1px solid rgba(102,126,234,.2)!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.qa-list-item :not(.vote-badge),.todo-list-item :not(.vote-badge),.v-list-item :not(.vote-badge){background-color:transparent!important}.v-list-item .v-list-item__append,.v-list-item .v-list-item__prepend{background:transparent!important;background-color:transparent!important}.qa-list-item .v-list-item__overlay,.qa-list-item .v-list-item__underlay,.todo-list-item .v-list-item__overlay,.todo-list-item .v-list-item__underlay,.v-list-item .v-list-item__overlay,.v-list-item .v-list-item__underlay,.v-list-item__overlay,.v-list-item__underlay{opacity:0!important;background:transparent!important;background-color:transparent!important;display:none!important}.qa-list-item .v-list-item__content,.todo-list-item .v-list-item__content,.v-list-item .v-list-item__content{background:transparent!important;background-color:transparent!important}.qa-list-item:hover,.todo-list-item:hover,.v-list-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.18),rgba(118,75,162,.12))!important;border-color:rgba(102,126,234,.35)!important;transform:translateX(6px);box-shadow:0 4px 14px rgba(102,126,234,.25)!important}.completed-todo{opacity:.6;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.03))!important}.completed-todo .v-list-item-title{text-decoration:line-through;color:hsla(0,0%,100%,.4)!important}.v-list-item-title{font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.95)!important;line-height:1.6}.qa-input-section{background:transparent!important;padding:0 1.25rem 1rem 1.25rem!important}.qa-input .v-field,.qa-input .v-field__overlay,.qa-input .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border-radius:12px!important;border:1px solid rgba(102,126,234,.25)!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.qa-input .v-field__field,.qa-input .v-field__input{color:hsla(0,0%,100%,.95)!important}.qa-input .v-field__input{caret-color:#667eea!important}.qa-input .v-field__input::-moz-placeholder{color:hsla(0,0%,100%,.5)!important}.qa-input .v-field__input::placeholder,.qa-input .v-label,.qa-input label{color:hsla(0,0%,100%,.5)!important}.qa-input:hover .v-field,.qa-input:hover .v-field__overlay,.qa-input:hover .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))!important;border-color:rgba(102,126,234,.4)!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.qa-input.v-input--focused .v-field,.qa-input.v-input--focused .v-field__overlay,.qa-input.v-input--focused .v-input__control,.qa-input.v-input--is-focused .v-field,.qa-input.v-input--is-focused .v-field__overlay,.qa-input.v-input--is-focused .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.25),0 4px 12px rgba(102,126,234,.2)!important}.vote-badge{color:hsla(0,0%,100%,.95)!important;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.15))!important;padding:.25rem .65rem;border-radius:12px;margin-left:.5rem;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);display:inline-block}.qa-list-item .v-icon[disabled],.v-list-item .v-icon[disabled]{opacity:.3;cursor:not-allowed;color:hsla(0,0%,100%,.3)!important}.qa-list-item .v-icon:not([disabled]),.v-list-item .v-icon:not([disabled]){color:#667eea!important;cursor:pointer;transition:all .2s ease}.qa-list-item .v-icon:not([disabled]):hover,.v-list-item .v-icon:not([disabled]):hover{color:#764ba2!important;transform:scale(1.15)}.todo-input-section{background:transparent!important;padding:0 1.25rem 1rem 1.25rem!important}.todo-input .v-field,.todo-input .v-field__overlay,.todo-input .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border-radius:12px!important;border:1px solid rgba(102,126,234,.25)!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.todo-input .v-field__field,.todo-input .v-field__input{color:hsla(0,0%,100%,.95)!important}.todo-input .v-field__input{caret-color:#667eea!important}.todo-input .v-field__input::-moz-placeholder{color:hsla(0,0%,100%,.5)!important}.todo-input .v-field__input::placeholder,.todo-input .v-label,.todo-input label{color:hsla(0,0%,100%,.5)!important}.todo-input:hover .v-field,.todo-input:hover .v-field__overlay,.todo-input:hover .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))!important;border-color:rgba(102,126,234,.4)!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.todo-input.v-input--focused .v-field,.todo-input.v-input--focused .v-field__overlay,.todo-input.v-input--focused .v-input__control,.todo-input.v-input--is-focused .v-field,.todo-input.v-input--is-focused .v-field__overlay,.todo-input.v-input--is-focused .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.25),0 4px 12px rgba(102,126,234,.2)!important}.v-checkbox .v-selection-control__input,.v-checkbox-btn{color:#667eea!important}.v-checkbox,.v-checkbox .v-selection-control{background:transparent!important;background-color:transparent!important}.v-checkbox .v-selection-control__input .v-icon{color:#667eea!important}.v-checkbox .v-selection-control__input:hover{background:rgba(102,126,234,.1)!important}.v-list-item .v-icon{color:hsla(0,0%,100%,.5);transition:all .2s ease}.v-list-item .v-icon:hover{color:#ff6b81;transform:scale(1.15)}.v-input,.v-text-field,input[type=number],input[type=text],textarea{margin-bottom:.75rem!important}.v-input .v-input__control,.v-text-field .v-input__control{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border-radius:12px!important}.v-field,.v-input .v-field,.v-text-field .v-field{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border:1px solid rgba(102,126,234,.25)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;transition:all .3s ease!important}.v-input--dense .v-field,.v-input--outlined .v-field,.v-text-field--dense .v-field,.v-text-field--outlined .v-field{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05))!important;border:1px solid rgba(102,126,234,.25)!important}.v-field:hover,.v-input:hover .v-field,.v-text-field:hover .v-field{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))!important;border-color:rgba(102,126,234,.4)!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.v-field:focus-within,.v-input.v-input--focused .v-field,.v-text-field.v-input--focused .v-field{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.25),0 4px 16px rgba(102,126,234,.3)!important}.v-field input,.v-field__input,.v-input input,.v-input textarea,.v-text-field input,.v-text-field textarea{color:hsla(0,0%,100%,.95)!important;font-weight:500!important;caret-color:#667eea!important}.v-field__input::-moz-placeholder,.v-input .v-field__input::-moz-placeholder,.v-text-field .v-field__input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:hsla(0,0%,100%,.4)!important;opacity:1!important}.v-field__input::placeholder,.v-input .v-field__input::placeholder,.v-text-field .v-field__input::placeholder,input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.4)!important;opacity:1!important}.v-input .v-label,.v-label,.v-text-field .v-label{color:hsla(0,0%,100%,.6)!important;font-weight:500!important}.v-input.v-input--focused .v-label,.v-text-field.v-input--focused .v-label{color:#667eea!important}.v-field__outline{display:none!important}.v-field__overlay{background:transparent!important}.modern-footer{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08)),rgba(15,15,25,.98)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:none!important;border-top:2px solid rgba(102,126,234,.25)!important;box-shadow:0 -4px 24px rgba(0,0,0,.4)!important;padding:.75rem 1rem!important;position:relative}.modern-footer:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),rgba(118,75,162,.6),transparent);animation:shimmerBar 3s ease-in-out infinite}.timer-display{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1));border-radius:24px;border:none;box-shadow:0 2px 12px rgba(102,126,234,.2);transition:all .3s ease;max-width:100%;flex-wrap:wrap}.timer-display:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(102,126,234,.3)}.timer-label{font-weight:600;color:hsla(0,0%,100%,.8);font-size:.9rem;letter-spacing:.3px;white-space:nowrap}.timer-value{font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;letter-spacing:1px;font-family:Courier New,monospace;white-space:nowrap}.session-ended-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(255,71,87,.2),rgba(255,99,72,.15));border-radius:24px;border:none;font-weight:700;color:#ff6b81;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 12px rgba(255,71,87,.25);animation:pulse 2s ease-in-out infinite}@media (max-width:768px){.modern-footer{padding:.5rem .75rem!important}.timer-display{gap:.4rem;padding:.5rem 1rem;font-size:.85rem}.timer-label{font-size:.8rem}.timer-value{font-size:.95rem;letter-spacing:.5px}.session-ended-badge{gap:.4rem;padding:.5rem 1rem;font-size:.85rem}}@media (max-width:480px){.timer-display{flex-direction:column;gap:.25rem;padding:.5rem .75rem;text-align:center}.timer-label{font-size:.75rem}.timer-value{font-size:.9rem}}.v-snackbar{border-radius:12px!important}.v-snackbar__wrapper{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 8px 24px rgba(102,126,234,.4)!important}.glass-header{font-weight:700;margin-bottom:1rem;color:#b236f5}.glass-btn{padding:8px 16px}.text-h6{font-weight:700;font-size:2rem;padding:4px 8px;border-radius:6px;display:block}.text-body-2{font-size:5rem}.text-body-2,.text-body-3{padding:4px 6px;border-radius:4px;display:inline-block}.text-body-3{font-size:1rem}.background-image{background-size:cover;background-position:50%;background-repeat:no-repeat}.glass-btn-addchoice{border-radius:15px;padding:8px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.home-container,.home-container-big{border-radius:15px;padding:16px}.transparent-list{background-color:transparent!important;backdrop-filter:none;border-radius:0;box-shadow:none;padding:0}.todo-item{padding:.5rem 0}canvas{width:150vh;height:60vh;touch-action:none;background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(118,75,162,.02));border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.2);border:1px solid rgba(102,126,234,.15)}.canvas-wrapper{width:100%;height:100%;overflow:auto;padding:1rem;background:transparent;border-radius:12px}.clear-canvas,.erase-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700!important;text-transform:none!important;border-radius:10px!important;padding:.7rem 1.5rem!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important;transition:all .3s ease!important;letter-spacing:.5px!important;border:1px solid hsla(0,0%,100%,.1)!important}.clear-canvas:hover,.erase-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 18px rgba(102,126,234,.5)!important;transform:translateY(-2px)}.clear-canvas .v-icon,.erase-btn .v-icon{color:#fff!important;margin-right:.5rem}.v-application{background:#0d0d0d;min-height:100vh;color:#fff;font-family:Roboto,sans-serif}.v-application:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.8),hsla(0,0%,8%,.9));z-index:-1}.file-message a:hover{color:#b36fe0;text-decoration:underline}.file-deleted{color:#ff4d4d;font-style:italic}.poll-container{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);padding:12px;border-radius:8px}.v-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700!important;border-radius:10px!important;text-transform:none!important;padding:.7rem 1.4rem!important;letter-spacing:.5px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;position:relative;overflow:hidden}.v-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.v-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 20px rgba(102,126,234,.5)!important;transform:translateY(-2px)}.v-btn:hover:before{left:100%}.chat-input{background:#121212;color:#fff;border-radius:12px}.chat-input .v-input__control{color:hsla(0,0%,100%,.9)}.chat-input .v-input__control::-moz-placeholder{color:hsla(0,0%,100%,.6)}.chat-input .v-input__control::placeholder{color:hsla(0,0%,100%,.6)}.nowpad-link{text-decoration:none;color:#7a3eab;font-weight:700;transition:color .3s ease,text-shadow .3s ease,transform .2s ease}.nowpad-link:hover{color:#b36fe0;text-shadow:0 3px 6px rgba(179,111,224,.6);transform:scale(1.05)}.nowpad-link:active{color:#5a2e8e;text-shadow:0 2px 4px rgba(90,46,142,.5)}.v-btn.v-btn--icon{border:none!important;padding:0!important}.v-btn.v-btn--icon,.v-btn.v-btn--icon:hover{background:none!important;box-shadow:none!important}.v-btn.v-btn--icon v-icon{color:#fff;font-size:24px}.postit-board{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.postit{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:14px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px rgba(102,126,234,.3),0 2px 6px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;min-height:120px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1)}.postit:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px rgba(102,126,234,.5),0 4px 10px rgba(0,0,0,.4);background:linear-gradient(135deg,#764ba2,#667eea);border-color:hsla(0,0%,100%,.2)}.postit-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.postit .delete-icon{color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.postit .delete-icon:hover{transform:scale(1.2);color:#ff6b81}.postit-content{font-size:1rem;color:hsla(0,0%,100%,.95);white-space:pre-line;flex-grow:1;line-height:1.5;font-weight:500}.postit.add-placeholder{width:100%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.15));border-radius:14px;padding:1rem;border:2px dashed rgba(102,126,234,.4);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.postit.add-placeholder:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.2));border-color:rgba(102,126,234,.6);box-shadow:0 4px 12px rgba(102,126,234,.2)}.postit-textarea{background:transparent;flex-grow:1;margin-right:.75rem;color:#fff;border:none;padding:.5rem;font-size:1rem;outline:none;resize:none}.postit-textarea::-moz-placeholder{color:hsla(0,0%,100%,.5)}.postit-textarea::placeholder{color:hsla(0,0%,100%,.5)}.add-postit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:50%!important;width:44px!important;height:44px!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.add-postit-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;transform:scale(1.1)!important;box-shadow:0 6px 16px rgba(102,126,234,.6)!important}