body,html{background-color:#1e1f22;color:#333;font-family:Arial,sans-serif}#root,body,html{height:100vh;max-height:100vh;overflow:hidden}#root{display:flex;flex-direction:column}.maintenance-container{background:linear-gradient(160deg,#f7faff,#ecf1f7);flex-direction:column;min-height:100vh;padding:32px 12px}.maintenance-container,.maintenance-icon{align-items:center;display:flex;justify-content:center}.maintenance-icon{background:#fff;border-radius:50%;box-shadow:0 4px 24px #7d91c113;height:120px;margin-bottom:32px;width:120px}.maintenance-icon svg{display:block;height:70px;width:70px}.maintenance-title{color:#26384b;font-size:2rem;font-weight:700;line-height:1.1;margin:0 0 20px;text-align:center}.maintenance-text{color:#5c7497;font-size:1.13rem;margin:0;text-align:center}.mainpage-btn-logout{background:#23273a;border:none;border-radius:7px;box-shadow:none;color:#b0b0b8;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.3px;margin-top:20px;padding:13px 0;transition:background .16s,color .13s;width:100%}.mainpage-btn-logout:hover{background:#1a1c29;color:#fff}@media (max-width:600px){.maintenance-container{min-height:100vh;padding:18vw 0 0}.maintenance-icon{height:70px;margin-bottom:20px;width:70px}.maintenance-icon svg{height:44px;width:44px}.maintenance-title{font-size:1.3rem;margin-bottom:14px}.maintenance-text{font-size:1rem}}.login-container{align-items:center;background:#1e1f22;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-container:before{background:linear-gradient(135deg,#5865f21a,#7289da0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:fadeIn .4s ease-out;background:#2b2d31;border:1px solid #3f4147;border-radius:20px;box-shadow:0 20px 40px #0006;max-width:460px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:32px;text-align:center}.login-icon{animation:pulse 2s ease-in-out infinite;display:block;font-size:64px;margin-bottom:16px}.login-title{color:#f2f3f5;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-subtitle{color:#b5bac1;font-size:16px;font-weight:400;line-height:1.5;margin:0}.login-form{gap:24px;margin-bottom:32px}.input-section,.login-form{display:flex;flex-direction:column}.input-section{gap:8px}.input-label{color:#b5bac1;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-wrapper{position:relative}.token-input{background:#1e1f22;border:1px solid #3f4147;border-radius:12px;color:#f2f3f5;font-family:JetBrains Mono,Fira Code,monospace;font-size:16px;letter-spacing:.5px;padding:16px 48px 16px 16px;transition:all .2s ease;width:100%}.token-input::placeholder{color:#6d6f78;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:0}.token-input:focus{background:#2b2d31;border-color:#5865f2;box-shadow:0 0 0 3px #5865f233;outline:none}.token-input:disabled{cursor:not-allowed;opacity:.6}.input-icon{color:#6d6f78;font-size:18px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.error-message{border-radius:12px;font-size:14px;gap:12px;padding:16px}.error-icon{flex-shrink:0;font-size:18px}.login-button{border:1px solid #5865f2;border-radius:16px;display:flex;font-size:15px;gap:16px;padding:20px;transition:all .2s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#3c4dc4);box-shadow:0 8px 25px #5865f266;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.login-button.loading{pointer-events:none}.btn-icon{flex-shrink:0;font-size:24px}.btn-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;text-align:left}.btn-title{font-size:16px;font-weight:600;margin-bottom:2px}.btn-subtitle{font-size:12px;font-weight:400;opacity:.8}.help-section{display:flex;flex-direction:column;gap:20px}.help-divider{align-items:center;display:flex;gap:16px;margin:16px 0}.help-divider:after,.help-divider:before{background:#3f4147;content:"";flex:1 1;height:1px}.help-divider span{color:#b5bac1;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.help-content{display:flex;flex-direction:column;gap:16px}.help-button{align-items:center;background:#1e1f22;border:1px solid #3f4147;border-radius:12px;color:#f2f3f5;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.help-button:hover{background:#32353b;border-color:#5865f2;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.help-icon{flex-shrink:0;font-size:20px}.help-text{display:flex;flex:1 1;flex-direction:column}.help-title{font-size:14px;font-weight:600;margin-bottom:2px}.help-subtitle{color:#b5bac1;font-size:12px;font-weight:400}.external-icon{color:#b5bac1;flex-shrink:0;font-size:16px}.help-info{display:flex;flex-direction:column;gap:8px}.info-item{align-items:center;background:#5865f20d;border-radius:8px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.info-icon{flex-shrink:0;font-size:16px}.info-text{color:#b5bac1;font-weight:400}@media (max-width:768px){.login-container{padding:16px}.login-card{border-radius:16px;padding:24px}.login-title{font-size:28px}.login-icon{font-size:56px}.login-button{padding:16px}.btn-title{font-size:15px}.btn-subtitle{font-size:11px}.help-button{padding:14px}.help-title{font-size:13px}.help-subtitle{font-size:11px}}@media (max-width:480px){.login-container{padding:12px}.login-card{padding:20px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.token-input{font-size:16px;padding:14px 44px 14px 14px}.login-button{padding:14px}.info-item{font-size:12px;padding:6px 10px}}.login-card::-webkit-scrollbar{width:8px}.login-card::-webkit-scrollbar-track{background:#1e1f22}.login-card::-webkit-scrollbar-thumb{background:#4e5058;border-radius:4px}.login-card::-webkit-scrollbar-thumb:hover{background:#6d6f78}button:focus-visible,input:focus-visible{outline:2px solid #5865f2;outline-offset:2px}button,input{will-change:transform}@media (hover:hover){.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#3c4dc4)}.help-button:hover{background:#32353b}}.unified-container{background:#1e1f22;display:flex;height:calc(100vh - 32px);max-height:calc(100vh - 32px);overflow:hidden;position:relative}.unified-container:before{background:radial-gradient(ellipse at center,#5865f21a 0,#5865f20d 50%,#0000 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.left-sidebar{background:#2b2d31;border-right:1px solid #3f4147;display:flex;flex-direction:column;height:calc(100vh - 32px);max-height:calc(100vh - 32px);position:relative;width:320px;z-index:1}.left-sidebar:before{background:radial-gradient(ellipse at top left,#5865f20d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.user-profile-section{background:#5865f205;border-bottom:1px solid #3f4147;padding:22px 16px}.user-profile-header{align-items:center;display:flex;gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;box-shadow:0 4px 12px #5865f24d;color:#fff;flex-shrink:0;font-size:22px;font-weight:700;height:54px;position:relative;width:54px}.user-avatar,.user-info{display:flex;justify-content:center}.user-info{flex:1 1;flex-direction:column;min-width:0}.user-nickname-display{align-items:center;display:flex;gap:6px}.user-nickname{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f2f3f5,#b5bac1);background-clip:text;-webkit-background-clip:text;color:#f2f3f5;font-size:22px;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.user-edit-btn{align-items:center;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.user-edit-btn:hover{background:#3f4147;color:#f2f3f5}.user-nickname-edit{align-items:center;display:flex;gap:6px;width:100%}.user-nickname-input{background:#1e1f22;border:1px solid #5865f2;border-radius:6px;box-shadow:0 0 0 2px #5865f233;color:#f2f3f5;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;max-width:140px;min-width:0;outline:none;padding:5px 8px}.user-nickname-input::placeholder{color:#6d6f78}.user-cancel-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ed4245;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.user-cancel-btn:hover{background:#ed42451a}.user-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.user-stats{display:flex;flex-direction:column;gap:3px}.user-premium-badge{-webkit-text-fill-color:#0000;align-items:center;animation:premiumShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#faa61a,gold,#ffef94,gold,#faa61a);background-clip:text;-webkit-background-clip:text;background-size:300% 300%;display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.3px;text-transform:uppercase}.user-premium-badge svg{animation:crownGlow 2s ease-in-out infinite alternate;color:#faa61a;filter:drop-shadow(0 0 6px rgba(250,166,26,.4))}@keyframes premiumShimmer{0%,to{background-position:0 50%;filter:drop-shadow(0 0 3px rgba(255,215,0,.3))}50%{background-position:100% 50%;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}}@keyframes crownGlow{0%{filter:drop-shadow(0 0 3px rgba(250,166,26,.4));transform:scale(1)}to{filter:drop-shadow(0 0 9px rgba(255,215,0,.8));transform:scale(1.05)}}.search-section{border-bottom:1px solid #3f4147;padding:12px 16px}.search-container{position:relative}.search-input{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;color:#f2f3f5;font-size:13px;outline:none;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#5865f2;box-shadow:0 0 0 2px #5865f21a}.search-icon{color:#6d6f78;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:8px 16px}.add-friend-section{margin-bottom:8px}.add-friend-button{align-items:center;background:#5865f21a;border:none;border-radius:8px;color:#5865f2;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.add-friend-button:hover{background:#5865f226;transform:translateY(-1px)}.add-friend-icon{align-items:center;background:#5865f233;border-radius:50%;color:#5865f2;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.content-section{margin-bottom:16px}.section-header{align-items:center;color:#6d6f78;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.section-count{color:#5865f2}.list-item{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:8px 10px;position:relative;transition:all .2s ease}.list-item:hover{background:#ffffff0d;border-color:#5865f233;transform:translateY(-1px)}.item-avatar{align-items:center;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.item-info{flex:1 1;min-width:0}.item-name{color:#f2f3f5;font-size:13px;font-weight:500;margin-bottom:1px}.item-status{color:#b5bac1;font-size:11px}.room-status{align-items:center;background:linear-gradient(90deg,#23a55a1a,#23a55a0d);border:1px solid #23a55a33;border-radius:8px;box-shadow:0 0 8px #23a55a26;color:#23a55a;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}@keyframes roomPulse{0%,to{box-shadow:0 0 8px #23a55a26;opacity:1}50%{box-shadow:0 0 12px #23a55a40;opacity:.8}}.item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.list-item:hover .item-actions{opacity:1}.action-button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#b5bac1;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.action-button.accept:hover{background:#00c85333;color:#00c853}.action-button.decline:hover{background:#ed424533;color:#ed4245}.action-button.call:hover{background:#5865f233;color:#5865f2}.action-button.delete:hover{background:#ed424533;color:#ed4245}.bottom-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0000,#2b2d31cc);border-top:1px solid #3f4147;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:20px 16px 16px;position:relative}.bottom-buttons:before{background:linear-gradient(90deg,#0000,#5865f24d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-1px}.premium-button{align-items:center;animation:premiumPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#faa61a,#ffb347 50%,gold);border:none;border-radius:12px;box-shadow:0 4px 15px #faa61a40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.8px;overflow:hidden;padding:14px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}@keyframes premiumPulse{0%,to{box-shadow:0 4px 15px #faa61a40}50%{box-shadow:0 6px 20px #faa61a66}}.premium-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.premium-button:hover:before{left:100%}.premium-button:hover{background:linear-gradient(135deg,#e6951a,#f93 50%,#fc0);box-shadow:0 8px 25px #faa61a66;transform:translateY(-2px)}.premium-button:active{box-shadow:0 4px 15px #faa61a4d;transform:translateY(0)}.logout-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4f545c4d;border:1px solid #4f545c80;border-radius:10px;color:#b5bac1;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;position:relative;transition:all .3s ease}.logout-button:before{background:linear-gradient(135deg,#ed424500,#ed42451a);border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.logout-button:hover:before{opacity:1}.logout-button:hover{background:#ed424526;border-color:#ed424566;box-shadow:0 4px 12px #ed424533;color:#f2f3f5;transform:translateY(-1px)}.logout-button:active{box-shadow:0 2px 6px #ed424526;transform:translateY(0)}.right-content{background:#1e1f22;flex:1 1;height:calc(100vh - 32px);max-height:calc(100vh - 32px);position:relative}.empty-content,.right-content{display:flex;flex-direction:column}.empty-content{align-items:center;color:#6d6f78;height:100%;justify-content:center;padding:40px;text-align:center}.empty-content h2{color:#b5bac1;font-size:24px;margin-bottom:8px}.empty-content p{color:#6d6f78;font-size:14px}.room-content{height:100%;position:relative;width:100%}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#2b2d31}.sidebar-content::-webkit-scrollbar-thumb{background:#4e5058;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#6d6f78}.error-state,.loading-state{color:#6d6f78;padding:24px 16px;text-align:center}.loading-spinner{height:32px;margin:0 auto 12px;width:32px}.error-icon{font-size:32px;margin-bottom:12px;opacity:.3}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:60px;z-index:1000}.toast{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2d31;border:1px solid;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;gap:12px;max-width:400px;min-width:300px;overflow:hidden;padding:16px 20px;pointer-events:auto;position:relative}.toast:before{background:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-success{border-color:#00c8534d;color:#00c853}.toast-error{border-color:#ed42454d;color:#ed4245}.toast-warning{border-color:#faa61a4d;color:#faa61a}.toast-info{border-color:#5865f24d;color:#5865f2}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-content{flex:1 1;min-width:0}.toast-title{color:#f2f3f5;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:2px}.toast-message{word-wrap:break-word;color:#b5bac1;font-size:12px;font-weight:400;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:#6d6f78;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#b5bac1}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInModal .3s ease-out;background:#2b2d31;border:1px solid #3f4147;border-radius:16px;box-shadow:0 20px 40px #00000080;max-width:500px;min-width:400px}.modal-header{align-items:center;border-bottom:1px solid #3f4147;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#f2f3f5;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#6d6f78;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#b5bac1}.modal-body{padding:20px 24px}.modal-body p{color:#b5bac1;line-height:1.5;margin:0}.modal-label{display:block;font-weight:500;margin-bottom:8px}.modal-input,.modal-label{color:#f2f3f5;font-size:14px}.modal-input{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.modal-input:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a}.modal-input::placeholder{color:#6d6f78}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-secondary{background:#3f4147;color:#b5bac1}.modal-btn-secondary:hover:not(:disabled){background:#4e5058;color:#f2f3f5}.modal-btn-primary{background:#5865f2;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#4752c4}@keyframes slideInModal{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.unified-container{flex-direction:column}.left-sidebar{max-height:60vh;min-height:auto;order:2;width:100%}.right-content{min-height:40vh;order:1}.user-profile-section{padding:16px}.search-section,.sidebar-content{padding:8px 16px}}@media (max-width:480px){.left-sidebar{width:100%}.user-profile-header{flex-direction:column;gap:8px;text-align:center}.user-avatar{height:40px;width:40px}.user-avatar,.user-nickname{font-size:16px}.user-nickname-display{justify-content:center}.user-stats{align-items:center}.user-nickname-input{font-size:12px;max-width:100px;padding:4px 6px}.item-actions{opacity:1}}@media (hover:hover){.add-friend-button:hover{background:#5865f226;transform:translateY(-1px)}.premium-button:hover{background:linear-gradient(135deg,#e6951a,#f93 50%,#fc0);box-shadow:0 8px 25px #faa61a66;transform:translateY(-2px)}.logout-button:hover{background:#ed424526;border-color:#ed424566;box-shadow:0 4px 12px #ed424533;color:#f2f3f5;transform:translateY(-1px)}.list-item:hover{background:#ffffff0d;border-color:#5865f233;transform:translateY(-1px)}.action-button.call:hover{background:#5865f233;color:#5865f2}.action-button.accept:hover{background:#00c85333;color:#00c853}.action-button.decline:hover{background:#ed424533;color:#ed4245}}.download-button{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe 50%,#005a9e);border:none;border-radius:10px;box-shadow:0 4px 15px #0078d440;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .3s ease}.download-button:hover{background:linear-gradient(135deg,#106ebe,#005a9e 50%,#004578);box-shadow:0 6px 20px #0078d466;transform:translateY(-1px)}.download-button:active{box-shadow:0 4px 15px #0078d44d;transform:translateY(0)}.modal-footer,.modal-header{display:none!important}.modal-overlay{align-items:center!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.modal-window{background:#2a2d3a!important;border:1px solid #ffffff0f!important;border-radius:12px!important;box-shadow:0 8px 24px #0000004d!important;max-height:85vh!important;max-width:420px!important;overflow:hidden!important;width:100%!important}.modal-content{background:#0000!important;border:none!important;max-height:85vh!important;overflow-y:auto!important;padding:20px!important}.modal-content::-webkit-scrollbar{width:4px!important}.modal-content::-webkit-scrollbar-track{background:#0000!important}.modal-content::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:2px!important}.audio-settings{display:flex!important;flex-direction:column!important;gap:20px!important}.setting-group{margin-bottom:0!important}.setting-label{color:#fff!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.audio-settings>.setting-group:first-child .setting-label{display:none!important}.audio-settings>.setting-group:nth-child(2){background:#ffffff0a!important;border:1px solid #ffffff0f!important;border-radius:10px!important;padding:16px!important}.setting-toggle-row{align-items:center!important;background:#ffffff0a!important;border:1px solid #ffffff0f!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:20px!important;justify-content:space-between!important;margin-bottom:8px!important;padding:12px 20px!important;transition:background .15s ease!important}.setting-toggle-row:hover{background:#ffffff0f!important}.setting-toggle-info{flex:1 1!important;margin-right:32px!important}.setting-toggle-title{color:#fff!important;font-size:14px!important;font-weight:500!important;margin-bottom:2px!important}.setting-toggle-description{color:#ffffff80!important;font-size:12px!important;line-height:1.3!important}.setting-toggle-switch{background:#ffffff26!important;border:none!important;border-radius:10px!important;flex-shrink:0!important;height:20px!important;position:relative!important;transition:background .15s ease!important;width:40px!important}.setting-toggle-switch.active{background:#007aff!important}.setting-toggle-switch:after{background:#fff!important;border-radius:8px!important;content:""!important;height:16px!important;left:2px!important;position:absolute!important;top:2px!important;transition:transform .15s ease!important;width:16px!important}.setting-toggle-switch.active:after{transform:translateX(20px)!important}.setting-input{background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:6px!important;color:#fff!important;font-size:14px!important;outline:none!important;padding:10px 12px!important;transition:border-color .15s ease!important;width:100%!important}.setting-input:focus{background:#ffffff0f!important;border-color:#007aff!important}.setting-input.capturing{background:#007aff14!important;border-color:#007aff!important}.setting-slider-container{background:#0000!important;border:none!important;margin:12px 0!important;padding:0!important}.setting-slider-container .setting-label{margin-bottom:12px!important}.setting-slider{-webkit-appearance:none!important;appearance:none!important;background:#ffffff26!important;border-radius:2px!important;cursor:pointer!important;height:4px!important;outline:none!important;width:100%!important}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none!important;background:#007aff!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 1px 3px #0003!important;cursor:pointer!important;height:14px!important;width:14px!important}.setting-slider::-moz-range-thumb{background:#007aff!important;border:2px solid #fff!important;border-radius:50%!important;cursor:pointer!important;height:14px!important;width:14px!important}.setting-slider-value{align-items:center!important;color:#fff6!important;display:flex!important;font-size:11px!important;justify-content:space-between!important;margin-top:6px!important}.slider-current-value{color:#007aff!important;font-size:12px!important;font-weight:500!important}.setting-select{-webkit-appearance:none!important;appearance:none!important;background:#ffffff0a!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:12px!important;border:1px solid #ffffff1a!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;outline:none!important;padding:10px 36px 10px 12px!important;transition:border-color .15s ease!important;width:100%!important}.setting-select:focus{background:#ffffff0f!important;border-color:#007aff!important}.setting-select:hover{border-color:#ffffff26!important}@media (max-width:480px){.modal-overlay{padding:16px!important}.modal-window{border-radius:10px!important;max-width:none!important}.modal-content{padding:16px!important}.setting-toggle-row{padding:10px 16px!important}.setting-toggle-info{margin-right:24px!important}.setting-input,.setting-select{font-size:13px!important;padding:8px 10px!important}.setting-select{background-size:10px!important;padding-right:32px!important}.audio-settings>.setting-group:nth-child(2){padding:12px!important}}body{background:#1e1f22!important;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4;margin:0;overflow:hidden;padding:0}.room-container{background:#1e1f22;display:flex;flex-direction:column;height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.room-header{display:none}.error-message{background:#ed42451a;border:1px solid #ed42454d;border-radius:4px;color:#ed4245;font-weight:500}.error-message,.owner-warning-message{align-items:center;display:flex;font-size:12px;gap:8px;margin:8px 16px;padding:8px 16px}.owner-warning-message{animation:pulse 2s infinite;background:#ffa3471a;border:1px solid #ffa3474d;border-radius:4px;color:#ffa347}.participants-area{align-items:center;background:#1e1f22;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;position:relative}.participants-section{max-width:1200px;min-height:400px}.participants-grid,.participants-section{align-items:center;display:flex;justify-content:center;width:100%}.participants-grid{flex-wrap:wrap;gap:32px}.participant-card{align-items:center;background:#0000;border:4px solid #3f4147;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:96px;overflow:visible;position:relative;transition:all .2s ease;width:96px}.participant-card:hover{border-color:#949ba4}.participant-card.speaking{border-color:#23a55a}.participant-card.sharing-screen{border-color:#5865f2;border-radius:8px;height:180px;width:320px}.participant-content{flex-direction:column;height:100%;width:100%}.participant-avatar,.participant-content{align-items:center;display:flex;position:relative}.participant-avatar{background:#5865f2;border-radius:50%;color:#fff;font-size:32px;font-weight:600;height:88px;justify-content:center;overflow:hidden;width:88px}.participant-info{bottom:-32px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.participant-name{color:#f2f3f5;font-family:Whitney,sans-serif;font-size:14px;font-weight:600;margin-bottom:2px}.participant-status{align-items:center;color:#b5bac1;display:flex;font-size:12px;gap:4px;justify-content:center}.status-indicator{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:500;gap:2px;padding:1px 4px;text-transform:uppercase}.status-indicator.speaking{background:#23a55933;color:#23a55a}.status-indicator.muted{background:#ed424533;color:#ed4245}.status-indicator.local{background:#5865f233;color:#5865f2}.participant-card.sharing-screen .participant-content{display:none}.participant-stream-container{background:#000;border-radius:6px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.participant-stream-video{background:#000;height:100%;object-fit:contain;width:100%}.stream-overlay{align-items:flex-start;background:linear-gradient(180deg,#0009,#0000);display:flex;justify-content:space-between;left:0;padding:8px;position:absolute;right:0;top:0;z-index:10}.stream-user-info{align-items:center;display:flex;gap:6px}.stream-avatar{align-items:center;background:linear-gradient(135deg,#7289da,#5865f2);border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:600;height:20px;justify-content:center;width:20px}.stream-username{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #00000080}.participant-card:hover .stream-controls{opacity:1}.stream-control-btn:hover{background:#000c}.speaking-indicator{animation:speaking-pulse 1.5s ease-in-out infinite;background:#23a55a;border:3px solid #1e1f22;border-radius:50%;bottom:-8px;color:#fff;font-size:12px;height:24px;position:absolute;right:-8px;width:24px}.control-panel,.speaking-indicator{align-items:center;display:flex;justify-content:center}.control-panel{background:#1e1f22;border-top:1px solid #3f4147;box-shadow:0 -1px 0 #4f545c4d;gap:16px;padding:16px 20px}.control-panel-left,.control-panel-right{display:none}.control-panel-center{gap:16px}.control-btn,.control-panel-center{align-items:center;display:flex;justify-content:center}.control-btn{background:#3f4147;border:none;border-radius:50%;color:#b5bac1;cursor:pointer;font-size:20px;height:44px;position:relative;transition:all .15s ease;width:44px}.control-btn:hover{background:#484c52;color:#dbdee1}.control-btn.active{background:#23a55a;color:#fff}.control-btn.danger{background:#da373c;color:#fff}.control-btn.danger:hover{background:#c23236}.control-btn:disabled{background:#2b2d31;color:#4e5058;cursor:not-allowed}.mic-indicator,.room-info{display:none}@keyframes speaking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.tooltip{position:relative}.tooltip:hover:after{background:#111214;border-radius:6px;bottom:120%;box-shadow:0 8px 16px #0000003d;color:#fff;content:attr(data-tooltip);font-size:14px;font-weight:600;margin-bottom:8px;padding:8px 12px;white-space:nowrap}.tooltip:hover:after,.tooltip:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.tooltip:hover:before{border:6px solid #0000;border-top-color:#111214;bottom:110%;content:""}@media (max-width:768px){.participants-grid{gap:24px}.participant-card{height:80px;width:80px}.participant-avatar{font-size:28px;height:72px;width:72px}.participant-card.sharing-screen{height:160px;width:280px}.control-panel{gap:12px;padding:12px 16px}.control-btn{font-size:18px;height:40px;width:40px}}@media (max-width:480px){.participants-area{padding:20px}.participants-grid{gap:20px}.participant-card{height:72px;width:72px}.participant-avatar{font-size:24px;height:64px;width:64px}.participant-card.sharing-screen{height:135px;width:240px}.control-panel{gap:8px}.control-btn{font-size:16px;height:36px;width:36px}}.participant-card:focus-visible,button:focus-visible{outline:2px solid #5865f2;outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #3f4147;border-radius:50%;border-top-color:#5865f2;height:16px;width:16px}.connection-indicator,.room-badge,.room-participants-count{display:none}.participants-grid:has(.participant-card:only-child){align-items:center;justify-content:center;min-height:300px}.participants-area:empty:after{color:#b5bac1;content:"Подключение к голосовому каналу...";font-size:16px;font-weight:500;text-align:center}.discord-controls{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.control-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23272af2;border-radius:20px;box-shadow:0 4px 12px #0000004d;display:flex;gap:2px;padding:6px}.control-group .control-btn{align-items:center;background:#0000;border:none;border-radius:18px;color:#b5bac1;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.control-group .control-btn:hover{background:#4f545c99;color:#dcddde}.control-group .control-btn.active{background:#23a55a;color:#fff}.control-group .control-btn.leave,.control-group .control-btn.muted{background:#da373c;color:#fff}.dropdown-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#b5bac1;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:24px}.dropdown-btn:hover{background:#4f545c99;color:#dcddde}.muted-indicator{background:#ed4245;border:3px solid #1e1f22;border-radius:50%;bottom:-8px;height:24px;justify-content:center;right:-8px;width:24px}.fullscreen-controls,.muted-indicator{align-items:center;display:flex;position:absolute}.fullscreen-controls{bottom:40px;gap:8px;left:50%;transform:translateX(-50%);transition:all .3s ease;z-index:10001}.fullscreen-volume-slider{-webkit-appearance:none;-moz-appearance:none;background:#4f545ccc;border-radius:10px;cursor:pointer;height:20px;margin:0 8px;outline:none;width:80px}.fullscreen-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.fullscreen-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #0006;transform:scale(1.1)}.fullscreen-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.local-stream-container{align-items:center;background:#2f3136;border-radius:6px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.local-stream-content{align-items:center;color:#dcddde;display:flex;flex-direction:column;gap:12px}.local-stream-icon{color:#72767d;opacity:.6}.local-stream-title{font-size:14px;font-weight:600}.local-stream-subtitle{color:#72767d;font-size:11px}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-window{animation:slideIn .15s ease;background:#313338;border-radius:4px;box-shadow:0 8px 16px #0000003d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.context-menu,.volume-context-menu{animation:contextMenuIn .1s ease;background:#111214;border-radius:8px;box-shadow:0 8px 16px #0000003d;min-width:200px;padding:8px;position:fixed;z-index:1000}.context-menu-header{border-bottom:1px solid #3f4147;margin-bottom:8px;padding:12px;text-align:center}.context-menu-title{color:#f2f3f5;font-size:16px;font-weight:600;margin-bottom:4px}.context-menu-participant{color:#b5bac1;font-size:13px;font-weight:500}.volume-control-section{margin-bottom:16px;padding:0 8px}.volume-control-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.volume-icon{font-size:14px;margin-right:8px}.volume-text{color:#f2f3f5;flex:1 1;font-size:14px;font-weight:500}.volume-percentage{color:#00d4aa;font-size:13px;font-weight:600;min-width:45px;text-align:right}.volume-slider-wrapper{position:relative}.volume-slider{-webkit-appearance:none;appearance:none;background:#3f4147;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:all .2s ease;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-control-actions{border-top:1px solid #3f4147;display:flex;gap:8px;margin-top:16px;padding:8px}.volume-action-btn{background:#3f4147;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease}.volume-action-btn:hover{background:#484c52;color:#f2f3f5}.reset-btn:hover{background:#5865f2;color:#fff}.mute-btn:hover{background:#da373c;color:#fff}.source-selector-modal{background:#313338;max-height:80vh;width:600px}.source-selector-title{color:#f2f3f5;font-size:20px;font-weight:600;margin:0 0 20px;padding:20px 20px 0;text-align:center}.source-selector-content{max-height:60vh;overflow-y:auto;padding:0 20px}.source-selector-content::-webkit-scrollbar{width:8px}.source-selector-content::-webkit-scrollbar-track{background:#2b2d31}.source-selector-content::-webkit-scrollbar-thumb{background:#3f4147;border-radius:4px}.audio-settings-section{border-bottom:1px solid #3f4147;margin-bottom:16px;padding:16px 0}.audio-setting-toggle{align-items:center;cursor:pointer;display:flex;margin-bottom:12px;-webkit-user-select:none;user-select:none}.audio-setting-toggle input[type=checkbox]{display:none}.checkbox-custom{background:#0000;border:2px solid #3f4147;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .2s ease;width:20px}.audio-setting-toggle input[type=checkbox]:checked+.checkbox-custom{background:#5865f2;border-color:#5865f2}.audio-setting-toggle input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{color:#f2f3f5;font-size:15px;font-weight:500}.quality-selector{margin-top:12px}.quality-label{color:#f2f3f5;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.quality-buttons{display:flex;gap:8px}.quality-btn{background-color:#3f4147;border:none;border-radius:4px;color:#f2f3f5;cursor:pointer;flex:1 1;font-size:13px;min-height:50px;padding:12px 8px;position:relative;transition:all .2s ease}.quality-btn:hover:not(.premium-locked){background-color:#484c52}.quality-btn.active{background-color:#5865f2;color:#fff}.quality-btn.premium-locked{background-color:#2b2d31;color:#6d6f78;cursor:not-allowed;opacity:.6}.source-section{margin-bottom:24px}.source-section-title{color:#b5bac1;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.source-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.source-item{align-items:center;background:#3f4147;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;position:relative;text-align:center;transition:all .2s ease}.source-item:hover{background:#484c52;border-color:#5865f2}.source-thumbnail{border:1px solid #2b2d31;border-radius:4px;margin-bottom:8px;object-fit:cover;width:100%}.source-thumbnail-screen{height:120px}.source-thumbnail-window{height:80px}.source-name{color:#f2f3f5;font-size:12px;font-weight:500;line-height:1.3;word-break:break-word}.source-selector-actions{border-top:1px solid #3f4147;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.source-selector-cancel-btn{background:#3f4147;border:none;border-radius:4px;color:#f2f3f5;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.source-selector-cancel-btn:hover{background:#484c52}.kick-confirm-modal{padding:20px;width:440px}.kick-confirm-title{color:#f2f3f5;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.kick-confirm-message{color:#b5bac1;font-size:16px;line-height:1.4;margin:0 0 24px;text-align:center}.modal-options{display:flex;flex-direction:column;gap:12px}.modal-options button{align-items:center;background:#3f4147;border:none;border-radius:4px;color:#f2f3f5;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .15s}.modal-options button:hover{background:#484c52}.modal-options button:last-child{background:#da373c}.modal-options button:last-child:hover{background:#c23236}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.source-selector-modal{max-height:85vh;width:95vw}.source-grid{gap:8px;grid-template-columns:1fr}.context-menu{min-width:180px}}@media (max-width:480px){.modal-window{margin:0 16px;max-width:calc(100vw - 32px)}}.modal-backdrop-transparent{background:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.simple-volume-menu{animation:slideInScale .15s ease;background:#313338;border:1px solid #3f4147;border-radius:12px;box-shadow:0 8px 24px #0006;min-width:280px;padding:16px;position:fixed;z-index:2001}.volume-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.volume-row:last-child{margin-bottom:0}.volume-icon{align-items:center;color:#b5bac1;display:flex;flex-shrink:0;justify-content:center;width:20px}.volume-slider-container{flex:1 1;position:relative}.simple-volume-slider{-webkit-appearance:none;appearance:none;background:#3f4147;border-radius:3px;cursor:pointer;height:6px;outline:none;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.simple-volume-slider:active,.simple-volume-slider:hover{height:8px}.simple-volume-slider:before{background:linear-gradient(90deg,#5865f2,#4752c4);border-radius:3px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s ease;width:0;width:var(--progress,0)}.simple-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000040;cursor:pointer;height:18px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px;z-index:1}.simple-volume-slider::-webkit-slider-thumb:hover{background:#f8f9fa;box-shadow:0 3px 12px #00000059;transform:scale(1.2)}.simple-volume-slider::-webkit-slider-thumb:active{box-shadow:0 2px 10px #0006;transform:scale(1.15)}.simple-volume-slider::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000040;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.simple-volume-slider::-moz-range-thumb:hover{background:#f8f9fa;box-shadow:0 3px 12px #00000059;transform:scale(1.2)}.simple-volume-slider::-moz-range-track{background:#3f4147;border:none;border-radius:3px;height:6px;-moz-transition:all .2s ease;transition:all .2s ease}.simple-volume-slider:hover::-moz-range-track{height:8px}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translate(-10px,-10px)}to{opacity:1;transform:scale(1) translate(0)}}@media (max-width:480px){.simple-volume-menu{min-width:250px;padding:12px}.volume-row{margin-bottom:12px}}.premium-page-container{align-items:center;background:#1e1f22;color:#f2f3f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.premium-page-container:before{background:radial-gradient(ellipse at center,#5865f21a 0,#5865f20d 50%,#0000 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.premium-card{animation:fadeInUp .4s ease-out;background:#2b2d31!important;border:1px solid #3f4147;border-radius:20px;box-shadow:0 20px 40px #0006;max-width:480px;padding:40px 32px;position:relative;text-align:center;width:100%;z-index:1}.premium-title{align-items:center;color:#faa61a;display:flex;font-size:28px;font-weight:700;gap:10px;justify-content:center;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 8px #faa61a4d}.premium-description{color:#d1d5db;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:32px}.premium-description strong{color:#faa61a;font-weight:700}.premium-telegram-button{align-items:center;background:linear-gradient(135deg,#faa61a,#f7b733);border:none;border-radius:16px;box-shadow:0 4px 12px #faa61a4d;color:#1e1f22;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .2s ease}.premium-telegram-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.premium-telegram-button:hover{background:linear-gradient(135deg,#f7b733,#f39c12);box-shadow:0 8px 25px #faa61a66;transform:translateY(-2px)}.premium-telegram-button:hover:before{left:100%}.premium-telegram-button:active{box-shadow:0 4px 12px #faa61a4d;transform:translateY(0)}.back-button867631876{align-items:center;background:#2b2d31;border:1px solid #3f4147;border-radius:12px;color:#b5bac1;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:32px;padding:12px 20px;position:relative;transition:all .2s ease;z-index:1}.back-button867631876:hover{background:#32353b;border-color:#4e5058;box-shadow:0 6px 20px #0000004d;color:#f2f3f5;transform:translateY(-2px)}.back-button867631876:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.premium-page-container{padding:20px}.premium-card{border-radius:16px;max-width:420px;padding:32px 24px}.premium-title{font-size:24px;gap:8px;margin-bottom:16px}.premium-description{font-size:15px;margin-bottom:28px}.premium-telegram-button{font-size:15px;min-width:180px;padding:14px 28px}.back-button867631876{margin-top:28px;padding:10px 16px}}@media (max-width:480px){.premium-page-container{padding:16px}.premium-card{border-radius:16px;padding:28px 20px}.premium-title{flex-direction:column;font-size:22px;gap:6px;margin-bottom:14px}.premium-description{font-size:14px;line-height:1.5;margin-bottom:24px}.premium-telegram-button{border-radius:12px;font-size:14px;min-width:160px;padding:12px 24px}.back-button867631876{font-size:13px;gap:6px;margin-top:24px;padding:8px 14px}}button:focus-visible{outline:2px solid #5865f2;outline-offset:2px}button{will-change:transform}@media (hover:hover){.premium-telegram-button:hover{background:linear-gradient(135deg,#f7b733,#f39c12);transform:translateY(-2px)}.back-button:hover{background:#32353b;transform:translateY(-2px)}}.premium-card:before{background:linear-gradient(45deg,#0000,#faa61a1a,#0000);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.premium-card:hover:before{opacity:1}.premium-page-container::-webkit-scrollbar{width:8px}.premium-page-container::-webkit-scrollbar-track{background:#1e1f22}.premium-page-container::-webkit-scrollbar-thumb{background:#4e5058;border-radius:4px}.premium-page-container::-webkit-scrollbar-thumb:hover{background:#6d6f78}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1f22}::-webkit-scrollbar-thumb{background:#4e5058;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6d6f78}#root,.main-content,body{overflow-y:auto!important}.main-content{height:100vh!important;max-height:none!important}*{box-sizing:border-box;margin:0;padding:0}body{background:#1e1f22;color:#f2f3f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.landing-container{align-items:flex-start;background:#1e1f22;display:flex;justify-content:center;min-height:100vh;padding:60px 20px;position:relative}.landing-content{max-width:900px;position:relative;width:100%;z-index:1}.landing-bg-effects{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bg-gradient-1{animation:float 20s ease-in-out infinite;background:radial-gradient(ellipse at center,#5865f226 0,#5865f20d 40%,#0000 70%);height:600px;left:-10%;top:-20%;width:600px}.bg-gradient-1,.bg-gradient-2{border-radius:50%;position:absolute}.bg-gradient-2{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(ellipse at center,#5865f21a 0,#5865f208 40%,#0000 70%);bottom:-20%;height:500px;right:-10%;width:500px}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.1)}}.hero-section{margin-bottom:60px;text-align:center}.hero-title{background:linear-gradient(135deg,#f2f3f5,#b5bac1);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:16px}.hero-accent,.hero-title{-webkit-text-fill-color:#0000}.hero-accent{background:linear-gradient(135deg,#5865f2,#7289da);background-clip:text;-webkit-background-clip:text}.hero-subtitle{color:#b5bac1;font-size:1.25rem;font-weight:400;margin:0 auto;max-width:600px}.features-section{margin-bottom:80px}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2d3199;border:1px solid #3f4147;border-radius:16px;overflow:hidden;padding:30px 24px;position:relative;text-align:center;transition:all .3s ease}.feature-item:before{background:radial-gradient(ellipse at center,#5865f20d 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-item:hover:before{opacity:1}.feature-item:hover{border-color:#5865f24d;box-shadow:0 10px 30px #5865f21a;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;position:relative;width:60px;z-index:1}.feature-item h3{color:#f2f3f5;font-size:1.25rem;font-weight:600;margin-bottom:12px;position:relative;z-index:1}.feature-item p{color:#b5bac1;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.description-section{margin-bottom:80px}.description-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2d3166;border:1px solid #3f4147;border-radius:20px;overflow:hidden;padding:40px;position:relative}.description-content:before{background:linear-gradient(90deg,#0000,#5865f24d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.description-block{border-bottom:1px solid #3f41474d;margin-bottom:32px;padding:20px 0}.description-block:last-child{border-bottom:none;margin-bottom:0}.description-block.highlight{background:#5865f214;border:1px solid #5865f233;border-radius:12px;padding:24px;position:relative}.description-block.highlight:before{background:linear-gradient(180deg,#5865f2,#7289da);border-radius:0 0 0 12px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.description-title{align-items:center;color:#f2f3f5;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:12px}.description-block p{color:#b5bac1;font-size:1.05rem;line-height:1.7;margin:0}.description-block strong{color:#f2f3f5;font-weight:600}.final-message{color:#d1d2d4!important;font-size:1.1rem!important;padding:16px 0;position:relative}.cta-section,.final-message{text-align:center}.login-button{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;box-shadow:0 8px 25px #5865f240;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#4752c4,#3c4aa0);box-shadow:0 12px 35px #5865f266;transform:translateY(-2px)}.login-button:active{box-shadow:0 6px 20px #5865f24d;transform:translateY(0)}.cta-note{color:#6d6f78;font-size:.9rem;margin-top:16px}@media (max-width:768px){.landing-content{padding:0 16px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.feature-grid{gap:20px;grid-template-columns:1fr}.feature-item{padding:24px 20px}.description-content{padding:24px}.description-block{margin-bottom:24px;padding:16px 0}.description-block.highlight{padding:20px}.description-title{font-size:1.2rem}.description-block p,.final-message{font-size:1rem!important}.login-button{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.landing-container{padding:40px 20px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.description-content{padding:20px}.description-block{margin-bottom:20px;padding:12px 0}.description-block.highlight{padding:16px}.description-title{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:4px}.bg-gradient-1,.bg-gradient-2{height:300px;width:300px}}.incoming-call-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:8888}.incoming-call-modal{animation:slideIn .25s ease-out;background:#2b2d31;border:1px solid #3f4147;border-radius:12px;box-shadow:0 16px 32px #0006;padding:32px 24px;text-align:center;width:320px}.call-header{margin-bottom:28px}.caller-info{gap:12px;margin-bottom:20px}.caller-avatar,.caller-info{align-items:center;display:flex;justify-content:center}.caller-avatar{background:#404249;border-radius:50%;flex-shrink:0;height:52px;width:52px}.caller-avatar svg{color:#b5bac1}.caller-name-inline{color:#f2f3f5;font-size:22px;font-weight:600;margin:0}.call-status{color:#b5bac1;font-size:14px;font-weight:500;margin:0 0 8px}.call-duration{font-feature-settings:"tnum";color:#80848e;font-size:13px;font-variant-numeric:tabular-nums;margin:0}.call-actions{gap:12px}.call-actions,.call-btn{display:flex;justify-content:center}.call-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;gap:8px;min-width:110px;padding:12px 20px;transition:background-color .15s ease}.decline-btn{background:#4e5058;color:#dbdee1}.decline-btn:hover{background:#5c6067}.accept-btn{background:#5865f2;color:#fff}.accept-btn:hover{background:#4752c4}.call-footer{color:#80848e;font-size:11px;font-weight:500;margin-top:24px}.call-footer p{margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.incoming-call-modal{margin:20px;padding:24px 20px;width:auto}.call-actions{flex-direction:column;gap:10px}.call-btn{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.main-content{height:calc(100vh - 32px)!important;margin-top:32px!important;max-height:calc(100vh - 32px)!important;overflow:hidden}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.electron{-webkit-app-region:no-drag;background:#1e1f22!important;color:#f2f3f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.electron-window-header{-webkit-app-region:drag;align-items:center;background:#2b2d31;border-bottom:1px solid #3f4147;display:flex;height:32px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.electron-window-title{color:#f2f3f5;font-size:13px;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.window-controls{-webkit-app-region:no-drag;align-items:center;display:flex;gap:8px;height:100%;position:absolute;right:12px;top:0}.window-controls button{background:#0000;border:none;border-radius:4px;color:#f2f3f5;cursor:pointer;font-size:14px;height:26px;transition:background .2s ease;width:36px}.window-controls button:hover{background:#ffffff1a}#close-btn:hover{background:#ed4245cc}.platform-darwin .electron-window-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2b2d31cc;border:none;height:28px;padding-left:70px}.platform-darwin .room-container{padding-top:36px}.platform-linux .electron-window-header{background:#2b2d31;border-bottom:1px solid #3f4147;height:32px;justify-content:space-between;padding:0 12px}.platform-win32 .room-container{border-radius:0;padding-top:40px}::-webkit-scrollbar{height:12px!important;width:12px!important}::-webkit-scrollbar-track{background:#1e1f22!important;border:none!important;border-radius:6px!important}::-webkit-scrollbar-thumb{background:#2d2f34!important;border:2px solid #1e1f22!important;border-radius:6px!important;box-shadow:inset 0 1px 2px #0003!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}::-webkit-scrollbar-thumb:hover{background:#3f4147!important;box-shadow:inset 0 1px 2px #0003!important;transform:scale(1.05)!important}::-webkit-scrollbar-thumb:active{background:#4e5058!important}::-webkit-scrollbar-corner{background:#1e1f22!important}.electron .room-container,body.electron .room-container{padding-top:40px}.electron-hide{display:none!important}.electron-blur{filter:blur(2px);opacity:.7;pointer-events:none}.electron-shake{animation:electron-shake .5s ease-in-out}@keyframes electron-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.electron .control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative;transition:all .2s ease}.electron .control-btn:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.electron .control-btn:focus-visible,.electron button:focus-visible,.electron input:focus-visible,.electron select:focus-visible{box-shadow:0 0 0 4px #5865f233;outline:2px solid #5865f2;outline-offset:2px}@media (max-width:768px){.electron .electron-window-header{padding:0 12px}.platform-darwin .room-header h1{padding-top:24px}}@media (prefers-reduced-motion:reduce){.electron *,.electron :after,.electron :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.c629736e.css.map*/