:root{--primary-color:#495057;--secondary-color:#6c757d;--dark-bg:#fff8e1;--darker-bg:#ebddb3;--card-bg:#ede8d0;--text-color:#333333;--text-muted:#6c757d;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--border-radius:12px;--transition-speed:0.3s}body.dark-theme{--primary-color:#00f3ff;--secondary-color:#9d4edd;--dark-bg:#0a0a16;--darker-bg:#05050c;--card-bg:#121225;--text-color:#e0e0ff;--text-muted:#a0a0c0;--success-color:#00ff9d;--warning-color:#ffaa00;--danger-color:#ff4757}body.dark-theme{background-image:linear-gradient(135deg,rgba(10,10,22,.95),rgba(18,18,37,.98)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill-rule="evenodd"><g fill="%232a2a40" fill-opacity="0.4"><path opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/></g></g></svg>')}@media screen and (min-width:1921px) and (max-width:2560px) and (min-height:1081px) and (max-height:1440px){:root{font-size:.95em}.sidebar{width:280px;max-width:320px;min-width:260px}.brand-logo{padding:1.8vh 2vw;min-height:80px}.user-avatar{width:60px;height:60px}.user-name{font-size:17px}.feature-item{padding:16px 14px;font-size:.9rem}.feature-item i{font-size:20px}.control-btn{padding:14px;font-size:.28rem}.style-switcher-container{padding:16px 20px}.style-btn{padding:12px 16px;font-size:13px;max-width:100px}.main-content{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.page-title{font-size:26px}.content-header{margin-bottom:20px;padding-bottom:15px}.eq-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;gap:14px;flex:1;min-height:0;overflow:hidden}.image-slider{padding:10px;min-height:0}.eq-controls{padding:20px;overflow-y:auto;scrollbar-gutter:stable}.eq-presets-container{padding:14px;overflow-y:auto;scrollbar-gutter:stable}.preset-buttons-grid{gap:12px;margin-top:18px}.device-info{padding:16px}.info-item{padding:10px 0}.eq-slider{height:220px}.eq-curve-container{min-height:320px}}@media screen and (min-width:2561px) and (min-height:1441px){:root{font-size:1.25em}.sidebar{width:22vw;max-width:380px;min-width:300px}.brand-logo{padding:2vh 2vw;min-height:100px}.user-avatar{width:70px;height:70px}.user-name{font-size:20px}.feature-item{padding:18px 16px;font-size:1rem}.feature-item i{font-size:24px}.control-btn{padding:16px;font-size:.35rem}.style-switcher-container{padding:20px 25px}.style-btn{padding:14px 20px;font-size:15px;max-width:120px}.main-content{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.page-title{font-size:36px}.content-header{margin-bottom:30px;padding-bottom:20px}.eq-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;gap:20px;flex:1;min-height:0;overflow:hidden}.image-slider{padding:14px;min-height:0}.eq-controls{padding:25px;overflow-y:auto;scrollbar-gutter:stable}.eq-presets-container{padding:18px;overflow-y:auto;scrollbar-gutter:stable}.preset-buttons-grid{gap:16px;margin-top:25px}.device-info{padding:20px}.info-item{padding:12px 0}.eq-slider{height:280px}.eq-curve-container{min-height:400px}.login-box{padding:50px 45px;width:450px}}@media screen and (max-width:1920px){.login-box{padding:35px 30px;width:380px}.login-box h1{font-size:22px}.auth-form input{padding:12px 16px;font-size:14px}}@media screen and (max-width:1920px){.brand-logo{padding:1.5vh 2vw;min-height:80px}.user-info{padding:15px 20px 25px}.user-avatar{width:55px;height:55px}.user-name{font-size:16px}.nav-controls{padding:15px 20px}.nav-features{padding:15px 20px}.feature-item{padding:15px 12px;font-size:.9em}.feature-item i{font-size:18px}}@media screen and (max-width:1920px){.page-title{font-size:24px}.content-header{margin-bottom:20px;padding-bottom:15px}}@media screen and (min-width:1921px) and (max-width:2560px){.page-title{font-size:30px}.feature-item i{font-size:24px}#eqCanvas{min-width:350px;min-height:300px}}@media screen and (min-width:2561px){.page-title{font-size:36px}.feature-item i{font-size:28px}#eqCanvas{min-width:450px;min-height:400px}}body.light-theme .login-container{background:radial-gradient(ellipse at 20% 30%,rgba(100,100,110,.05) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(90,90,100,.03) 0,transparent 40%),radial-gradient(ellipse at 60% 20%,rgba(110,110,120,.02) 0,transparent 45%),radial-gradient(ellipse at 30% 80%,rgba(100,110,120,.04) 0,transparent 55%),radial-gradient(ellipse at bottom,var(--darker-bg) 0,var(--dark-bg) 50%,#fff 100%)}body.light-theme .login-container::before{display:none}body.light-theme .login-orb,body.light-theme .login-particles,body.light-theme .login-water-particles,body.light-theme .login-water-ripples,body.light-theme .meteor{display:none}body.light-theme .login-glow{display:none}body.light-theme .login-box{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(240,240,240,.95) 100%);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05),0 0 40px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(0,0,0,.1)}body.light-theme .login-box::before{background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent)}body.light-theme .auth-form input[type=email],body.light-theme .auth-form input[type=password],body.light-theme .auth-form input[type=tel],body.light-theme .auth-form input[type=text]{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(240,240,240,.95) 100%);border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 3px 6px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}body.light-theme .auth-form input[type=email]:focus,body.light-theme .auth-form input[type=password]:focus,body.light-theme .auth-form input[type=tel]:focus,body.light-theme .auth-form input[type=text]:focus{background:linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(245,245,245,.98) 100%);box-shadow:0 0 30px rgba(0,0,0,.1),0 0 60px rgba(0,0,0,.05),inset 0 3px 6px rgba(0,0,0,.05),0 0 0 4px rgba(0,0,0,.05);border-color:var(--primary-color)}body.light-theme .auth-form input[type=email]:hover,body.light-theme .auth-form input[type=password]:hover,body.light-theme .auth-form input[type=tel]:hover,body.light-theme .auth-form input[type=text]:hover{border-color:rgba(0,0,0,.2);box-shadow:inset 0 3px 6px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}body.light-theme .language-selector-login select{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(240,240,240,.95) 100%);border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 3px 6px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}body.light-theme .language-selector-login select:focus{background:linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(245,245,245,.98) 100%);box-shadow:0 0 30px rgba(0,0,0,.1),0 0 60px rgba(0,0,0,.05),inset 0 3px 6px rgba(0,0,0,.05),0 0 0 4px rgba(0,0,0,.05);border-color:var(--primary-color)}body.light-theme .language-selector-login select:hover{border-color:rgba(0,0,0,.2);box-shadow:inset 0 3px 6px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}body.light-theme .sidebar{background-color:var(--darker-bg);border-right:1px solid rgba(0,0,0,.1);box-shadow:5px 0 20px rgba(0,0,0,.05)}body.light-theme .brand-logo{border-bottom:1px solid rgba(0,0,0,.1)}body.light-theme .brand-logo img{filter:none}body.light-theme .user-info{border-bottom:1px solid rgba(0,0,0,.1)}body.light-theme .user-info:hover{background-color:rgba(0,0,0,.03)}body.light-theme .nav-controls{border-bottom:1px solid rgba(0,0,0,.1)}body.light-theme .control-btn{background-color:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)}body.light-theme .control-btn:hover{background-color:rgba(0,0,0,.05);border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,.1)}.control-btn.disconnect-btn{background-color:rgba(255,71,87,.2);color:var(--danger-color);border-color:var(--danger-color)}.control-btn.disconnect-btn:hover{background-color:rgba(255,71,87,.3);box-shadow:0 0 15px rgba(255,71,87,.4)}body.light-theme .control-btn.disconnect-btn{background-color:rgba(220,53,69,.1);color:var(--danger-color);border-color:var(--danger-color)}body.light-theme .control-btn.disconnect-btn:hover{background-color:rgba(220,53,69,.2)}body.light-theme .nav-features{border-bottom:1px solid rgba(0,0,0,.1)}body.light-theme .style-switcher-container{border-top:1px solid rgba(0,0,0,.1);border-bottom:none}body.light-theme .style-btn{border:1px solid rgba(0,0,0,.1);background-color:rgba(255,255,255,.8)}body.light-theme .style-btn:hover{background-color:rgba(0,0,0,.05);border-color:var(--primary-color)}body.light-theme .style-btn.active{background-color:rgba(0,0,0,.05);border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,0,0,.1)}body.light-theme .feature-item{border:1px solid transparent}body.light-theme .feature-item:hover{background-color:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}body.light-theme .feature-item.active{background-color:rgba(0,0,0,.05);border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,0,0,.1)}body.light-theme .content-header{border-bottom:1px solid rgba(0,0,0,.1)}body.light-theme .device-info,body.light-theme .eq-controls,body.light-theme .eq-presets-container,body.light-theme .image-slider{background-color:var(--card-bg);border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.05)}body.light-theme .device-subarea{background-color:#ede8d0;border:1px solid rgba(0,0,0,.1)}body.light-theme .spec-item{background-color:#ede8d0}body.light-theme .preset-item-container{background-color:#ede8d0;border:1px solid rgba(0,0,0,.1)}body.light-theme .reset-feature{color:var(--danger-color);border-color:var(--danger-color);background-color:rgba(220,53,69,.05)}body.light-theme .reset-feature i{color:var(--danger-color)}body.light-theme .reset-feature:hover{background-color:rgba(220,53,69,.1);border-color:var(--danger-color)}body.light-theme .login-btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.15),0 0 40px rgba(0,0,0,.05)}body.light-theme .login-btn:hover{box-shadow:0 10px 30px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.1),0 0 0 4px rgba(0,0,0,.05)}body.light-theme .login-btn:active{box-shadow:0 4px 15px rgba(0,0,0,.15),0 0 25px rgba(0,0,0,.05)}body.light-theme .verification-group button{background:linear-gradient(135deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.03) 100%);color:var(--primary-color);border:2px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.1)}body.light-theme .verification-group button:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.05) 100%);border-color:var(--primary-color);box-shadow:0 6px 20px rgba(0,0,0,.1),0 0 30px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.15)}body.light-theme .verification-group button:active:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.1)}body.light-theme .verification-group button:disabled{background:linear-gradient(135deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.03) 100%);border-color:rgba(0,0,0,.1);color:var(--text-muted);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}body.light-theme .login-tabs{border-bottom:2px solid rgba(0,0,0,.1)}body.light-theme .login-tab:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(0,0,0,.1)}body.light-theme .login-tab.active{color:var(--primary-color)}body.light-theme .login-tab.active::after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 10px rgba(0,0,0,.1)}body.light-theme .spec-value.s{background-color:rgba(0,0,0,.03);color:var(--text-color);border:1px solid rgba(0,0,0,.05);display:inline-block}body.light-theme .spec-value.u{display:none}body.light-theme .spec-value.selectable{background-color:rgba(0,0,0,.03);color:var(--text-muted);border:1px solid rgba(0,0,0,.05)}body.light-theme .spec-value.selectable:hover{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}body.light-theme .spec-value.selectable.active{background-color:#ffb74d;color:#fff;border:1px solid #ffa726;box-shadow:0 2px 4px rgba(0,0,0,.15);font-weight:700}body.light-theme .eq-grid-container{background-color:rgba(255,248,225,.8);border:1px solid rgba(0,0,0,.1)}body.light-theme #eqCanvas{background-color:#ede8d0}body.light-theme .eq-presets-container{background-color:#ede8d0;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.05)}body.light-theme #languageSelect{background-color:rgba(255,248,225,.8);color:var(--text-color);border:1px solid rgba(0,0,0,.1)}body.light-theme input[type=range]#globalGain,body.light-theme input[type=range].eq-slider{-webkit-appearance:none;appearance:none}body.light-theme input[type=range]#globalGain::-webkit-slider-runnable-track,body.light-theme input[type=range].eq-slider::-webkit-slider-runnable-track{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);border-radius:3px}body.light-theme input[type=range]#globalGain::-webkit-slider-thumb,body.light-theme input[type=range].eq-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2)}body.light-theme .gain-slider::-moz-range-track,body.light-theme input[type=range]#globalGain::-moz-range-track,body.light-theme input[type=range].eq-slider::-moz-range-track{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);border-radius:3px}body.light-theme input[type=range]#globalGain::-moz-range-thumb,body.light-theme input[type=range].eq-slider::-moz-range-thumb{background:var(--primary-color);border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2)}body.light-theme .gain-slider::-moz-range-thumb{background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.1);transition:all var(--transition-speed) ease}body.light-theme .gain-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(0,0,0,.3)}body.light-theme .gain-slider{-webkit-appearance:none;appearance:none;background:0 0}body.light-theme .gain-slider::-webkit-slider-runnable-track{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);border-radius:3px}body.light-theme .gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.1);transition:all var(--transition-speed) ease}body.light-theme .gain-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(0,0,0,.3)}body.light-theme .gain-value{color:rgba(0,0,0,.7)!important;text-shadow:none!important}body.light-theme .eq-row-header{color:var(--primary-color)}body.light-theme .eq-value{background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}body.light-theme .eq-value:hover{background-color:rgba(0,0,0,.08);border-color:var(--primary-color)}body.light-theme .clear-btn,body.light-theme .reset-btn,body.light-theme .save-btn{background-color:rgba(0,0,0,.05);color:var(--text-color);border:1px solid rgba(0,0,0,.1)}body.light-theme .global-gain-display{color:var(--primary-color)}body.light-theme .eq-curve-title h3{color:var(--primary-color)}body.light-theme .auth-form input:focus,body.light-theme .language-selector-login select:focus,body.light-theme .login-box::before,body.light-theme .login-btn,body.light-theme .login-tab.active::after{box-shadow:0 0 10px rgba(0,0,0,.1)!important;text-shadow:none!important;filter:none!important}body.light-theme .login-glow{display:none!important}body.light-theme .login-box h1{text-shadow:none!important;background:0 0!important}body.light-theme .login-box h1::after{background:#495057!important;box-shadow:none!important}body.light-theme .login-glow{display:none!important}body.light-theme .login-orb,body.light-theme .login-particles,body.light-theme .login-water-particles,body.light-theme .login-water-ripples,body.light-theme .meteor{display:none!important}body.light-theme .brand-logo img,body.light-theme .control-btn:hover,body.light-theme .feature-item.active,body.light-theme .style-btn.active{box-shadow:0 0 10px rgba(0,0,0,.1)!important;text-shadow:none!important;filter:none!important}body.light-theme .device-info,body.light-theme .eq-controls,body.light-theme .eq-presets-container,body.light-theme .image-slider{box-shadow:0 10px 20px rgba(0,0,0,.05)!important;text-shadow:none!important;filter:none!important}body.light-theme .eq-curve-container{background-color:rgba(255,248,225,.8)!important;border:1px solid rgba(0,0,0,.1)!important}body.light-theme .user-avatar{box-shadow:0 0 10px rgba(0,0,0,.1)!important}body.light-theme .brand-logo img{box-shadow:none!important;filter:none!important}body.light-theme .preset-tab{background-color:#ede8d0!important;color:var(--text-color)!important;border:1px solid rgba(0,0,0,.1)!important}body.light-theme .preset-tab.active{box-shadow:0 0 10px rgba(0,0,0,.2)!important;background-color:#ede8d0!important}body.light-theme .page-title,body.light-theme h2[data-lang-key=multiEffectSettings]{text-shadow:none!important;box-shadow:none!important;filter:none!important}body.light-theme .eq-curve-title{background-color:rgba(255,248,225,.8)!important;padding:10px!important;border-radius:8px!important}body.light-theme .eq-row-header{background-color:rgba(255,248,225,.8)!important;padding:8px 12px!important;border-radius:4px!important}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;pointer-events:auto}body{font-family:'Noto Sans',sans-serif;background-color:var(--dark-bg);color:var(--text-color);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(157,78,221,.05) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,243,255,.05) 0,transparent 20%)}h1,h2,h3,h4{font-weight:700}h5,h6{font-weight:600}div,li,p,span{font-weight:400}.info-label,.info-value,.note,.text-muted{font-weight:300}.btn,.strong,button,strong{font-weight:600}.app-container{display:flex;height:100vh;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at 20% 30%,rgba(60,60,70,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(50,50,60,.1) 0,transparent 40%),radial-gradient(ellipse at 60% 20%,rgba(70,70,80,.08) 0,transparent 45%),radial-gradient(ellipse at 30% 80%,rgba(60,70,80,.12) 0,transparent 55%),radial-gradient(ellipse at bottom,var(--darker-bg) 0,var(--dark-bg) 50%,#000 100%);position:relative;overflow:hidden}.login-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,var(--text-color),rgba(0,0,0,0)),radial-gradient(2px 2px at 40px 70px,var(--text-color),rgba(0,0,0,0)),radial-gradient(1px 1px at 90px 40px,var(--text-color),rgba(0,0,0,0)),radial-gradient(2px 2px at 160px 120px,var(--text-color),rgba(0,0,0,0)),radial-gradient(1px 1px at 230px 80px,var(--text-color),rgba(0,0,0,0)),radial-gradient(2px 2px at 300px 150px,var(--text-color),rgba(0,0,0,0)),radial-gradient(1px 1px at 370px 50px,var(--text-color),rgba(0,0,0,0)),radial-gradient(2px 2px at 450px 180px,var(--text-color),rgba(0,0,0,0)),radial-gradient(1px 1px at 520px 90px,var(--text-color),rgba(0,0,0,0)),radial-gradient(2px 2px at 600px 200px,var(--text-color),rgba(0,0,0,0));background-repeat:repeat;background-size:650px 250px;animation:twinkle 4s ease-in-out infinite;opacity:.6}@keyframes twinkle{0%,100%{opacity:.6}50%{opacity:1}}.login-water-ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.water-ripple{position:absolute;border-radius:50%;border:2px solid rgba(0,243,255,.1);animation:rippleExpand 6s ease-out infinite}.water-ripple:first-child{width:200px;height:200px;top:30%;left:20%;animation-delay:0s}.water-ripple:nth-child(2){width:300px;height:300px;top:50%;left:60%;animation-delay:1.5s}.water-ripple:nth-child(3){width:250px;height:250px;top:70%;left:40%;animation-delay:3s}.water-ripple:nth-child(4){width:180px;height:180px;top:40%;left:80%;animation-delay:4.5s}.water-ripple:nth-child(5){width:220px;height:220px;top:60%;left:10%;animation-delay:6s}@keyframes rippleExpand{0%{transform:scale(.5);opacity:0}50%{opacity:.5}100%{transform:scale(2);opacity:0}}.login-water-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none}.water-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(0,243,255,.8) 0,transparent 70%);border-radius:50%;animation:waterParticleFloat 15s infinite linear}.water-particle:first-child{left:10%;top:80%;animation-delay:0s;animation-duration:12s}.water-particle:nth-child(2){left:20%;top:90%;animation-delay:2s;animation-duration:18s}.water-particle:nth-child(3){left:30%;top:85%;animation-delay:4s;animation-duration:15s}.water-particle:nth-child(4){left:40%;top:95%;animation-delay:1s;animation-duration:20s}.water-particle:nth-child(5){left:50%;top:75%;animation-delay:3s;animation-duration:14s}.water-particle:nth-child(6){left:60%;top:88%;animation-delay:5s;animation-duration:16s}.water-particle:nth-child(7){left:70%;top:92%;animation-delay:2.5s;animation-duration:19s}.water-particle:nth-child(8){left:80%;top:78%;animation-delay:4.5s;animation-duration:17s}.water-particle:nth-child(9){left:90%;top:85%;animation-delay:1.5s;animation-duration:13s}.water-particle:nth-child(10){left:95%;top:90%;animation-delay:3.5s;animation-duration:21s}@keyframes waterParticleFloat{0%{transform:translateY(0) translateX(0) scale(0);opacity:0}10%{transform:translateY(-10vh) translateX(20px) scale(1);opacity:.8}90%{transform:translateY(-80vh) translateX(-20px) scale(1);opacity:.8}100%{transform:translateY(-100vh) translateX(0) scale(0);opacity:0}}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);animation:scanline 10s linear infinite;z-index:3;pointer-events:none}@keyframes scanline{0%{transform:translateY(0)}100%{transform:translateY(2px)}}.login-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:4;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#00f3ff 0,rgba(0,100,255,.5) 100%);border-radius:50%;animation:particleFloat 20s infinite linear;box-shadow:0 0 15px rgba(0,243,255,.8),0 0 30px rgba(0,100,255,.4)}.particle:first-child{left:5%;top:80%;animation-delay:0s;animation-duration:15s}.particle:nth-child(2){left:15%;top:90%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:25%;top:85%;animation-delay:4s;animation-duration:12s}.particle:nth-child(4){left:35%;top:95%;animation-delay:1s;animation-duration:20s}.particle:nth-child(5){left:45%;top:75%;animation-delay:3s;animation-duration:16s}.particle:nth-child(6){left:55%;top:88%;animation-delay:5s;animation-duration:14s}.particle:nth-child(7){left:65%;top:92%;animation-delay:2.5s;animation-duration:19s}.particle:nth-child(8){left:75%;top:78%;animation-delay:4.5s;animation-duration:17s}.particle:nth-child(9){left:85%;top:85%;animation-delay:1.5s;animation-duration:13s}.particle:nth-child(10){left:95%;top:90%;animation-delay:3.5s;animation-duration:21s}.particle:nth-child(11){left:10%;top:70%;animation-delay:6s;animation-duration:22s}.particle:nth-child(12){left:30%;top:60%;animation-delay:7s;animation-duration:18s}.particle:nth-child(13){left:50%;top:65%;animation-delay:8s;animation-duration:15s}.particle:nth-child(14){left:70%;top:55%;animation-delay:9s;animation-duration:20s}.particle:nth-child(15){left:90%;top:68%;animation-delay:10s;animation-duration:16s}@keyframes particleFloat{0%{transform:translateY(0) translateX(0) scale(0);opacity:0}10%{transform:translateY(-10vh) translateX(20px) scale(1);opacity:1}90%{transform:translateY(-80vh) translateX(-20px) scale(1);opacity:1}100%{transform:translateY(-100vh) translateX(0) scale(0);opacity:0}}.login-orb{position:absolute;width:20vw;height:20vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,243,255,.3) 0,transparent 60%);animation:orbFloat 10s ease-in-out infinite;z-index:0;pointer-events:none}.login-orb:first-child{top:10%;left:10%;animation-delay:0s}.login-orb:nth-child(2){bottom:10%;right:10%;animation-delay:5s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(0,-100px) scale(1)}75%{transform:translate(-50px,-50px) scale(.9)}}.meteor{position:absolute;width:2px;height:80px;background:linear-gradient(to bottom,rgba(0,243,255,.8),transparent);transform:rotate(45deg);opacity:0;animation:meteorFall linear infinite;z-index:1;pointer-events:none}.meteor::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(157,78,221,.6),transparent);transform:rotate(-90deg);transform-origin:top left}.meteor:first-child{top:-80px;left:10%;animation-duration:8s;animation-delay:0s}.meteor:nth-child(2){top:-80px;left:25%;animation-duration:6s;animation-delay:1s}.meteor:nth-child(3){top:-80px;left:40%;animation-duration:10s;animation-delay:2s}.meteor:nth-child(4){top:-80px;left:55%;animation-duration:7s;animation-delay:3s}.meteor:nth-child(5){top:-80px;left:70%;animation-duration:9s;animation-delay:4s}.meteor:nth-child(6){top:-80px;left:85%;animation-duration:11s;animation-delay:5s}.meteor:nth-child(7){top:-80px;left:15%;animation-duration:8.5s;animation-delay:6s}.meteor:nth-child(8){top:-80px;left:30%;animation-duration:7.5s;animation-delay:7s}@keyframes meteorFall{0%{transform:translateY(0) translateX(0) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(calc(100vh + 200px)) translateX(-200px) rotate(45deg);opacity:0}}.login-glow{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;height:50vw;max-width:600px;max-height:600px;background:radial-gradient(circle,rgba(0,243,255,.1) 0,transparent 70%);animation:glowPulse 4s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes glowPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.4}}.login-box{background:linear-gradient(135deg,rgba(18,18,37,.95) 0,rgba(30,30,50,.95) 100%);backdrop-filter:blur(20px);border-radius:16px;padding:45px 40px;width:420px;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 0 1px rgba(0,243,255,.15),0 0 40px rgba(0,243,255,.1),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(0,243,255,.2);position:relative;z-index:100}.login-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,100%{opacity:.5}50%{opacity:1}}.login-box h1{font-family:Orbitron,sans-serif;text-align:center;margin-bottom:35px;color:var(--text-color);font-weight:900;letter-spacing:3px;text-shadow:none;font-size:26px;position:relative;background:0 0}.login-box h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;box-shadow:none}.auth-form .form-group{margin-bottom:28px;position:relative}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0!important;border:none!important;outline:0!important;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .3s ease;z-index:10;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;border-radius:4px;text-transform:none;letter-spacing:normal;pointer-events:auto}.password-toggle-btn:hover{color:var(--primary-color);background:0 0!important;transform:translateY(-50%)!important;box-shadow:none!important;border:none!important}.password-toggle-btn:focus{outline:0!important;border:none!important}.password-toggle-btn .eye-icon,.password-toggle-btn svg{width:18px;height:18px;min-width:18px;min-height:18px}.password-toggle-btn .eye-closed{display:none}.password-toggle-btn.active .eye-open{display:none}.password-toggle-btn.active .eye-closed{display:block}.auth-form label{display:block;margin-bottom:12px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=tel],.auth-form input[type=text]{width:100%;background:linear-gradient(135deg,rgba(12,12,28,.95) 0,rgba(24,24,45,.95) 100%);border:2px solid rgba(0,243,255,.15);color:var(--text-color);padding:14px 20px 14px 18px;border-radius:12px;font-size:15px;font-weight:400;letter-spacing:.3px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);position:relative;z-index:1;text-align:center;text-align-last:center}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus,.auth-form input[type=tel]:focus,.auth-form input[type=text]:focus{outline:0;border-color:var(--primary-color);background:linear-gradient(135deg,rgba(15,15,35,.98) 0,rgba(28,28,52,.98) 100%);box-shadow:0 0 30px rgba(0,243,255,.4),0 0 60px rgba(0,243,255,.2),inset 0 3px 6px rgba(0,0,0,.5),0 0 0 4px rgba(0,243,255,.15);transform:translateY(-2px) scale(1.01)}.auth-form input[type=email]::placeholder,.auth-form input[type=password]::placeholder,.auth-form input[type=tel]::placeholder,.auth-form input[type=text]::placeholder{color:rgba(140,140,180,.5);font-size:14px;font-weight:300;letter-spacing:.2px}.auth-form input[type=email]:hover,.auth-form input[type=password]:hover,.auth-form input[type=tel]:hover,.auth-form input[type=text]:hover{border-color:rgba(0,243,255,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 0 15px rgba(0,243,255,.15),0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.auth-form input[type=email]:focus::placeholder,.auth-form input[type=password]:focus::placeholder,.auth-form input[type=tel]:focus::placeholder,.auth-form input[type=text]:focus::placeholder{color:rgba(140,140,180,.3)}.auth-form button{width:100%;padding:14px;background:linear-gradient(135deg,#3a3a4a 0,#2a2a3a 100%);color:#e0e0e0;border:1px solid rgba(100,100,110,.4);border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.auth-form button:hover{background:linear-gradient(135deg,#4a4a5a 0,#3a3a4a 100%);box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateY(-2px)}.login-btn{width:100%;padding:16px 24px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;color:var(--darker-bg);font-weight:700;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.4, 0, .2, 1);margin-top:15px;font-family:Orbitron,sans-serif;letter-spacing:2px;text-transform:uppercase;box-shadow:0 6px 20px rgba(0,243,255,.35),0 0 40px rgba(0,243,255,.2);position:relative;overflow:hidden}.login-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-btn:hover::before{left:100%}.login-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(0,243,255,.45),0 0 50px rgba(0,243,255,.25),0 0 0 4px rgba(0,243,255,.2)}.login-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px rgba(0,243,255,.3),0 0 25px rgba(0,243,255,.15)}.login-tabs{display:flex;margin-bottom:25px;border-bottom:2px solid rgba(0,243,255,.15);position:relative}.login-tab{flex:1;padding:12px 20px;text-align:center;cursor:pointer;color:var(--text-muted);transition:all .3s ease;font-size:14px;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase}.login-tab:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(0,243,255,.5)}.login-tab.active{color:var(--primary-color);font-weight:600}.login-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 10px rgba(0,243,255,.5)}.auth-form{display:none}.auth-form.active{display:block}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.register-grid .form-group{margin-bottom:0}.register-grid input[type=email],.register-grid input[type=password],.register-grid input[type=tel],.register-grid input[type=text]{width:100%;background:linear-gradient(135deg,rgba(12,12,28,.95) 0,rgba(24,24,45,.95) 100%);border:2px solid rgba(0,243,255,.15);color:var(--text-color);padding:14px 20px 14px 18px;border-radius:12px;font-size:15px;font-weight:400;letter-spacing:.3px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);position:relative;z-index:1;text-align:center;text-align-last:center}.register-grid input[type=email]:focus,.register-grid input[type=password]:focus,.register-grid input[type=tel]:focus,.register-grid input[type=text]:focus{outline:0;border-color:var(--primary-color);background:linear-gradient(135deg,rgba(15,15,35,.98) 0,rgba(28,28,52,.98) 100%);box-shadow:0 0 30px rgba(0,243,255,.4),0 0 60px rgba(0,243,255,.2),inset 0 3px 6px rgba(0,0,0,.5),0 0 0 4px rgba(0,243,255,.15);transform:translateY(-2px) scale(1.01)}.register-grid input[type=email]::placeholder,.register-grid input[type=password]::placeholder,.register-grid input[type=tel]::placeholder,.register-grid input[type=text]::placeholder{color:rgba(140,140,180,.5);font-size:14px;font-weight:300;letter-spacing:.2px}.register-grid input[type=email]:hover,.register-grid input[type=password]:hover,.register-grid input[type=tel]:hover,.register-grid input[type=text]:hover{border-color:rgba(0,243,255,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 0 15px rgba(0,243,255,.15),0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.verification-group{display:flex;gap:14px;align-items:stretch}.verification-group input{flex:1;padding:14px 20px 14px 18px;text-align:center;width:100%;background:linear-gradient(135deg,rgba(12,12,28,.95) 0,rgba(24,24,45,.95) 100%);border:2px solid rgba(0,243,255,.15);color:var(--text-color);border-radius:12px;font-size:15px;font-weight:400;letter-spacing:.3px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px)}.verification-group input:focus{outline:0;border-color:var(--primary-color);background:linear-gradient(135deg,rgba(15,15,35,.98) 0,rgba(28,28,52,.98) 100%);box-shadow:0 0 30px rgba(0,243,255,.4),0 0 60px rgba(0,243,255,.2),inset 0 3px 6px rgba(0,0,0,.5),0 0 0 4px rgba(0,243,255,.15);transform:translateY(-2px) scale(1.01)}.verification-group input::placeholder{color:rgba(140,140,180,.5);font-size:14px;font-weight:300;letter-spacing:.2px}.verification-group input:hover{border-color:rgba(0,243,255,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 0 15px rgba(0,243,255,.15),0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.verification-group button{width:auto;min-width:150px;padding:14px 28px;font-size:13px;white-space:nowrap;background:linear-gradient(135deg,rgba(0,243,255,.12) 0,rgba(157,78,221,.12) 100%);color:var(--primary-color);border:2px solid rgba(0,243,255,.25);border-radius:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4, 0, .2, 1);text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 12px rgba(0,243,255,.15),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.verification-group button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.verification-group button:hover:not(:disabled)::before{left:100%}.verification-group button:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,243,255,.2) 0,rgba(157,78,221,.2) 100%);border-color:var(--primary-color);box-shadow:0 6px 20px rgba(0,243,255,.25),0 0 30px rgba(0,243,255,.15),inset 0 1px 0 rgba(255,255,255,.15);transform:translateY(-2px)}.verification-group button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(0,243,255,.2)}.verification-group button:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,rgba(50,50,70,.4) 0,rgba(70,70,90,.4) 100%);border-color:rgba(100,100,120,.3);color:var(--text-muted);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.verification-group button:disabled::before{display:none}.form-footer{margin-top:15px;text-align:center;font-size:12px;color:var(--text-muted)}.form-footer a{color:var(--primary-color);text-decoration:none;cursor:pointer}.form-footer a:hover{text-decoration:underline}.language-selector-login{margin-top:20px}.language-selector-login select{width:100%;padding:14px 40px 14px 40px;background:linear-gradient(135deg,rgba(12,12,28,.95) 0,rgba(24,24,45,.95) 100%);border:2px solid rgba(0,243,255,.15);border-radius:12px;color:var(--text-color);font-size:15px;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);appearance:none;-webkit-appearance:none;touch-action:manipulation;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f3ff' d='M7 10.5L2 5.5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;position:relative;z-index:1;text-align:center;text-align-last:center}.language-selector-login select:hover{border-color:rgba(0,243,255,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 0 15px rgba(0,243,255,.15),0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.language-selector-login select:focus{outline:0;border-color:var(--primary-color);background:linear-gradient(135deg,rgba(15,15,35,.98) 0,rgba(28,28,52,.98) 100%);box-shadow:0 0 30px rgba(0,243,255,.4),0 0 60px rgba(0,243,255,.2),inset 0 3px 6px rgba(0,0,0,.5),0 0 0 4px rgba(0,243,255,.15);transform:translateY(-2px) scale(1.01)}.language-selector-login select option{background-color:var(--darker-bg);color:var(--text-color);padding:12px 16px;font-size:14px;border:none;text-align:center}.custom-select-wrapper{position:relative;user-select:none;width:100%}.custom-select{position:relative;display:flex;flex-direction:column}.custom-select-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:14px 40px;font-size:15px;font-weight:400;color:var(--text-color);background:linear-gradient(135deg,rgba(12,12,28,.95) 0,rgba(24,24,45,.95) 100%);border:2px solid rgba(0,243,255,.15);border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px)}.custom-select-trigger span{flex:1;text-align:center}.custom-select-trigger:hover{border-color:rgba(0,243,255,.35);box-shadow:inset 0 3px 6px rgba(0,0,0,.4),0 0 15px rgba(0,243,255,.15),0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.custom-select-trigger:after{content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%2300f3ff' d='M7 10.5L2 5.5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;transition:transform .3s}.custom-select.open .custom-select-trigger:after{transform:translateY(-50%) rotate(180deg)}.custom-options{position:absolute;display:block;top:100%;left:0;right:0;border:2px solid rgba(0,243,255,.15);border-radius:12px;border-top:0;background:var(--darker-bg);transition:all .3s ease;opacity:0;visibility:hidden;pointer-events:none;z-index:100;margin-top:8px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.5);transform:translateY(-10px)}.custom-select.open .custom-options{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.custom-option{position:relative;display:block;padding:12px 16px;font-size:14px;font-weight:400;color:var(--text-color);cursor:pointer;transition:all .2s;text-align:center}.custom-option:hover{background-color:rgba(0,243,255,.1);color:var(--primary-color)}.custom-option.selected{color:var(--primary-color);background-color:rgba(0,243,255,.05)}body.light-theme .custom-select-trigger{background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(245,245,245,.95) 100%);color:var(--text-color);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.05)}body.light-theme .custom-select-trigger:hover{border-color:rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}body.light-theme .custom-select-trigger:after{filter:brightness(.2)}body.light-theme .custom-options{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1)}body.light-theme .custom-option{color:var(--text-color);border-bottom:1px solid rgba(0,0,0,.03)}body.light-theme .custom-option:last-child{border-bottom:none}body.light-theme .custom-option:hover{background-color:rgba(0,0,0,.05);color:var(--primary-color)}body.light-theme .custom-option.selected{background-color:rgba(0,0,0,.08);color:var(--primary-color);font-weight:600}.sidebar{width:20vw;min-width:220px;max-width:320px;background-color:var(--darker-bg);border-right:1px solid rgba(0,243,255,.1);padding:0 0;display:flex;flex-direction:column;box-shadow:5px 0 20px rgba(0,0,0,.3);position:relative;z-index:10;overflow:hidden}.brand-logo{padding:2vh 3vw;border-bottom:1px solid rgba(0,243,255,.1);margin-bottom:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-height:100px}.brand-logo img{max-width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(0, 243, 255, .5))}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 25px 30px;border-bottom:1px solid rgba(0,243,255,.1);margin-bottom:0;cursor:pointer;position:relative;transition:all var(--transition-speed);box-sizing:border-box}.user-info:hover{background-color:rgba(0,243,255,.05)}.user-avatar{width:65px;height:65px;border-radius:50%;overflow:hidden;border:2px solid var(--primary-color);margin-bottom:10px;box-shadow:0 0 15px rgba(0,243,255,.5);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.user-details{flex:1;min-width:0;text-align:center}.user-name{font-weight:600;color:var(--primary-color);margin-bottom:5px;font-family:'Exo 2',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:18px}.nav-controls{padding:20px 25px;margin-bottom:0;border-bottom:1px solid rgba(0,243,255,.1);box-sizing:border-box;display:flex;flex-direction:column;gap:15px}.language-admin-container{display:flex;gap:11px;align-items:center}.connect-container{display:flex;align-items:center}.control-btn{display:flex;align-items:center;justify-content:center;padding:13px;background-color:rgba(10,10,22,.8);border:1px solid rgba(0,243,255,.2);border-radius:10px;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all var(--transition-speed);position:relative;overflow:hidden;width:100%;z-index:100;pointer-events:auto!important}.admin-only{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.control-btn:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateX(5px);box-shadow:0 5px 15px rgba(0,243,255,.2)}.control-btn i{margin-right:15px;font-size:20px;color:var(--primary-color);width:30px;text-align:center}.connection-status-small{margin-left:10px;padding:5px 10px;background-color:rgba(255,71,87,.1);border:1px solid var(--danger-color);border-radius:6px;color:var(--danger-color);font-size:12px;font-weight:600;min-width:60px;text-align:center;box-shadow:0 0 8px rgba(255,71,87,.3)}.connection-status-small.connected{background-color:rgba(0,255,157,.1);border-color:var(--success-color);color:var(--success-color);box-shadow:0 0 8px rgba(0,255,157,.3)}.language-selector{flex:1;display:flex;align-items:center}.language-icon{margin-right:15px;font-size:20px;color:var(--primary-color);width:30px;text-align:center;flex-shrink:0}.language-selector select{width:calc(100% - 45px);padding:15px;background-color:rgba(10,10,22,.8);border:1px solid rgba(0,243,255,.3);border-radius:10px;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all var(--transition-speed);box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:center;text-align-last:center}.language-selector select:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,243,255,.4)}.nav-features{padding:15px 20px;flex:1;border-bottom:1px solid rgba(0,243,255,.1);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:8px}.reset-feature-container{padding:20px 25px 25px;margin-top:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.feature-item.reset-feature{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:18px 15px!important;background-color:rgba(255,71,87,.1)!important;color:var(--danger-color)!important;border:1px solid rgba(255,71,87,.3)!important;border-radius:10px!important;transition:all var(--transition-speed)!important;margin-bottom:0!important;opacity:1!important;visibility:visible!important}.feature-item.reset-feature:hover{background-color:rgba(255,71,87,.2)!important;border-color:var(--danger-color)!important;box-shadow:0 0 15px rgba(255,71,87,.3)!important;transform:translateX(5px)!important}.reset-feature{display:flex!important;align-items:center!important;color:var(--danger-color)!important;background-color:rgba(255,71,87,.1)!important;border:1px solid rgba(255,71,87,.3)!important;opacity:1!important;visibility:visible!important}.reset-feature i{color:var(--danger-color)!important}.admin-mode-switch-container{display:flex;flex-direction:column;align-items:center;gap:5px}.admin-mode-switch{position:relative;display:inline-block;width:50px;height:24px}.admin-mode-switch input{opacity:0;width:0;height:0}.admin-mode-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(0,243,255,.2);transition:.4s;border-radius:24px}.admin-mode-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.admin-mode-slider{background-color:var(--primary-color)}input:focus+.admin-mode-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.admin-mode-slider:before{transform:translateX(26px)}.admin-mode-label{color:var(--text-color);font-size:.6em;white-space:nowrap}.style-switcher-container{padding:15px 20px;margin-top:auto;box-sizing:border-box;display:flex;justify-content:center;gap:8px;border-top:1px solid rgba(0,243,255,.1);flex-shrink:0;width:100%}.login-style-switcher{padding:15px 0;margin:0 auto 10px;width:80%;border:none}.test-login-btn{background:linear-gradient(135deg,#ff4d4f 0,#ff7875 100%);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px rgba(255,77,79,.4);padding:14px 20px;margin:15px auto 10px;width:80%;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.test-login-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.test-login-btn:hover{background:linear-gradient(135deg,#f33 0,#ff4d4f 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,77,79,.5)}.test-login-btn:hover::before{left:100%}.test-login-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(255,77,79,.4)}.login-footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;color:rgba(255,255,255,.6);line-height:1.8;z-index:10}.login-footer .copyright{margin-bottom:5px}.login-footer .beian-info{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}.login-footer a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:var(--primary-color)}.login-footer .divider{color:rgba(255,255,255,.3);margin:0 5px}body.light-theme .login-footer{color:rgba(0,0,0,.6)}body.light-theme .login-footer a{color:rgba(0,0,0,.7)}body.light-theme .login-footer a:hover{color:var(--primary-color)}body.light-theme .login-footer .divider{color:rgba(0,0,0,.4)}.style-btn{padding:10px 16px;border:1px solid rgba(0,243,255,.2);border-radius:8px;background-color:rgba(10,10,22,.8);color:var(--text-color);font-size:13px;cursor:pointer;transition:all var(--transition-speed);flex:1;max-width:100px;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#styleDark{background-color:transparent!important}.style-btn:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateY(-2px)}.style-btn.active{background-color:rgba(0,243,255,.2);border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,243,255,.4)}.feature-item{display:flex;align-items:center;padding:14px 12px;border-radius:8px;cursor:pointer;transition:all var(--transition-speed);border:1px solid transparent;flex-shrink:0}.feature-item:hover{background-color:rgba(0,243,255,.05);border-color:rgba(0,243,255,.2);transform:translateX(5px)}.feature-item.active{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,243,255,.2)}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);height:0;padding:0 1rem}to{opacity:1;transform:translateY(0);height:auto;padding:1rem}}.feature-item{opacity:0;height:0;padding:0 1rem;overflow:hidden;transition:all .3s ease}.feature-item.show{opacity:1;height:auto;padding:18px 15px;overflow:visible;animation:slideDown .5s ease forwards}.feature-item.show:first-child{animation-delay:.1s}.feature-item.show:nth-child(2){animation-delay:.2s}.feature-item.show:nth-child(3){animation-delay:.3s}.feature-item.show:nth-child(4){animation-delay:.4s}.feature-item.show:nth-child(5){animation-delay:.5s}.feature-item i{font-size:22px;margin-right:15px;color:var(--primary-color);width:30px;text-align:center}.reset-feature{color:var(--danger-color);border-color:var(--danger-color);background-color:rgba(255,71,87,.05)}.reset-feature i{color:var(--danger-color)}.reset-feature:hover{background-color:rgba(255,71,87,.1);border-color:var(--danger-color)}.main-content{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0;border-bottom:none;height:auto}.page-title{font-family:Orbitron,sans-serif;font-size:28px;color:var(--primary-color);text-shadow:0 0 10px rgba(0,243,255,.5);letter-spacing:1px}.eq-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;gap:15px;flex:1;min-height:0;overflow:hidden}.image-slider{grid-column:1;grid-row:1;background-color:var(--card-bg);border-radius:var(--border-radius);padding:10px;border:1px solid rgba(0,243,255,.2);box-shadow:0 10px 20px rgba(0,0,0,.3);width:100%;height:100%;box-sizing:border-box;min-height:0;position:relative;z-index:auto;transition:all .8s ease}.eq-container{position:relative}.image-slider.fullscreen{position:absolute;top:0;left:0;z-index:5;width:100%;height:95%}.image-slider.original{position:static;z-index:auto;height:auto}.slider-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;gap:10px}.slider-preview-left,.slider-preview-right{display:none}.image-slider.original .slider-preview-left,.image-slider.original .slider-preview-right{display:flex;flex-direction:column;gap:5px;width:80px;flex-shrink:0;height:100%}.preview-thumb{flex:1;width:100%;aspect-ratio:1.875;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:4px;cursor:pointer;opacity:.5;transition:all .3s ease;border:2px solid transparent;min-height:0}.preview-thumb:hover{opacity:.8}.preview-thumb.active{opacity:1;border-color:var(--primary-color);box-shadow:0 0 10px rgba(0,243,255,.5)}body.light-theme .preview-thumb.active{box-shadow:0 0 10px rgba(73,80,87,.5)}.slider-container{flex:1;height:100%;position:relative;min-width:0}.slider-container img{width:100%;height:100%;object-fit:contain}.device-info{grid-column:1;grid-row:2;background-color:var(--card-bg);border-radius:var(--border-radius);padding:10px;border:1px solid rgba(0,243,255,.2);box-shadow:0 10px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;flex:1;min-height:0;opacity:0;transform:translateY(20px);transition:all .8s ease}.device-info.show{opacity:1;transform:translateY(0)}.device-info.hidden{display:none}.eq-presets-container{grid-column:1;grid-row:3;background-color:var(--card-bg);border-radius:var(--border-radius);padding:10px;border:1px solid rgba(0,243,255,.2);box-shadow:0 10px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;box-sizing:border-box;opacity:0;transform:translateX(-20px);transition:all 0ms ease;min-width:0}.eq-presets-container{overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important}.eq-presets-container.show{opacity:1;transform:translateX(0)}.eq-presets-container *{font-size:.7em!important}.eq-controls{grid-column:2;grid-row:1/span 3;background-color:var(--card-bg);border-radius:var(--border-radius);padding:3px;border:1px solid rgba(0,243,255,.2);box-shadow:0 10px 20px rgba(0,0,0,.3);width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:visible;min-height:0;max-height:100%;opacity:0;transform:translateX(20px);min-width:0;transition:all 0ms ease}.eq-controls>:not(.eq-curve-container){flex-shrink:0}.eq-curve-container{flex:1!important;min-height:320px;min-width:0!important;margin-top:auto!important;display:flex!important;flex-direction:column!important;overflow:visible!important;padding-bottom:25px}.legend-line{width:30px;height:2px}.legend-current{background-color:#00f3ff}.legend-device{background-color:rgba(255,0,0,.7)}body.light-theme .legend-current{background-color:rgba(0,0,0,.8)}body.light-theme .legend-device{background-color:rgba(255,0,0,.7)}body.light-theme #currentTrialEqName{color:rgba(0,0,0,.9)!important}body.light-theme #deviceSavedEqName{color:rgba(255,0,0,.8)!important}body.light-theme .legend-item [data-lang-key=deviceSavedEq]{color:rgba(255,0,0,.8)!important}.eq-curve-content{flex:1!important;min-height:280px;display:flex!important;align-items:center;overflow:visible;padding-bottom:20px;gap:15px}.test-tone-control{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:10px 6px;background-color:transparent;border-radius:8px;border:1px solid transparent;min-width:18px;transform:scale(.7);transform-origin:center center}.test-tone-switch-container,.test-tone-volume-container{display:flex;flex-direction:row;align-items:center;gap:8px}.test-tone-label{font-size:11px;color:var(--text-color);opacity:.8;white-space:nowrap;writing-mode:horizontal-tb}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(220,53,69,.4);transition:.4s;border-radius:26px;border:2px solid rgba(220,53,69,.6)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:50%;transform:translateY(-50%);background-color:#dc3545;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}input:checked+.slider{background-color:rgba(40,167,69,.4);border-color:rgba(40,167,69,.8)}input:checked+.slider:before{transform:translate(22px,-50%);background-color:#28a745}body.light-theme .test-tone-control .slider{background-color:rgba(0,0,0,.15);border-color:rgba(0,0,0,.2)}body.light-theme .test-tone-control input:checked+.slider{background-color:rgba(0,0,0,.4);border-color:rgba(0,0,0,.6)}body.light-theme .test-tone-control input:checked+.slider:before{background-color:#333}.test-tone-volume-slider{-webkit-appearance:none;width:100px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;outline:0;margin:0}.test-tone-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#00f3ff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3)}.test-tone-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#00f3ff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,.3)}.test-tone-volume-value{font-size:11px;color:var(--text-color);opacity:.8}body.light-theme .test-tone-control{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}body.light-theme .test-tone-volume-slider{background:rgba(0,0,0,.15)}body.light-theme .test-tone-volume-slider::-webkit-slider-thumb{background:#333}body.light-theme .test-tone-volume-slider::-moz-range-thumb{background:#333}.waveform-selector-container{display:flex;flex-direction:row;align-items:center;gap:8px}.waveform-buttons{display:flex;gap:4px}.waveform-btn{width:32px;height:24px;padding:2px;background-color:rgba(255,255,255,.1);border:1px solid rgba(0,243,255,.3);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.6}.waveform-btn:hover{background-color:rgba(0,243,255,.2);border-color:rgba(0,243,255,.5);opacity:.9}.waveform-btn.active{background-color:rgba(0,243,255,.3);border-color:rgba(0,243,255,.8);opacity:1;box-shadow:0 0 8px rgba(0,243,255,.4)}.waveform-icon{width:24px;height:12px}body.light-theme .waveform-btn{background-color:rgba(0,0,0,.1);border-color:rgba(0,0,0,.2)}body.light-theme .waveform-btn:hover{background-color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.4)}body.light-theme .waveform-btn.active{background-color:rgba(0,0,0,.3);border-color:rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.2)}.volume-warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.volume-warning-modal.show{opacity:1;visibility:visible}.volume-warning-content{background:linear-gradient(135deg,rgba(20,20,30,.95),rgba(30,30,45,.95));border:2px solid rgba(255,193,7,.5);border-radius:16px;padding:40px 50px;text-align:center;max-width:450px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 30px rgba(255,193,7,.2);transform:scale(.9);transition:transform .3s ease}.volume-warning-modal.show .volume-warning-content{transform:scale(1)}.volume-warning-icon{font-size:64px;margin-bottom:20px;animation:pulseWarning 1.5s ease-in-out infinite}@keyframes pulseWarning{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.volume-warning-title{font-size:28px;font-weight:700;color:#ffc107;margin-bottom:20px;text-shadow:0 0 10px rgba(255,193,7,.5)}.volume-warning-text{font-size:16px;color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:30px}.volume-warning-btn{background:linear-gradient(135deg,rgba(255,193,7,.8),rgba(255,152,0,.8));color:#000;border:none;padding:14px 40px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,193,7,.3)}.volume-warning-btn:hover{background:linear-gradient(135deg,#ffc107,#ff9800);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,7,.4)}body.light-theme .volume-warning-content{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,245,250,.98));border-color:rgba(255,152,0,.6);box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 30px rgba(255,152,0,.15)}body.light-theme .volume-warning-title{color:#e65100;text-shadow:0 0 10px rgba(230,81,0,.3)}body.light-theme .volume-warning-text{color:rgba(0,0,0,.8)}body.light-theme .volume-warning-btn{background:linear-gradient(135deg,rgba(255,152,0,.9),rgba(230,81,0,.9));color:#fff;box-shadow:0 4px 15px rgba(255,152,0,.3)}body.light-theme .volume-warning-btn:hover{background:linear-gradient(135deg,#ff9800,#e65100);box-shadow:0 6px 20px rgba(255,152,0,.4)}#eqCanvas{flex:1!important;min-width:300px;min-height:260px;background-color:rgba(0,0,0,.2);border-radius:8px;box-sizing:border-box;position:relative;z-index:10}.eq-controls.show{opacity:1;transform:translateX(0)}.info-list{flex:1;margin-bottom:10px;overflow-y:auto}.device-subarea{background-color:rgba(10,10,22,.8);border-radius:8px;padding:8px;margin-top:0;border:1px solid rgba(0,243,255,.2);display:flex;align-items:center;justify-content:center;flex:1;width:100%;overflow:hidden}body.light-theme .modal-content{background-color:#ebddb3;border-color:#fff8e1}body.light-theme .device-info{background-color:#ede8d0}body.light-theme .device-form{background-color:#ebddb3}body.light-theme .device-form input{background-color:#f5f5f5;border:1px solid rgba(0,0,0,.2);color:var(--text-color)}body.light-theme .device-form input:focus{background-color:#fff;border-color:var(--primary-color)}body.light-theme .device-list{background-color:#ede8d0;padding:15px;border-radius:10px}body.light-theme .device-item{background-color:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)}body.light-theme .device-item:hover{background-color:rgba(255,255,255,.8);border-color:var(--primary-color)}body.light-theme .device-form .form-group:nth-child(13) label,body.light-theme .device-form label[style*="background-color: rgba(10, 10, 22, 0.8)"]{background-color:transparent!important;border:1px solid #fff8e1!important}body.light-theme .device-form .spec-values{background-color:transparent!important;border:none!important}body.light-theme .device-form .form-group:nth-child(12) .spec-values,body.light-theme .device-form .form-group:nth-child(12)>label:first-child{background-color:transparent!important;border:none!important}.subarea-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.device-subarea h3{color:var(--primary-color);font-family:Orbitron,sans-serif;font-size:12px;margin-bottom:3px}.device-subarea p{color:var(--text-muted);font-size:10px}.specifications-grid{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;align-items:center;justify-content:center}.spec-row{display:flex;gap:4px;width:100%;justify-content:space-between;max-width:100%}.spec-item{display:flex;align-items:center;background-color:rgba(10,10,22,.6);border-radius:4px;padding:4px 8px;flex:1;min-width:0;justify-content:center}.spec-header{display:flex;flex-direction:column;align-items:center;width:100%;gap:3px}.spec-label{color:var(--primary-color);font-size:10px;font-weight:600;font-family:Orbitron,sans-serif;text-align:center}.spec-values{display:flex;flex-wrap:wrap;gap:3px;width:100%;justify-content:center;margin-top:2px}.spec-value{padding:2px 5px;border-radius:3px;font-size:10px;font-weight:500;transition:all var(--transition-speed);min-width:22px;text-align:center}.spec-value.s{background-color:rgba(160,160,192,.15);color:var(--text-color);border:1px solid rgba(160,160,192,.3);display:inline-block}.spec-value.u{display:none}.spec-value.selectable{cursor:pointer;padding:5.6px 8.4px;font-size:9.1px;min-width:35px;background-color:rgba(160,160,192,.15);color:var(--text-muted);border:1px solid rgba(160,160,192,.3);transition:all .3s ease}.spec-value.selectable:hover{background-color:rgba(160,160,192,.25);border-color:rgba(160,160,192,.5)}.spec-value.selectable.active{background-color:rgba(160,160,192,.2);color:var(--text-color);border:1px solid rgba(160,160,192,.5);box-shadow:none}.preset-content{flex:1;overflow-y:auto;margin:0;padding:10px 0 0 0;scrollbar-gutter:stable}.eq-presets-container .eq-presets{margin:0 0 10px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex-shrink:0}.preset-content{margin:0;padding:0 8px 0 0;flex:1;overflow-y:auto;min-height:0;scrollbar-gutter:auto;overflow-y:overlay}@supports not (overflow-y:overlay){.preset-content{padding-right:0}}.preset-content-item{display:none}.preset-content-item.active{display:block}.preset-buttons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;max-height:calc(100vh - 400px);overflow-y:auto;scrollbar-gutter:auto;overflow-y:overlay;padding-right:8px}@supports not (overflow-y:overlay){.preset-buttons-grid{padding-right:0}}.online-search-area{background-color:rgba(10,10,22,.6);border:1px solid rgba(0,243,255,.2);border-radius:10px;padding:15px;margin-bottom:20px;display:flex;gap:15px;align-items:center}.search-input-group{display:flex;gap:10px;flex:1}.search-input{flex:1;background-color:rgba(0,0,0,.5);border:1px solid rgba(0,243,255,.3);border-radius:5px;padding:10px 15px;color:var(--text-color);font-size:14px;outline:0;transition:all .3s;min-width:200px}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 10px rgba(0,243,255,.2)}.search-input::placeholder{color:rgba(255,255,255,.5)}.search-btn{background-color:var(--primary-color);border:none;border-radius:5px;padding:10px 20px;color:#fff;cursor:pointer;transition:all .3s;white-space:nowrap}.search-btn:hover{background-color:var(--primary-color);opacity:.8;transform:translateY(-2px)}.device-filter-group{display:flex;align-items:center;gap:10px;white-space:nowrap}.device-filter-group label{color:var(--text-color);font-size:14px;white-space:nowrap}.device-filter-select{background-color:rgba(0,0,0,.5);border:1px solid rgba(0,243,255,.3);border-radius:5px;padding:10px 15px;color:var(--text-color);font-size:14px;outline:0;cursor:pointer;transition:all .3s;min-width:150px}.device-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 10px rgba(0,243,255,.2)}.device-filter-select option{background-color:var(--dark-bg);color:var(--text-color)}.microphone-section{padding:20px;background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,243,255,.1)}.microphone-section h3{color:var(--primary-color);margin-bottom:20px;font-size:1.2rem;text-shadow:0 0 10px rgba(0,243,255,.2)}.preset-content-item.active{display:block!important;gap:0;align-items:flex-start;justify-content:flex-start;min-height:auto}.preset-content-item.active:has(> .mic-left-section),.preset-content-item.active:has(> .mic-middle-section),.preset-content-item.active:has(> .mic-right-section){display:flex!important;gap:20px;align-items:center;justify-content:center;min-height:300px}.mic-left-panel{flex:1;min-width:0;display:flex;gap:20px}.mic-left-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px}.mic-middle-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mic-right-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.mic-right-panel{width:100%;display:flex;flex-direction:column;align-items:center}.microphone-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;align-items:center}.control-group{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.control-group label{color:var(--text-color);font-size:1rem;font-weight:500}.toggle-container{display:flex;align-items:center}.toggle-btn{position:relative;width:120px;height:40px;border:none;border-radius:20px;cursor:pointer;transition:all var(--transition-speed) ease;background-color:rgba(255,71,87,.2);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;overflow:hidden}.toggle-btn[data-status=enabled]{background-color:rgba(0,255,157,.2);justify-content:flex-end}.toggle-btn[data-status=disabled]{background-color:rgba(255,71,87,.2)}.toggle-btn[data-status=unsupported]{background-color:rgba(160,160,192,.2);cursor:not-allowed;opacity:.6}.toggle-slider{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background-color:var(--danger-color);transition:all var(--transition-speed) ease;box-shadow:0 2px 5px rgba(0,0,0,.3)}.toggle-btn[data-status=enabled] .toggle-slider{background-color:var(--success-color);transform:translateY(-50%) translateX(80px)}.toggle-btn[data-status=unsupported] .toggle-slider{background-color:var(--text-muted)}.status-text{font-size:.85rem;font-weight:600;color:var(--danger-color);margin-left:40px;transition:all var(--transition-speed) ease}.toggle-btn[data-status=enabled] .status-text{color:var(--success-color);margin-left:0;margin-right:40px}.toggle-btn[data-status=unsupported] .status-text{color:var(--text-muted)}.volume-visualization{margin-bottom:0}.browser-mic-volume{margin-bottom:20px;padding:15px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(0,243,255,.1)}.browser-mic-volume h4{color:var(--text-color);margin-bottom:10px;font-size:.9rem;text-align:center}.browser-volume-bar-wrapper{display:flex;align-items:center;gap:10px}.browser-volume-bar{flex:1;height:20px;background:rgba(0,0,0,.5);border-radius:10px;overflow:hidden;border:1px solid rgba(0,243,255,.2)}.browser-volume-fill{height:100%;width:0%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transition:width .1s ease;border-radius:10px}.browser-volume-value{color:var(--text-color);font-size:.85rem;font-weight:500;min-width:40px;text-align:right}.volume-visualization h4{color:var(--text-color);margin-bottom:15px;font-size:1rem;text-align:center}.volume-bars-container{display:flex;gap:10px;justify-content:center;align-items:flex-end}.volume-channel{display:flex;flex-direction:column;gap:10px;width:50px}.volume-channel label{color:var(--text-muted);font-size:.85rem;font-weight:500;text-align:center}.volume-bar-wrapper{background-color:rgba(0,0,0,.3);border-radius:10px;padding:10px;border:1px solid rgba(0,243,255,.1);width:100%}.volume-bar{width:100%;height:150px;background-color:rgba(0,0,0,.5);border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:3px}.volume-fill{width:100%;height:0%;background:linear-gradient(to top,var(--primary-color),var(--secondary-color));transition:height .1s ease;border-radius:5px 5px 0 0;box-shadow:0 0 10px rgba(0,243,255,.5)}.volume-value{text-align:center;color:var(--primary-color);font-size:.85rem;font-weight:600}.mic-gain-section{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:15px}.mic-gain-section h4{color:var(--text-color);margin:0;font-size:1rem;text-align:center}.gain-control{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.gain-control label{color:var(--text-color);font-size:1rem;font-weight:500;text-align:center}.gain-control .eq-btn{width:auto;min-width:150px}.slider-container{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.gain-slider{-webkit-appearance:none;appearance:none;width:100%;max-width:500px;height:8px;background:linear-gradient(to right,rgba(0,243,255,.2),rgba(0,243,255,.4));border-radius:5px;outline:0;cursor:pointer}.slider-container{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.reset-btn{background-color:rgba(255,255,255,.1);color:var(--text-color);border:1px solid rgba(255,255,255,.2);padding:clamp(8px,1.5vh,12px);border-radius:8px;font-weight:600;font-size:clamp(10px, 1.5vw, 14px);cursor:pointer;transition:all var(--transition-speed);font-family:Orbitron,sans-serif;letter-spacing:1px;margin-top:15px}.save-btn{background-color:rgba(255,255,255,.1);color:var(--text-color);border:1px solid rgba(255,255,255,.2);padding:clamp(8px,1.5vh,12px);border-radius:8px;font-weight:600;font-size:clamp(10px, 1.5vw, 14px);cursor:pointer;transition:all var(--transition-speed);font-family:Orbitron,sans-serif;letter-spacing:1px}.reset-btn:hover,.save-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.action-buttons{display:flex;justify-content:center;width:100%;margin-top:20px}h4{color:var(--text-color);margin-bottom:15px;font-size:1rem;text-align:center;font-weight:600}label{color:var(--text-color);font-size:1rem;font-weight:500;text-align:center;display:block}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#00f3ff;cursor:pointer;box-shadow:0 0 10px rgba(0,243,255,.7);transition:all var(--transition-speed) ease}.gain-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(0,243,255,.9)}.gain-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#00f3ff;cursor:pointer;border:none;box-shadow:0 0 10px rgba(0,243,255,.7);transition:all var(--transition-speed) ease}.gain-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(0,243,255,.9)}.gain-value{text-align:center;color:var(--primary-color);font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(0,243,255,.3)}.action-buttons{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.dac-filter-main-container{display:flex;flex-direction:column;height:100%;gap:20px;padding:0 20px;flex:1;min-height:0}.centered{display:flex;justify-content:center;align-items:center}.filter-description{margin-top:auto;margin-bottom:15px;text-align:center;color:var(--text-muted);font-size:.9rem;flex-shrink:0;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.filter-image-placeholder{margin-top:10px;flex:1;display:flex;justify-content:center;align-items:center;width:100%;min-height:0}.filter-image-placeholder img{max-width:100%;max-height:100%;object-fit:contain}.filter-image-placeholder .image-placeholder{width:100%;height:100%}.balance-label{font-weight:600;color:var(--text-color);min-width:20px}.filter-title-item{display:flex;flex-direction:column;align-items:center;height:100%}.filter-title-item h6{margin:0 0 10px 0;font-size:.85rem;text-align:center;color:var(--text-color)}.filter-selectable{cursor:pointer;transition:all var(--transition-speed) ease;padding:10px;border-radius:var(--border-radius)}.filter-selectable:hover{background-color:rgba(0,243,255,.1);transform:translateY(-3px)}.filter-selectable.selected{background-color:rgba(0,243,255,.2);border:2px solid var(--primary-color);box-shadow:0 0 15px rgba(0,243,255,.3)}.filter-title-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;height:100%;align-items:center}.dac-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;height:100%;align-items:center}.dac-filter-container{background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,243,255,.1);padding:20px;display:flex;flex-direction:column;flex:1;min-height:0}.dac-filter-container1{flex:2;display:flex;flex-direction:column;min-height:0;position:relative}.dac-filter-container1 h4{position:relative;z-index:2;color:var(--text-color);text-shadow:0 2px 4px rgba(0,0,0,.8)}.dac-filter-container2{flex:1;display:flex;flex-direction:column;min-height:0}.dac-filter-container3{flex:1;display:flex;flex-direction:column;min-height:0}.dac-filter-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}.dac-filter-image-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center}.image-placeholder{width:100%;height:100%;background-color:rgba(0,0,0,.3);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;color:var(--text-muted);border:2px dashed rgba(0,243,255,.2);position:relative;z-index:1}.filter-title-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.filter-title-item{background-color:rgba(0,0,0,.2);padding:15px;border-radius:var(--border-radius);text-align:center;font-size:.9rem;font-weight:500;color:var(--text-color)}.dac-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.dac-control-item{display:flex;flex-direction:column;align-items:center;gap:15px}.dac-control-item.centered{justify-content:center;width:120%}.dac-control-grid.centered{justify-items:center}.dac-control-item h5{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.compound-buttons{display:flex;background-color:rgba(0,0,0,.3);border-radius:var(--border-radius);overflow:hidden}.compound-btn{background-color:transparent;color:var(--text-muted);border:none;padding:10px 20px;cursor:pointer;transition:all var(--transition-speed) ease;font-weight:600;font-size:.9rem;margin:0}.compound-btn.active{background-color:var(--primary-color);color:var(--darker-bg)}.compound-btn[title]{position:relative}.compound-btn[title]:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background-color:var(--darker-bg);color:var(--text-color);font-size:.8rem;font-weight:400;white-space:nowrap;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;margin-bottom:8px;opacity:0;animation:tooltipFadeIn .2s ease forwards}.compound-btn[title]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--darker-bg);z-index:1001;margin-bottom:-4px;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dac-mode-help{margin-left:6px;font-size:14px;color:var(--text-muted);cursor:pointer;transition:all .3s ease;display:inline-block;vertical-align:middle;font-weight:400}.dac-mode-help:hover{color:var(--primary-color)}.dac-title{font-size:inherit;font-weight:inherit;color:inherit}.dac-mode-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.dac-mode-modal.active{opacity:1;visibility:visible}.dac-mode-modal-content{background-color:var(--card-bg);border-radius:12px;padding:24px;max-width:450px;width:90%;border:1px solid var(--border-color);box-shadow:0 10px 40px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s ease}.dac-mode-modal.active .dac-mode-modal-content{transform:scale(1)}.dac-mode-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.dac-mode-modal-header h3{margin:0;color:var(--text-color);font-size:1.1rem}.dac-mode-modal-close{background:0 0;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px;transition:color .3s ease}.dac-mode-modal-close:hover{color:var(--text-color)}.dac-mode-item{margin-bottom:16px;padding:12px;background-color:rgba(0,243,255,.05);border-radius:8px;border-left:3px solid var(--primary-color)}.dac-mode-item:last-child{margin-bottom:0;border-left-color:var(--secondary-color)}.dac-mode-item h4{margin:0 0 8px 0;color:var(--text-color);font-size:.95rem}.dac-mode-item p{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.5}body.light-theme .compound-btn[title]:hover::after{background-color:var(--card-bg);color:var(--text-color);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.15)}body.light-theme .compound-btn[title]:hover::before{border-top-color:var(--card-bg)}.balance-slider-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.balance-slider-wrapper{width:60%;display:flex;align-items:center;gap:15px;justify-content:center}.balance-slider-wrapper .gain-slider{width:70%}body:not(.light-theme) .compound-btn{background-color:transparent;color:var(--text-muted)}body:not(.light-theme) .compound-btn.active{background-color:var(--primary-color);color:var(--darker-bg)}body.light-theme .dac-filter-container{background-color:rgba(255,248,225,.8);border:1px solid rgba(0,0,0,.1)}body.light-theme .filter-title-item{background-color:rgba(0,0,0,.05)}body.light-theme .filter-selectable.selected{background-color:rgba(128,128,128,.15);border:2px solid rgba(128,128,128,.6);box-shadow:0 0 15px rgba(128,128,128,.4)}body.light-theme .compound-buttons{background-color:rgba(0,0,0,.1)}.gain-reset-container{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}@media screen and (max-width:1920px){.microphone-section{padding:15px}.microphone-controls{grid-template-columns:1fr}.volume-bars-container{grid-template-columns:1fr}}body.light-theme .microphone-section{border-color:rgba(0,0,0,.1)}body.light-theme .volume-bar-wrapper{border-color:rgba(0,0,0,.1)}body.light-theme .toggle-btn[data-status=enabled]{background-color:rgba(40,167,69,.2)}body.light-theme .toggle-btn[data-status=disabled]{background-color:rgba(220,53,69,.2)}body.light-theme .toggle-btn[data-status=unsupported]{background-color:rgba(108,117,125,.2)}.preset-content{scrollbar-width:thin;scrollbar-color:rgba(0,243,255,0.5) transparent}.preset-content::-webkit-scrollbar{width:6px;height:6px}.preset-content::-webkit-scrollbar-track{background:0 0;border-radius:3px}.preset-content::-webkit-scrollbar-thumb{background:rgba(0,243,255,.4);border-radius:3px;border:none}.preset-content::-webkit-scrollbar-thumb:hover{background:rgba(0,243,255,.7)}.preset-content::-webkit-scrollbar-corner{background:0 0}body.light-theme .preset-content,body.light-theme ::-webkit-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(73,80,87,0.5) transparent}body.light-theme .preset-content::-webkit-scrollbar,body.light-theme ::-webkit-scrollbar{width:6px;height:6px}body.light-theme .preset-content::-webkit-scrollbar-track,body.light-theme ::-webkit-scrollbar-track{background:0 0;border-radius:3px}body.light-theme .preset-content::-webkit-scrollbar-thumb,body.light-theme ::-webkit-scrollbar-thumb{background:rgba(73,80,87,.4);border-radius:3px;border:none}body.light-theme .preset-content::-webkit-scrollbar-thumb:hover,body.light-theme ::-webkit-scrollbar-thumb:hover{background:rgba(73,80,87,.7)}body.light-theme .preset-content::-webkit-scrollbar-corner,body.light-theme ::-webkit-scrollbar-corner{background:#ede8d0}body.light-theme .online-search-area{background-color:transparent;border:1px solid rgba(73,80,87,.3)}body.light-theme .search-input{background-color:transparent;border:1px solid rgba(73,80,87,.3);color:#2c3e50}body.light-theme .search-input:focus{border-color:#5a6c7d;box-shadow:0 0 10px rgba(73,80,87,.2)}body.light-theme .search-input::placeholder{color:rgba(44,62,80,.5)}body.light-theme .search-btn{background-color:#5a6c7d}body.light-theme .search-btn:hover{background-color:#5a6c7d;opacity:.8}body.light-theme .device-filter-group label{color:#2c3e50}body.light-theme .device-filter-select{background-color:transparent;border:1px solid rgba(73,80,87,.3);color:#2c3e50}body.light-theme .device-filter-select:focus{border-color:#5a6c7d;box-shadow:0 0 10px rgba(73,80,87,.2)}body.light-theme .device-filter-select option{background-color:#ede8d0;color:#2c3e50}.preset-buttons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.preset-item-container{display:flex;background-color:rgba(10,10,22,.8);border:1px solid rgba(0,243,255,.2);border-radius:10px;transition:all var(--transition-speed);overflow:hidden;position:relative}.preset-btn{width:100%;height:100%}.preset-btn{flex:1;background-color:transparent;border:none;border-radius:10px;padding:clamp(10px,2vh,18px) clamp(8px,1.5vw,15px);color:var(--text-color);cursor:pointer;transition:all var(--transition-speed);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1vh,10px);text-align:center}.preset-btn:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,243,255,.2)}.preset-btn.active{background-color:rgba(0,100,255,.2);border-color:#0064ff;box-shadow:0 0 20px rgba(0,100,255,.4),inset 0 0 10px rgba(0,100,255,.1);transform:translateY(-3px)}.preset-btn i{font-size:clamp(16px, 3vw, 28px);color:var(--primary-color)}.preset-btn span{font-size:clamp(10px, 1.5vw, 14px)}.preset-actions{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:transparent;padding:0}.preset-action-btn{background-color:transparent;border:none;color:var(--primary-color);cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;font-size:12px;padding:5px;width:30px;height:30px;pointer-events:auto}.preset-action-btn i{color:var(--primary-color)}.preset-action-btn{opacity:.5}.preset-action-btn:hover{opacity:1}.preset-action-btn.edit{position:absolute;top:5px;left:5px;z-index:1}.preset-action-btn.rename{position:absolute;bottom:5px;left:5px;z-index:1}.preset-action-btn.delete{position:absolute;top:5px;right:5px;z-index:1}.preset-action-btn.share{position:absolute;bottom:5px;right:5px;z-index:1}.preset-action-btn:hover{background-color:rgba(0,243,255,.2);color:var(--primary-color)}.preset-action-btn.edit{color:var(--warning-color)}.preset-action-btn.rename{color:var(--success-color)}.preset-action-btn.delete{color:var(--danger-color)}.preset-action-btn.share{color:var(--primary-color)}.preset-item-container .preset-actions .preset-action-btn.share.shared{color:var(--warning-color)!important}.preset-action-btn.favorite{position:absolute;top:5px;right:5px;z-index:1}.preset-item-container .preset-actions .preset-action-btn.favorite.favorited{color:var(--danger-color)!important}.preset-action-btn.favorite.favorited i{color:var(--danger-color)!important}.preset-action-btn.edit:hover{background-color:rgba(255,170,0,.2)}.preset-action-btn.rename:hover{background-color:rgba(0,255,157,.2)}.preset-action-btn.delete:hover{background-color:rgba(255,71,87,.2)}.preset-action-btn.share:hover{background-color:rgba(0,243,255,.2)}.preset-action-btn.share.shared:hover{background-color:rgba(255,170,0,.2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,4vh,40px) clamp(10px,2vw,20px);text-align:center;color:var(--text-muted)}.empty-state i{font-size:clamp(30px, 6vw, 60px);color:var(--primary-color);margin-bottom:clamp(10px,2vh,20px);opacity:.5}.empty-state h3{color:var(--text-color);margin-bottom:10px;font-family:Orbitron,sans-serif}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.info-list{display:flex;flex-direction:row;gap:clamp(5px,1vw,10px);justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%}.info-item{display:flex;align-items:center;flex:1;min-width:0;flex-direction:column;text-align:center;gap:2px;justify-content:center}.info-item:nth-child(5){order:5}.info-item{display:flex;align-items:center;flex:1;min-width:0;flex-direction:column;text-align:center;gap:1px;justify-content:flex-end}.info-item i{color:var(--primary-color);font-size:clamp(20px, 4vw, 36px);margin-right:0;margin-top:10px;width:auto;display:flex;align-items:center;justify-content:center}.info-label{color:var(--text-muted);font-size:clamp(9.6px, 1.44vw, 12px);margin:0;min-width:auto;width:100%;font-weight:600}.info-value{color:var(--text-color);font-weight:500;font-size:clamp(9.6px, 1.44vw, 12px);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0}.info-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0;text-align:center;gap:1px}.info-item div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:40px;gap:1px}.device-subarea h3{font-size:clamp(8.4px, .84vw, 8.4px)}.device-subarea p{font-size:clamp(7px, .7vw, 7px)}.spec-label{font-size:clamp(8.4px, 1.12vw, 11.2px)}.spec-value{font-size:clamp(7px, .98vw, 9.8px);padding:2.8px 5.6px}.spec-value.selectable{background-color:rgba(160,160,192,.15);color:var(--text-muted);border:1px solid rgba(160,160,192,.3)}.spec-value.selectable.active{background-color:rgba(0,255,157,.2);color:#00ff9d;border:1px solid rgba(0,255,157,.5);box-shadow:0 0 10px rgba(0,255,157,.3)}.info-item div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.eq-grid-container{display:flex;flex-direction:column;margin-bottom:20px;background-color:rgba(10,10,22,.8);border-radius:10px;padding:15px;border:1px solid rgba(0,243,255,.2);flex:0 0 auto}.eq-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.eq-row{display:flex;align-items:center;margin-bottom:4px;gap:5px}.eq-row:last-child{margin-bottom:0}.eq-row-header{color:var(--primary-color);font-weight:600;width:120px;min-width:120px;flex-shrink:0;text-align:left;font-family:Orbitron,sans-serif;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.eq-column{flex:0.85;display:flex;flex-direction:column;align-items:center;padding:0 5px}.eq-value{width:100%;padding:8px 5px;text-align:center;background-color:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,243,255,.2);color:var(--text-color);font-size:14px;margin-bottom:5px;cursor:pointer;transition:all var(--transition-speed)}.eq-value:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color)}.eq-slider-column{height:15vh;min-height:120px;max-height:180px;display:flex;justify-content:center;align-items:center}.eq-slider{width:1vw;min-width:6px;max-width:10px;height:12vh;min-height:100px;max-height:150px;writing-mode:vertical-lr;direction:rtl;background:0 0}input[type=range]#globalGain,input[type=range].eq-slider{-webkit-appearance:none;appearance:none;background:0 0}input[type=range]#globalGain::-webkit-slider-runnable-track,input[type=range].eq-slider::-webkit-slider-runnable-track{background:linear-gradient(to bottom,rgba(0,243,255,.2),rgba(0,243,255,.4));border-radius:5px;height:100%}input[type=range]#globalGain::-webkit-slider-thumb,input[type=range].eq-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#00f3ff;cursor:pointer;box-shadow:0 0 10px rgba(0,243,255,.7)}input[type=range]#globalGain::-moz-range-track,input[type=range].eq-slider::-moz-range-track{background:linear-gradient(to bottom,rgba(0,243,255,.2),rgba(0,243,255,.4));border-radius:5px;height:100%}input[type=range]#globalGain::-moz-range-thumb,input[type=range].eq-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#00f3ff;cursor:pointer;border:none;box-shadow:0 0 10px rgba(0,243,255,.7)}.slider-value{margin-top:1vh;font-size:clamp(.7rem, 1.5vw, .8rem);color:var(--primary-color);font-weight:600}.eq-curve-container{flex:1;background-color:rgba(10,10,22,.8);border-radius:10px;padding:15px;margin:10px 0;border:1px solid rgba(0,243,255,.2);position:relative;display:flex;flex-direction:column;overflow:visible;min-height:320px;max-height:none}.eq-curve-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.eq-curve-title h3{font-family:Orbitron,sans-serif;font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--primary-color)}.eq-curve-content{display:flex;gap:2vw;align-items:center;margin-bottom:0;overflow:visible;min-height:280px;max-height:none;width:100%;box-sizing:border-box;flex:1;padding-bottom:20px}#eqCanvas{flex:1 1 auto;min-width:300px;height:auto;min-height:260px;max-height:none;background-color:rgba(0,0,0,.2);border-radius:8px;box-sizing:border-box;position:relative;z-index:10}.global-control{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,15px);width:clamp(80px,10vw,120px);min-width:80px;flex-shrink:0}.global-control label{color:var(--text-muted);font-size:clamp(10px, 1.5vw, 14px);text-align:center;margin-right:0;white-space:nowrap}.global-control input{width:clamp(40px,5vw,60px);height:clamp(120px,20vh,200px);writing-mode:vertical-lr;direction:rtl;margin:clamp(10px,2vh,20px) 0}.global-gain-display{color:var(--primary-color);font-size:clamp(12px, 1.8vw, 16px);font-weight:600;font-family:Orbitron,sans-serif;text-align:center;min-width:clamp(40px,5vw,50px)}.eq-actions{display:flex;gap:15px;margin-top:15px;flex:0 0 auto}.eq-btn{flex:1;padding:clamp(8px,1.5vh,12px);border-radius:8px;border:none;font-weight:600;font-size:clamp(10px, 1.5vw, 14px);cursor:pointer;transition:all var(--transition-speed);font-family:Orbitron,sans-serif;letter-spacing:1px}.save-btn{background-color:rgba(255,255,255,.1);color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.clear-btn{background-color:rgba(255,255,255,.1);color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.eq-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.eq-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,20px);margin-top:clamp(10px,2vh,20px)}.preset-tab{text-align:center;padding:clamp(8px,1.5vh,15px);background-color:rgba(10,10,22,.5);border-radius:10px;border:1px solid rgba(0,243,255,.2);cursor:pointer;transition:all var(--transition-speed);z-index:100;pointer-events:auto!important}.preset-tab:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateY(-5px)}.preset-tab.active{background-color:rgba(0,243,255,.25);border-color:var(--primary-color);box-shadow:0 0 20px rgba(0,243,255,.4),inset 0 0 10px rgba(0,243,255,.1);transform:translateY(-3px)}.preset-tab i{font-size:24px;color:var(--primary-color);margin-bottom:10px}.preset-tab h4{font-family:Orbitron,sans-serif;font-size:16px;margin-bottom:5px}.preset-tab p{color:var(--text-muted);font-size:12px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.modal.active{display:flex}.modal-content{background-color:var(--card-bg);border-radius:var(--border-radius);width:90%;max-width:600px;border:1px solid rgba(0,243,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px rgba(0,243,255,.1),0 0 40px rgba(0,243,255,.2);overflow:hidden}.modal-header{padding:25px;border-bottom:1px solid rgba(0,243,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-family:Orbitron,sans-serif;color:var(--primary-color)}.modal-close{background:0 0;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:all var(--transition-speed)}.modal-close:hover{color:var(--primary-color)}body.light-theme .modal-header{border-bottom-color:rgba(0,0,0,.2)}body.light-theme .modal-header h2{color:var(--text-color)}.modal-body{padding:25px;max-height:60vh;overflow-y:auto}#factoryResetModal .modal-content{border-color:rgba(255,71,87,.3);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,71,87,.1),0 0 40px rgba(255,71,87,.2)}#factoryResetModal .modal-header{border-bottom-color:rgba(255,71,87,.2)}#factoryResetModal .modal-header h2{color:#ff4757}#confirmFactoryResetBtn:not([disabled]){background-color:#ff4757!important;color:#fff!important;border-color:#ff4757!important}#confirmFactoryResetBtn:not([disabled]):hover{background-color:#ff6b7a!important}.device-actions{display:flex;gap:10px;margin-bottom:20px}.device-actions .control-btn{flex:1;padding:12px;background-color:rgba(10,10,22,.5);border:1px solid rgba(0,243,255,.2);border-radius:10px;color:var(--text-color);font-size:14px;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:8px}.device-actions .control-btn:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,243,255,.2)}.device-actions .control-btn i{color:var(--primary-color);font-size:16px}.device-list{display:flex;flex-direction:column;gap:15px}.device-item{padding:20px;background-color:rgba(10,10,22,.5);border-radius:10px;border:1px solid rgba(0,243,255,.2);cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center}.device-item:hover{background-color:rgba(0,243,255,.1);border-color:var(--primary-color);transform:translateX(5px)}.device-icon{width:50px;height:50px;background-color:rgba(0,243,255,.1);border-radius:10px;display:flex;justify-content:center;align-items:center;margin-right:20px;color:var(--primary-color);font-size:24px;position:relative}.device-status-dot{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;border:2px solid var(--dark-bg);transition:all .3s ease}.device-status-dot.acquired{background-color:var(--success-color);box-shadow:0 0 10px var(--success-color)}.device-status-dot.not-acquired{background-color:var(--danger-color);box-shadow:0 0 10px var(--danger-color)}.device-details h3{margin-bottom:5px;color:var(--text-color)}.device-details p{color:var(--text-muted);font-size:14px}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.error-state i,.loading-state i{font-size:48px;margin-bottom:20px}.loading-state i{color:var(--primary-color)}.error-state i{color:var(--danger-color)}.error-state h3,.loading-state h3{color:var(--text-color);margin-bottom:10px;font-family:Orbitron,sans-serif}.device-form{display:flex;flex-direction:column;gap:15px}.device-form .form-group{display:flex;flex-direction:column;gap:15px;margin-bottom:5px}.device-form label{color:var(--text-color);font-weight:500;font-size:14px;text-align:left}.device-form input{padding:12px 16px;background:rgba(10,10,22,.8);border:1px solid rgba(0,243,255,.2);border-radius:8px;color:var(--text-color);font-size:14px;transition:all var(--transition-speed)}.device-form input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 10px rgba(0,243,255,.2)}.device-form input[readonly]{background:rgba(10,10,22,.4);color:var(--text-muted);cursor:not-allowed}.device-actions-container{display:flex;gap:10px;margin-top:20px}.device-actions-container .control-btn{flex:1}.device-item-actions{display:flex;gap:10px;margin-left:auto}.device-item-actions .control-btn{padding:8px 16px;font-size:12px}.device-item-actions .control-btn.connect{background:linear-gradient(135deg,rgba(255,71,87,.2) 0,rgba(255,71,87,.1) 100%);border-color:var(--danger-color);color:var(--danger-color)}.device-item-actions .control-btn.connected{background:linear-gradient(135deg,rgba(0,255,157,.2) 0,rgba(0,255,157,.1) 100%);border-color:var(--success-color);color:var(--success-color)}.device-item-actions .control-btn.disconnect{background:linear-gradient(135deg,rgba(255,71,87,.2) 0,rgba(255,71,87,.1) 100%);border-color:var(--danger-color);color:var(--danger-color)}.device-item-actions .control-btn.edit{background:linear-gradient(135deg,rgba(255,170,0,.2) 0,rgba(255,170,0,.1) 100%);border-color:var(--warning-color);color:var(--warning-color)}.device-item-actions .control-btn.delete{background:linear-gradient(135deg,rgba(255,71,87,.2) 0,rgba(255,71,87,.1) 100%);border-color:var(--danger-color);color:var(--danger-color)}.error-state p,.loading-state p{font-size:14px}.loading-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(10,10,22,.95);border:2px solid rgba(0,243,255,.4);border-radius:15px;padding:25px;z-index:200;min-width:280px;text-align:center;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.5)}.progress-bar{width:100%;height:10px;background:rgba(0,0,0,.4);border-radius:5px;margin:15px 0;overflow:hidden;border:1px solid rgba(0,243,255,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:5px;transition:width .3s ease;width:0%;box-shadow:0 0 10px rgba(0,243,255,.5)}.loading-text{color:var(--text-color);font-size:16px;margin-bottom:8px;font-weight:500}.progress-percentage{color:var(--primary-color);font-weight:700;font-size:14px;font-family:Orbitron,sans-serif}.supported-formats{position:absolute;bottom:20px;left:20px;background:rgba(10,10,22,.9);border:1px solid rgba(0,243,255,.3);border-radius:8px;padding:10px 15px;color:var(--text-muted);font-size:12px;z-index:100;backdrop-filter:blur(5px)}.supported-formats strong{color:var(--primary-color)}.system-management-container{display:flex;min-height:500px}.system-nav{width:140px;min-width:140px;background-color:rgba(0,0,0,.2);border-right:1px solid rgba(0,243,255,.1);padding:15px 0}.system-nav-item{padding:12px 15px;display:flex;align-items:center;cursor:pointer;transition:all var(--transition-speed);border-left:3px solid transparent;font-size:13px}.system-nav-item:hover{background-color:rgba(0,243,255,.05);border-left-color:rgba(0,243,255,.3)}.system-nav-item.active{background-color:rgba(0,243,255,.1);border-left-color:var(--primary-color)}.system-nav-item i{color:var(--primary-color);margin-right:10px;width:18px;text-align:center;font-size:14px}.system-content{flex:1;padding:25px;overflow-y:auto;max-height:60vh}.system-page{display:none}.system-page.active{display:block}.user-table-container{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;background-color:rgba(10,10,22,.3);border-radius:10px;overflow:hidden}.user-table td,.user-table th{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(0,243,255,.1)}.user-table th{background-color:rgba(0,243,255,.1);color:var(--primary-color);font-weight:600}.user-table tr:hover{background-color:rgba(0,243,255,.05)}.user-table .action-btn{padding:6px 12px;margin:0 3px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all var(--transition-speed)}.user-table .edit-btn{background-color:rgba(0,243,255,.2);color:var(--primary-color)}.user-table .delete-btn{background-color:rgba(255,71,87,.2);color:var(--danger-color)}.user-table .edit-btn:hover{background-color:rgba(0,243,255,.3)}.user-table .delete-btn:hover{background-color:rgba(255,71,87,.3)}.firmware-upgrade-container{padding:20px;background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ccc;width:100%;height:auto;min-height:100%;display:flex;flex-direction:column;overflow:visible}.firmware-main-content{display:flex;gap:20px;height:100%;flex:1;min-height:0;align-items:flex-start}.firmware-left-section{flex:3;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.firmware-right-section{flex:2;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;height:auto;min-height:100%;overflow:visible;padding-bottom:14px}.firmware-header-buttons{display:flex;justify-content:space-between;gap:10px;margin-bottom:0;width:100%;flex-shrink:0}.firmware-header-buttons .firmware-btn{flex:1;text-align:center;padding:10px 15px}.firmware-btn{padding:10px 20px;background-color:var(--dark-bg);border:1px solid var(--primary-color);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all var(--transition-speed);box-sizing:border-box;overflow:visible}.firmware-btn.active{background-color:var(--primary-color);color:var(--dark-bg);font-weight:700}.firmware-btn:hover{background-color:rgba(0,243,255,.1)}.firmware-btn.active:hover{background-color:var(--primary-color)}.firmware-info-table{margin-bottom:0;border:1px solid #ccc;border-radius:4px;overflow:hidden;width:100%;box-sizing:border-box}.firmware-info-row{display:flex;border-bottom:1px solid #ccc}#page-firmware-management .firmware-info-row{display:table-row}.firmware-info-row:last-child{border-bottom:none}.firmware-info-cell{padding:8px 12px;border-right:1px solid #ccc;background-color:var(--dark-bg);color:var(--text-color);text-align:center;font-size:12px;height:42px;box-sizing:border-box}.firmware-info-cell:last-child{border-right:none}#page-firmware-management .firmware-table-container{width:100%;border:1px solid #ccc;border-radius:4px;overflow:hidden;background-color:var(--dark-bg)}#page-firmware-management .firmware-table-container table{width:100%;border-collapse:collapse;table-layout:fixed}#page-firmware-management .firmware-table-container thead th{padding:12px 8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:var(--darker-bg);color:var(--text-color);text-align:center;font-size:13px;font-weight:600;height:45px;vertical-align:middle}#page-firmware-management .firmware-table-container thead th[data-lang-key=firmwareName]{width:30%}#page-firmware-management .firmware-table-container thead th[data-lang-key=firmwareDate]{width:20%}#page-firmware-management .firmware-table-container thead th[data-lang-key=firmwareVersion]{width:15%}#page-firmware-management .firmware-table-container thead th[data-lang-key=published]{width:15%}#page-firmware-management .firmware-table-container thead th[data-lang-key=actions]{width:20%}#page-firmware-management .firmware-table-container thead th:last-child{border-right:none}#firmwareTableBody td{padding:12px 8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:var(--dark-bg);color:var(--text-color);text-align:center;font-size:13px;vertical-align:middle;word-wrap:break-word}#firmwareTableBody td:last-child{border-right:none}#firmwareTableBody tr:last-child td{border-bottom:none}.firmware-select-cell{display:flex;justify-content:center;align-items:center;flex:1}.firmware-table-container{flex:1;min-height:250px;max-height:calc(100% - 80px);overflow-y:auto;margin-top:0;border:1px solid #ccc;border-radius:4px;background-color:var(--dark-bg);position:relative;width:100%;box-sizing:border-box}.firmware-unsupported-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--warning-bg);color:var(--warning-color);padding:30px 50px;border-radius:8px;text-align:center;font-weight:500;font-size:1.2rem;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2)}.firmware-info-row:first-child{font-weight:700;background-color:rgba(0,243,255,.1)}.firmware-info-cell{padding:10px 12px;border-right:1px solid #ccc;background-color:var(--dark-bg);color:var(--text-color);text-align:center;font-size:12px;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.firmware-info-row:first-child .firmware-info-cell{font-weight:700;color:var(--primary-color)}.firmware-info-row .firmware-info-cell:first-child{flex:3;min-width:120px}.firmware-info-row .firmware-info-cell:nth-child(2){flex:2;min-width:100px}.firmware-info-row .firmware-info-cell:nth-child(3){flex:1;min-width:80px}.firmware-info-row .firmware-info-cell:nth-child(4){flex:1;min-width:60px}.firmware-info-cell:last-child{border-right:none}.firmware-select-cell input[type=radio]{margin:0;accent-color:var(--primary-color)}.firmware-version-info{background-color:var(--dark-bg);border:1px solid var(--primary-color);border-radius:4px;padding:14px;margin-bottom:14px;flex-shrink:0}.firmware-version-info h4{color:var(--primary-color);margin:0}.firmware-current-version{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:14px;padding:10px;background-color:var(--dark-bg);border:1px solid #ccc;border-radius:4px;flex-shrink:0}.firmware-version-label{color:var(--text-muted);font-size:14px}.firmware-version-value{color:var(--text-color);font-weight:700;font-size:16px}.firmware-version-arrow{color:var(--primary-color);font-size:20px;font-weight:700}.firmware-progress{display:flex;flex-direction:column;gap:7px;align-items:center;flex-shrink:0;min-height:84px;padding:7px 0 14px 0;box-sizing:border-box;margin-bottom:7px}.firmware-progress-label{color:var(--text-color);font-weight:500;text-align:center}.firmware-progress-bar{width:100%;max-width:400px;height:20px;background-color:var(--dark-bg);border:1px solid #ccc;border-radius:10px;overflow:hidden}.firmware-progress-fill{width:0%;height:100%;background-color:var(--primary-color);transition:width .3s ease}.firmware-reset-btn{background-color:rgba(255,71,87,.2)!important;border-color:#ff4757!important;color:#ff4757!important}.firmware-reset-btn:hover{background-color:rgba(255,71,87,.4)!important}.firmware-start-upgrade-btn{margin-top:10px;margin-bottom:15px;width:auto;min-width:140px;max-width:none;box-sizing:border-box;padding:10px 24px;white-space:nowrap;overflow:visible;text-overflow:ellipsis;height:auto;line-height:1.5}.firmware-list{display:flex;flex-direction:column;gap:10px}.firmware-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:rgba(10,10,22,.5);border:1px solid rgba(0,243,255,.2);border-radius:8px;transition:all var(--transition-speed)}.firmware-item:hover{border-color:var(--primary-color);background-color:rgba(0,243,255,.05)}.firmware-info{display:flex;align-items:center;gap:15px}.firmware-info i{color:var(--primary-color);font-size:24px}.firmware-name{font-weight:600;color:var(--text-primary)}.firmware-meta{font-size:12px;color:var(--text-muted)}.firmware-actions{display:flex;gap:10px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;background-color:#fff;border:1px solid rgba(0,243,255,.2);border-radius:10px;transition:all var(--transition-speed)}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,243,255,.15)}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,243,255,.1);border-radius:10px}.stat-icon i{font-size:24px;color:var(--primary-color)}.stat-info h4{font-size:12px;color:var(--text-color);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:24px;font-weight:700;color:var(--primary-color)}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.chart-card{padding:20px;background-color:#fff;border:1px solid rgba(0,243,255,.1);border-radius:10px}.chart-card h4{margin-bottom:15px;color:var(--primary-color)}.chart{height:250px;display:flex;align-items:flex-end;justify-content:space-around;padding:20px 10px 0;gap:10px}.chart-bar{flex:1;max-width:50px;background:linear-gradient(to top,rgba(0,243,255,.3),rgba(0,243,255,.8));border-radius:5px 5px 0 0;position:relative;transition:all .3s ease}.chart-bar:hover{background:linear-gradient(to top,rgba(0,243,255,.5),#00f3ff)}.chart-bar-label{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-color);white-space:nowrap}.chart-bar-value{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--primary-color);font-weight:600}.recent-activity{padding:20px;background-color:#fff;border:1px solid rgba(0,243,255,.1);border-radius:10px}.recent-activity h4{margin-bottom:15px;color:var(--primary-color)}.activity-list{max-height:200px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:15px;padding:10px 0;border-bottom:1px solid rgba(0,243,255,.05)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,243,255,.1);border-radius:50%}.activity-icon i{font-size:14px;color:var(--primary-color)}.activity-content{flex:1}.activity-text{color:var(--text-primary);font-size:14px}.activity-time{font-size:12px;color:var(--text-color);margin-top:3px}.user-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--card-bg);border-radius:0 0 var(--border-radius) var(--border-radius);border:1px solid rgba(0,243,255,.2);border-top:none;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:1000;display:none;overflow:hidden}.user-menu.active{display:block}.menu-item{padding:18px 25px;display:flex;align-items:center;cursor:pointer;transition:all var(--transition-speed);border-bottom:1px solid rgba(0,243,255,.05);width:100%;box-sizing:border-box}.menu-item:hover{background-color:rgba(0,243,255,.05);padding-left:30px}.menu-item i{color:var(--primary-color);margin-right:15px;width:24px;text-align:center}.menu-item.logout{color:var(--danger-color)}.menu-item.logout i{color:var(--danger-color)}.filter-select{position:relative;width:100%}.filter-dropdown{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--card-bg);border-radius:6px;border:1px solid rgba(0,243,255,.2);box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:100}.filter-dropdown.active{display:block}.filter-option{padding:8px;text-align:center;cursor:pointer;transition:all var(--transition-speed)}.filter-option:hover{background-color:rgba(0,243,255,.1)}.value-input-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:2000}.value-input-modal.active{display:flex}.value-input-box{background-color:var(--card-bg);border-radius:var(--border-radius);padding:30px;width:90%;max-width:400px;border:1px solid rgba(0,243,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.5)}.value-input-box h3{margin-bottom:20px;color:var(--primary-color);font-family:Orbitron,sans-serif}.value-input{width:100%;padding:12px;background-color:rgba(10,10,22,.95);border:1px solid rgba(0,243,255,.5);border-radius:8px;color:#fff;font-size:18px;font-weight:500;margin-bottom:20px;text-align:center}.value-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,243,255,.4)}.value-input-buttons{display:flex;gap:15px}.value-input-btn{flex:1;padding:12px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.value-input-confirm{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:var(--darker-bg)}.value-input-cancel{background-color:rgba(255,255,255,.1);color:var(--text-color);border:1px solid rgba(255,255,255,.2)}@media (max-width:1920px) and (min-width:1440px){:root{font-size:.625em}.eq-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(200px,1.2fr) minmax(180px,1fr);gap:8px;flex:1;min-height:0;overflow:hidden}.content-header{margin-bottom:10px;padding-bottom:8px}.page-title{font-size:18px}.sidebar{width:240px;min-width:200px;max-width:280px}.brand-logo{padding:1.2vh 1.5vw;min-height:60px}.user-info{padding:12px 15px}.user-avatar{width:48px;height:48px}.user-name{font-size:14px}.nav-item{padding:10px 15px;font-size:12px}.nav-item i{font-size:14px;margin-right:8px}.feature-item{padding:10px 12px;font-size:12px}.device-info{padding:10px;overflow-y:auto}.eq-controls{padding:10px;overflow-y:auto;min-height:0}.eq-presets-container{padding:10px;overflow-y:auto;min-height:0}.preset-buttons-grid{gap:6px;margin-top:10px;max-height:calc(100% - 50px)}.preset-btn{padding:8px 10px;gap:4px;min-height:36px}.preset-btn i{font-size:14px}.preset-btn span{font-size:10px}.eq-presets{gap:8px;margin-top:8px}.preset-tab{padding:6px;font-size:10px}.eq-row{padding:6px}.eq-header{padding:6px 8px;font-size:11px}.eq-value{padding:4px 6px;font-size:10px;min-width:40px}.eq-slider-column{height:100px;min-height:80px}.eq-slider{width:5px;height:100px;min-height:80px}.slider-value{font-size:10px}#eqCanvas{height:180px;min-height:150px}.global-control{width:70px;min-width:50px;gap:6px}.global-control label{font-size:10px}.global-control input{width:25px;height:100px;margin:6px 0}.global-gain-display{min-width:25px;display:flex;align-items:baseline;gap:2px}.gain-value[contenteditable=true]{cursor:text;background-color:rgba(0,243,255,.1);border-color:var(--primary-color);outline:0}.gain-unit{font-size:10px}.eq-btn{padding:8px;font-size:11px}.eq-actions{gap:8px;margin-top:8px}.info-item{padding:6px 0}.info-item i{font-size:20px}.info-label{font-size:10px}.info-value{font-size:10px}}@media (max-width:1200px){.eq-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.image-slider{grid-column:1;grid-row:1;height:270px}.device-info{grid-column:1;grid-row:2}.eq-controls{grid-column:1;grid-row:3}.eq-grid-container{overflow-x:auto}}@media (min-width:3840px){.eq-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr 1fr;gap:25px;flex:1;min-height:0;overflow:hidden}.content-header{margin-bottom:35px;padding-bottom:25px}.page-title{font-size:32px}.sidebar{width:16vw;min-width:220px;max-width:320px}.brand-logo{padding:0 3vw 3vh;margin-bottom:3vh}.user-info{padding:25px 30px}.nav-item{padding:18px 30px;font-size:17px}.nav-item i{font-size:20px;margin-right:14px}.device-info{padding:20px}.eq-controls{padding:25px}.eq-presets-container{padding:20px}.eq-row{padding:15px 10px}.eq-header{padding:15px 15px;font-size:15px}.eq-value{padding:10px 12px;font-size:14px;min-width:60px}.eq-slider-column{height:18vh;min-height:130px;max-height:180px}.eq-slider{width:1vw;min-width:6px;max-width:10px;height:15vh;min-height:120px;max-height:160px}.slider-value{font-size:14px}#eqCanvas{height:25vh;min-height:220px}.eq-curve-container{min-height:350px!important;max-height:none}.global-control{width:100px;min-width:80px;gap:12px}.global-control label{font-size:14px}.global-control input{width:40px;height:180px;margin:12px 0}.global-gain-display{min-width:40px}.gain-value{font-size:20px}.gain-unit{font-size:15px}.eq-btn{padding:15px;font-size:15px}.eq-actions{gap:20px;margin-top:20px}.preset-btn{padding:20px 15px;gap:10px}.preset-btn i{font-size:20px}.preset-btn span{font-size:13px}}@media (min-width:2560px) and (max-width:3840px){.eq-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:420px 1fr 1fr;gap:20px;height:calc(100vh - 120px)}.content-header{margin-bottom:30px;padding-bottom:20px}.page-title{font-size:28px}.sidebar{width:18vw;min-width:200px;max-width:300px}.brand-logo{padding:0 2.5vw 2.5vh;margin-bottom:2.5vh}.user-info{padding:20px 25px}.nav-item{padding:15px 25px;font-size:15px}.nav-item i{font-size:18px;margin-right:12px}.device-info{padding:15px}.eq-controls{padding:20px}.eq-presets-container{padding:15px}.eq-row{padding:12px 8px}.eq-header{padding:12px 12px;font-size:13px}.eq-value{padding:8px 10px;font-size:12px;min-width:50px}.eq-slider-column{height:15vh;min-height:110px;max-height:150px}.eq-slider{width:.8vw;min-width:5px;max-width:8px;height:12vh;min-height:100px;max-height:130px}.slider-value{font-size:12px}#eqCanvas{height:25vh;min-height:220px}.global-control{width:90px;min-width:70px;gap:10px}.global-control label{font-size:12px}.global-control input{width:35px;height:150px;margin:10px 0}.global-gain-display{min-width:35px}.gain-value{font-size:18px}.gain-unit{font-size:13px}.eq-btn{padding:12px;font-size:13px}.eq-actions{gap:15px;margin-top:15px}.preset-btn{padding:15px 12px;gap:8px}.preset-btn i{font-size:18px}.preset-btn span{font-size:11px}.eq-value{padding:7px 9px;font-size:12px;min-width:54px}.eq-slider-column{height:14vh;min-height:112px;max-height:168px}.eq-slider{width:.9vw;min-width:5px;max-width:9px;height:11vh;min-height:88px;max-height:132px}.slider-value{font-size:12px}#eqCanvas{height:25vh;min-height:220px}.eq-curve-container{min-height:300px!important;max-height:none}.global-control{width:90px;min-width:72px;gap:9px}.global-control label{font-size:12px}.global-control input{width:36px;height:162px;margin:9px 0}.global-gain-display{min-width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gain-value{font-size:17px;font-weight:700}.gain-unit{font-size:12px;color:var(--text-muted)}.eq-btn{padding:11px;font-size:13px}.eq-actions{gap:13px;margin-top:13px}.preset-btn{padding:13px 11px;gap:6px}.preset-btn i{font-size:19px}.preset-btn span{font-size:12px}.eq-presets{gap:13px;margin-top:13px}.preset-tab{padding:11px;font-size:13px}.info-item i{font-size:29px}.info-label{font-size:12px}.info-value{font-size:12px}}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;padding:15px}.brand-logo{padding:0 15px 20px}.user-info{padding:15px 15px 20px}.nav-controls,.nav-features{padding:0 15px}.main-content{padding:20px;flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.eq-presets{grid-template-columns:repeat(2,1fr)}.preset-buttons-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:480px){.preset-buttons-grid{grid-template-columns:repeat(2,1fr);gap:8px}.register-grid{grid-template-columns:1fr}}#userAgreementModal.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center}#userAgreementModal .user-agreement-content{background:linear-gradient(135deg,rgba(30,35,45,.98) 0,rgba(25,30,40,.98) 100%);border:1px solid rgba(0,243,255,.2);border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5)}#userAgreementModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(0,243,255,.1)}#userAgreementModal .modal-header h2{margin:0;font-size:18px;color:var(--primary-color);font-weight:600}#userAgreementModal .close-btn{font-size:28px;color:rgba(255,255,255,.6);cursor:pointer;transition:color .3s ease;line-height:1}#userAgreementModal .close-btn:hover{color:var(--primary-color)}#userAgreementModal .user-agreement-body{padding:25px;overflow-y:auto;max-height:calc(85vh - 140px)}#userAgreementModal .agreement-text{font-size:13px;line-height:1.8;color:rgba(255,255,255,.85)}#userAgreementModal .agreement-text h3{color:var(--primary-color);font-size:15px;margin:20px 0 10px 0;font-weight:600}#userAgreementModal .agreement-text p{margin:10px 0}#userAgreementModal .agreement-text ol,#userAgreementModal .agreement-text ul{margin:10px 0;padding-left:20px}#userAgreementModal .agreement-text li{margin:5px 0}#userAgreementModal .modal-footer{padding:20px 25px;border-top:1px solid rgba(0,243,255,.1);display:flex;justify-content:center}#userAgreementModal .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#000;border:none;padding:12px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}#userAgreementModal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,243,255,.3)}#testLoginHintModal.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center}#testLoginHintModal .modal-content{background:linear-gradient(135deg,rgba(30,35,45,.98) 0,rgba(25,30,40,.98) 100%);border:1px solid rgba(0,243,255,.2);border-radius:16px;width:90%;max-width:450px;max-height:350px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5)}#testLoginHintModal .modal-header{display:flex;justify-content:center;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(0,243,255,.1)}#testLoginHintModal .modal-header h3{margin:0;font-size:18px;color:var(--primary-color)}#testLoginHintModal .modal-body{padding:30px 25px;text-align:center}#testLoginHintModal .modal-body p{color:var(--text-color);font-size:14px;line-height:1.6}#testLoginHintModal .modal-footer{padding:20px 25px;border-top:1px solid rgba(0,243,255,.1);display:flex;justify-content:center}#testLoginHintModal .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#000;border:none;padding:12px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}#testLoginHintModal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,243,255,.3)}#testLoginHintModal .btn-secondary{background:0 0;color:var(--text-color);border:1px solid rgba(0,243,255,.3);padding:12px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}#testLoginHintModal .btn-secondary:hover{background:rgba(0,243,255,.1);border-color:var(--primary-color)}body.light-theme #testLoginHintModal .modal-content{background:linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(240,240,240,.98) 100%);border-color:rgba(0,0,0,.1)}body.light-theme #testLoginHintModal .modal-header{border-bottom-color:rgba(0,0,0,.1)}body.light-theme #testLoginHintModal .modal-footer{border-top-color:rgba(0,0,0,.1)}body.light-theme #userAgreementModal .user-agreement-content{background:linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(240,240,240,.98) 100%);border-color:rgba(0,0,0,.1)}body.light-theme #userAgreementModal .modal-header{border-bottom-color:rgba(0,0,0,.1)}body.light-theme #userAgreementModal .close-btn{color:rgba(0,0,0,.5)}body.light-theme #userAgreementModal .close-btn:hover{color:var(--primary-color)}body.light-theme #userAgreementModal .agreement-text{color:rgba(0,0,0,.8)}body.light-theme #userAgreementModal .modal-footer{border-top-color:rgba(0,0,0,.1)}#userAgreementModal .user-agreement-body::-webkit-scrollbar{width:6px}#userAgreementModal .user-agreement-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}#userAgreementModal .user-agreement-body::-webkit-scrollbar-thumb{background:rgba(0,243,255,.3);border-radius:3px}#userAgreementModal .user-agreement-body::-webkit-scrollbar-thumb:hover{background:rgba(0,243,255,.5)}#avatar-editor-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.avatar-editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.avatar-editor-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);border-radius:12px;padding:20px;width:90%;max-width:500px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.avatar-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.avatar-editor-header h3{margin:0;color:var(--text-color);font-size:18px}.avatar-editor-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);line-height:1;padding:0}.avatar-editor-close:hover{color:var(--primary-color)}.avatar-editor-body{margin-bottom:15px}.avatar-editor-preview{position:relative;width:100%;max-height:400px;overflow:hidden;border-radius:8px;background:#000}#avatar-editor-image{width:100%;display:block}#avatar-editor-cropbox{position:absolute;border:3px solid var(--primary-color);box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move;border-radius:4px}.avatar-editor-tip{text-align:center;color:var(--text-muted);margin:15px 0;font-size:14px}.avatar-editor-footer{display:flex;justify-content:flex-end;gap:10px}.avatar-editor-btn{padding:8px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:opacity .2s ease}.avatar-editor-btn.cancel{background:var(--darker-bg);color:var(--text-muted)}.avatar-editor-btn.confirm{background:var(--primary-color);color:#fff}.avatar-editor-btn:hover{opacity:.9}