html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px}body{background-color:#e2e2e2;color:#4a4a4a;display:flex;flex-direction:column;font-family:Helvetica Neue,arial,sans-serif;font-size:1rem;line-height:1.5;margin:0;min-height:100vh;padding:0}*{box-sizing:border-box}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}h1,h2,h3,h4,h5,h6{color:#2b2b2b;font-weight:700;line-height:1.2;margin:0 0 1rem}p{color:#4a4a4a;line-height:1.6;margin:0 0 1rem}a{text-decoration:none;transition:color .3s ease}a,a:hover{color:#35ad13}a:hover{text-decoration:underline}img{height:auto;max-width:100%}main{flex:1}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:2rem}.btn{background-color:#35ad13;border:none;border-radius:.375rem;color:#fff;display:inline-block;transition:background-color .2s}.btn:hover{background-color:#2a8a0f}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:inherit;width:auto}.card{background:#2b2b2b;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.card,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:#f2f2f2}.card p{color:hsla(0,0%,95%,.9)}.card a,.card a:hover{color:#35ad13}.row{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{padding-left:.75rem;padding-right:.75rem;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}@media(min-width:768px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media(min-width:992px){.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2b2b;border-bottom:1px solid #3a3a3a;padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar .container{justify-content:space-between}.navbar .container,.navbar .navbar-brand a{align-items:center;display:flex}.navbar .navbar-brand img{display:block;height:28px;width:auto}.navbar .navbar-brand .logo{color:#35ad13;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar .navbar-menu{align-items:center;display:flex;gap:2rem;justify-content:space-between}@media(max-width:767.98px){.navbar .navbar-menu{background:#2b2b2b;border-top:1px solid #3a3a3a;flex-direction:column;left:0;opacity:0;padding:1rem 0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar .navbar-menu.show{opacity:1;transform:translateY(0);visibility:visible}}.navbar .navbar-nav{display:flex;gap:1.5rem}@media(max-width:767.98px){.navbar .navbar-nav{flex-direction:column;gap:1rem;text-align:center}}.navbar .navbar-nav .nav-link{color:#f2f2f2;font-weight:500;text-decoration:none;transition:all .3s ease}.navbar .navbar-nav .nav-link:hover{color:#35ad13}.navbar .navbar-nav .nav-link.dropdown-toggle{position:relative}.navbar .navbar-nav .nav-link.dropdown-toggle:after{content:"▼";font-size:.7rem;margin-left:.5rem;transition:transform .3s ease}.navbar .navbar-nav .nav-link.dropdown-toggle.active:after{transform:rotate(180deg)}.navbar .navbar-nav .dropdown,.navbar .navbar-nav .dropdown .dropdown-toggle{position:relative}.navbar .navbar-nav .dropdown .dropdown-toggle:after{content:"▼";font-size:.7rem;margin-left:.5rem;transition:transform .3s ease}.navbar .navbar-nav .dropdown .dropdown-toggle.active:after{transform:rotate(180deg)}.navbar .navbar-nav .dropdown .dropdown-menu{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.5rem;box-shadow:0 8px 25px rgba(0,0,0,.2);list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.navbar .navbar-nav .dropdown .dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.navbar .navbar-nav .dropdown .dropdown-menu li{margin:0}.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-divider{border:none;border-top:1px solid #3a3a3a;margin:.5rem 0}.navbar .navbar-actions{align-items:center;display:flex;gap:1rem;position:relative}@media(max-width:767.98px){.navbar .navbar-actions{flex-direction:column;gap:.5rem}}.navbar .navbar-actions .dropdown{position:relative}.navbar .navbar-actions .dropdown .dropdown-toggle{align-items:center;background:none;border:2px solid #3a3a3a;border-radius:.375rem;color:#f2f2f2;cursor:pointer;display:flex;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.navbar .navbar-actions .dropdown .dropdown-toggle:after{content:"▼";font-size:.7rem;margin-left:.5rem;transition:transform .3s ease}.navbar .navbar-actions .dropdown .dropdown-toggle.active,.navbar .navbar-actions .dropdown .dropdown-toggle:hover{border-color:#35ad13;color:#35ad13}.navbar .navbar-actions .dropdown .dropdown-toggle.active:after{transform:rotate(180deg)}.navbar .navbar-actions .dropdown .dropdown-menu{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.25);list-style:none;margin:0;min-width:180px;opacity:0;padding:.75rem 0;position:absolute;right:0;top:calc(100% + .75rem);transform:translateY(-15px) scale(.9);transition:all .25s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:9999}.navbar .navbar-actions .dropdown .dropdown-menu:before{background:#2b2b2b;border:1px solid #3a3a3a;border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.navbar .navbar-actions .dropdown .dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.navbar .navbar-actions .dropdown .dropdown-menu li{margin:0}.navbar .navbar-actions .dropdown .dropdown-menu .dropdown-divider{border:none;border-top:1px solid #3a3a3a;margin:.5rem 0}.navbar .navbar-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem}@media(max-width:767.98px){.navbar .navbar-toggle{display:flex}}.navbar .navbar-toggle span{background:#f2f2f2;height:3px;margin:2px 0;transition:all .3s ease;width:25px}.navbar .navbar-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar .navbar-toggle.active span:nth-child(2){opacity:0}.navbar .navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item{border-radius:0;color:#f2f2f2;display:block;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.navbar .navbar-actions .dropdown .dropdown-menu .dropdown-item{color:#f2f2f2;display:block;font-size:.875rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover{background:rgba(53,173,19,.1);color:#35ad13;transform:translateX(4px)}.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.navbar .navbar-actions .dropdown .dropdown-menu .dropdown-item:hover{background:rgba(53,173,19,.1);color:#35ad13}.footer{background:#2b2b2b;border-top:3px solid #35ad13;color:#f2f2f2;margin-top:auto;padding:3rem 0 1rem;width:100%}.footer .footer-content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer .footer-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer .footer-section p{color:hsla(0,0%,95%,.9);font-weight:500;line-height:1.6;margin-bottom:1rem}.footer .footer-section ul{list-style:none;margin:0;padding:0}.footer .footer-section ul li{margin-bottom:.5rem}.footer .footer-section .footer-links{margin-top:1rem}.footer .footer-section ul a{color:hsla(0,0%,95%,.8);font-weight:500;text-decoration:none;transition:color .3s ease}.footer .footer-section .footer-links a{background:#35ad13;border-radius:.375rem;box-shadow:0 2px 8px rgba(53,173,19,.3);color:#fff;display:inline-block;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.footer .footer-section ul a:hover{color:#35ad13}.footer .footer-section .footer-links a:hover{background:#309c11;box-shadow:0 4px 12px rgba(53,173,19,.4);transform:translateY(-2px)}.footer .footer-bottom{border-top:1px solid hsla(0,0%,95%,.2);color:hsla(0,0%,95%,.7);font-size:.875rem;font-weight:500;padding-top:2rem;text-align:center}.profile-page{min-height:calc(100vh - 200px);padding:2rem 0}.profile-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.profile-page .profile-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr}@media(max-width:991.98px){.profile-page .profile-layout{gap:1.5rem;grid-template-columns:300px 1fr}}@media(max-width:767.98px){.profile-page .profile-layout{gap:1.5rem;grid-template-columns:1fr}}.profile-page .profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-page .profile-main{min-width:0}.profile-page .profile-card{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);height:-moz-fit-content;height:fit-content;overflow:hidden}.profile-page .profile-header{background:linear-gradient(135deg,#2b2b2b,rgba(53,173,19,.1));padding:2rem}.profile-page .profile-avatar{border:4px solid rgba(53,173,19,.2);border-radius:50%;margin-bottom:1rem}.profile-page .profile-avatar-placeholder{align-items:center;background:#35ad13;border:4px solid rgba(53,173,19,.2);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.profile-page .profile-avatar-placeholder .avatar-initials{color:#fff;font-size:2rem;font-weight:700}.profile-page .profile-name{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.profile-page .profile-username{color:hsla(0,0%,95%,.7);font-size:.875rem;margin-bottom:1rem}.profile-page .register-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.profile-page .register-badge--manual{background:rgba(74,74,74,.2);color:hsla(0,0%,95%,.9)}.profile-page .register-badge--google{background:rgba(239,68,68,.2);color:#ef4444}.profile-page .register-badge--discord{background:rgba(6,182,212,.2);color:#06b6d4}.profile-page .navigation-card{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);height:-moz-fit-content;height:fit-content;padding:1.5rem}.profile-page .navigation-card .nav-title{color:#f2f2f2;font-size:1rem;font-weight:600;margin-bottom:1rem}.profile-page .navigation-card .profile-nav{display:flex;flex-direction:column;gap:.5rem}.profile-page .navigation-card .profile-nav-item{align-items:center;border:1px solid transparent;border-radius:.5rem;color:hsla(0,0%,95%,.8);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;justify-content:flex-start;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.profile-page .navigation-card .profile-nav-item .nav-icon{font-size:1rem}.profile-page .navigation-card .profile-nav-item:hover{background:rgba(53,173,19,.1);border-color:rgba(53,173,19,.2);color:#35ad13}.profile-page .navigation-card .profile-nav-item.active{background:rgba(53,173,19,.15);border-color:rgba(53,173,19,.3);color:#35ad13;font-weight:500}.profile-page .profile-content-row{margin-top:2rem}.profile-page .profile-content{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:2rem;width:100%}.profile-page .profile-content-header{margin-bottom:2rem}.profile-page .profile-content-header h2{color:#f2f2f2;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.profile-page .profile-content-header p{color:hsla(0,0%,95%,.7);margin:0}.profile-page .info-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.profile-page .info-section .info-title{border-bottom:2px solid rgba(53,173,19,.2);color:#f2f2f2;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.profile-page .info-items{display:flex;flex-direction:column;gap:1rem}.profile-page .info-item{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;justify-content:space-between;padding:.75rem 0}.profile-page .info-item:last-child{border-bottom:none}.profile-page .info-item .info-label{color:hsla(0,0%,95%,.7);font-weight:500}.profile-page .info-item .info-value{color:#f2f2f2;font-weight:500}.profile-page .status-badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.profile-page .status-badge--active{background:rgba(53,173,19,.2);color:#35ad13}.profile-page .status-badge--inactive{background:rgba(239,68,68,.2);color:#ef4444}.profile-page .status-badge--verified{background:rgba(53,173,19,.2);color:#35ad13}.profile-page .status-badge--pending{background:rgba(245,158,11,.2);color:#f59e0b}.profile-page .subscription-section{border-top:1px solid hsla(0,0%,95%,.1);margin-top:2rem;padding-top:2rem}.profile-page .subscription-section .info-title{color:#f2f2f2;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.profile-page .subscription-card{background:rgba(53,173,19,.05);border:1px solid rgba(53,173,19,.2);border-radius:.75rem;padding:1.5rem}.profile-page .plan-badge{background:#35ad13;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.settings-nav{border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}@media(max-width:767.98px){.settings-nav{flex-wrap:wrap;gap:.25rem}}.settings-nav .settings-nav-item{background:transparent;border:1px solid transparent;border-radius:.5rem;color:hsla(0,0%,95%,.7);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.settings-nav .settings-nav-item:hover{background:rgba(53,173,19,.1);border-color:rgba(53,173,19,.2);color:#35ad13}.settings-nav .settings-nav-item.active{background:rgba(53,173,19,.15);border-color:rgba(53,173,19,.3);color:#35ad13;font-weight:600}.settings-panels .settings-panel{display:none}.settings-panels .settings-panel.active{animation:fade-in .3s ease-in-out;display:block}.connections-preview .connection-preview-item{align-items:center;border:1px solid hsla(0,0%,95%,.1);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.connections-preview .connection-preview-item .connection-preview-info{align-items:center;display:flex;gap:.75rem;justify-content:center}.connections-preview .connection-preview-item .connection-preview-info .connection-preview-icon{align-items:center;background:rgba(53,173,19,.1);border-radius:.375rem;display:flex;font-size:1.25rem;height:32px;justify-content:center;width:32px}.connections-preview .connection-preview-footer{border-top:1px solid hsla(0,0%,95%,.1);margin-top:1rem;padding-top:1rem;text-align:center}.connection-card{background:#2b2b2b;border:1px solid hsla(0,0%,95%,.1);border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.connection-card:hover{box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-2px)}.connection-card .connection-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.connection-card .connection-header .connection-icon{align-items:center;background:rgba(53,173,19,.1);border-radius:1rem;display:flex;font-size:2rem;height:64px;justify-content:center;width:64px}.connection-card .connection-header .connection-icon .connection-icon-text{font-weight:600}.connection-card .connection-header .connection-title{flex:1}.connection-card .connection-header .connection-title h3{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.connection-card .connection-header .connection-title .connection-status{align-items:center;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin:0}.connection-card .connection-header .connection-title .connection-status .status-dot{border-radius:50%;height:8px;width:8px}.connection-card .connection-header .connection-title .connection-status.connected .status-dot{background:#35ad13}.connection-card .connection-header .connection-title .connection-status.not-connected .status-dot{background:#ef4444}.connection-card .connection-details{margin-bottom:1.5rem}.connection-card .connection-actions{text-align:center}.connection-card .connection-actions .status-badge{align-items:center;display:flex;gap:.5rem;justify-content:center}.form{max-width:500px}.form-group{margin-bottom:1.5rem}.form-label{color:#f2f2f2;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:rgba(43,43,43,.3);border:2px solid hsla(0,0%,95%,.2);border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus{background:rgba(43,43,43,.5);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);outline:none}.form-input[readonly]{background:hsla(0,0%,95%,.05);cursor:not-allowed}.form-help{color:hsla(0,0%,95%,.6);display:block;font-size:.75rem;margin-top:.25rem}.form-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media(max-width:575.98px){.form-actions{align-items:stretch;flex-direction:column}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767.98px){.profile-page .profile-sidebar{order:2}.profile-page .profile-main{order:1}.profile-page .navigation-card .profile-nav{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.profile-page .navigation-card .profile-nav-item{justify-content:center;text-align:center}.profile-page .profile-content-row{margin-top:1.5rem}.profile-page .info-grid{grid-template-columns:1fr}.profile-page .info-item{align-items:flex-start;flex-direction:column;gap:.25rem}}@media(max-width:575.98px){.profile-page .container{padding:0 .5rem}.profile-page .profile-layout{gap:1rem}.profile-page .navigation-card .profile-nav{grid-template-columns:1fr}.profile-page .profile-content{padding:1.5rem}}.login-page{align-items:center;background:linear-gradient(135deg,#e2e2e2,rgba(53,173,19,.05));display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 0}.login-page .container{max-width:500px}.login-page .login-container{background:#fff;border:2px solid #e8e8e8;border-radius:1.5rem;box-shadow:0 20px 60px rgba(43,43,43,.1);padding:3rem}.login-page .login-header{margin-bottom:2rem;text-align:center}.login-page .login-header h1{color:#2b2b2b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-page .login-header p{color:#4a4a4a;font-size:1rem;font-weight:500;margin:0}.login-page .alert{border:1px solid transparent;border-radius:.75rem;margin-bottom:2rem;padding:1rem}.login-page .alert.alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.login-page .alert .alert-content{align-items:center;display:flex;gap:.75rem;justify-content:center}.login-page .alert .alert-icon{font-size:1.25rem}.login-page .alert .alert-message{flex:1;font-weight:600}.login-page .alert .alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;padding:0;transition:all .3s ease}.login-page .alert .alert-close:hover{opacity:1}.login-page .login-form .form-group{margin-bottom:1.5rem}.login-page .login-form .form-label{color:#2b2b2b;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-page .login-form .form-input{background:#fff;border:2px solid #d0d0d0;border-radius:.75rem;box-sizing:border-box;color:#2b2b2b;font-size:1rem;font-weight:500;padding:1rem;transition:all .3s ease;width:100%}.login-page .login-form .form-input::-moz-placeholder{color:#6a6a6a;font-weight:400}.login-page .login-form .form-input::placeholder{color:#6a6a6a;font-weight:400}.login-page .login-form .form-input:focus{background:#fff;border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);outline:none}.login-page .login-form .form-input:invalid{border-color:#ef4444}.login-page .login-form .btn-full{border-radius:.75rem;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.login-page .login-form .btn-full:disabled{cursor:not-allowed;opacity:.6}.login-page .login-form .btn-full span{display:inline-block;transition:all .3s ease}.login-page .login-form .btn-full .hidden{display:none}.login-page .login-footer{border-top:1px solid #e8e8e8;margin-top:2rem;padding-top:2rem;text-align:center}.login-page .login-footer p{color:#4a4a4a;font-weight:500;margin-bottom:.5rem}.login-page .login-footer p a{color:#35ad13;font-weight:600;text-decoration:none}.login-page .login-footer p a:hover{text-decoration:underline}.login-page .login-footer .login-ecosystem{color:#6a6a6a;font-size:.875rem}@media(max-width:767.98px){.login-page{padding:1rem}.login-page .login-container{border-radius:1rem;padding:2rem}}.tools-overview-page{background:#e2e2e2;padding:4rem 0 6rem}.tools-overview-page .page-header{margin-bottom:3.5rem;text-align:center}.tools-overview-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.75rem}.tools-overview-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:600px}.tools-overview-page .page-header .breadcrumb{margin-top:1.5rem}.tools-overview-page .tools-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tools-overview-page .tool-card{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.tools-overview-page .tool-card:hover{box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-4px)}.tools-overview-page .tool-card .tool-card-header{align-items:center;display:flex;justify-content:space-between;padding:1.25rem 1.5rem 0}.tools-overview-page .tool-card .tool-icon{font-size:1.35rem;line-height:1}.tools-overview-page .tool-card .tool-category-badge{background:rgba(53,173,19,.15);border-radius:2rem;color:#35ad13;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .65rem;text-transform:uppercase}.tools-overview-page .tool-card .tool-card-body{flex:1;padding:1rem 1.5rem 1.25rem}.tools-overview-page .tool-card .tool-card-body .tool-name{color:#f2f2f2;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tools-overview-page .tool-card .tool-card-body .tool-description{color:hsla(0,0%,95%,.7);font-size:.9rem;line-height:1.5;margin:0}.tools-overview-page .tool-card .tool-card-footer{align-items:center;border-top:1px solid rgba(58,58,58,.5);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding:1rem 1.5rem 1.5rem}.tools-overview-page .tool-card .tool-access-badge{border-radius:2rem;font-size:.8rem;font-weight:500;padding:.3rem .75rem;white-space:nowrap}.tools-overview-page .tool-card .tool-access-badge--public{background:rgba(53,173,19,.15);color:#35ad13}.tools-overview-page .tool-card .tool-access-badge--login{background:rgba(245,158,11,.15);color:#f59e0b}.twitter-post-page{min-height:calc(100vh - 200px);padding:2rem 0}.twitter-post-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.twitter-post-page .page-header{margin-bottom:3rem;text-align:center}.twitter-post-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.twitter-post-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:600px}.twitter-post-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1.5rem}.twitter-post-page .page-header .breadcrumb a{color:#35ad13;font-weight:500;text-decoration:none}.twitter-post-page .page-header .breadcrumb a:hover{text-decoration:underline}.twitter-post-page .connection-required{margin:0 auto;max-width:500px;text-align:center}.twitter-post-page .connection-required .connection-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;padding:3rem 2rem}.twitter-post-page .connection-required .connection-card .connection-icon{align-items:center;background:rgba(53,173,19,.1);border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.twitter-post-page .twitter-composer{margin:0 auto;max-width:600px}.twitter-post-page .composer-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:2rem;overflow:hidden}.twitter-post-page .composer-header{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;justify-content:space-between;padding:1.5rem 2rem}.twitter-post-page .composer-header .user-info{align-items:center;display:flex;gap:1rem;justify-content:center}.twitter-post-page .composer-header .user-info .user-avatar{border:2px solid rgba(53,173,19,.3);border-radius:50%}.twitter-post-page .composer-header .user-info .user-avatar-placeholder{align-items:center;background:#35ad13;border:2px solid rgba(53,173,19,.3);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.twitter-post-page .composer-header .user-info .user-avatar-placeholder .avatar-initials{color:#fff;font-size:1rem;font-weight:700}.twitter-post-page .composer-header .user-info .user-details .user-name{color:#f2f2f2;display:block;font-size:.875rem;font-weight:600}.twitter-post-page .composer-header .user-info .user-details .user-handle{color:hsla(0,0%,95%,.6);display:block;font-size:.75rem}.twitter-post-page .composer-header .connection-status .status-badge{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:1rem;color:#35ad13;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;justify-content:center;padding:.375rem .75rem}.twitter-post-page .composer-header .connection-status .status-badge .status-icon{font-size:.875rem}.twitter-post-page .composer-form{padding:2rem}.twitter-post-page .composer-form .form-group{margin-bottom:1.5rem}.twitter-post-page .composer-form .form-group .tweet-textarea{background:rgba(43,43,43,.3);border:2px solid hsla(0,0%,95%,.2);border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.twitter-post-page .composer-form .form-group .tweet-textarea::-moz-placeholder{color:hsla(0,0%,95%,.5)}.twitter-post-page .composer-form .form-group .tweet-textarea::placeholder{color:hsla(0,0%,95%,.5)}.twitter-post-page .composer-form .form-group .tweet-textarea:focus{background:rgba(43,43,43,.5);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);outline:none}.twitter-post-page .composer-form .composer-footer{align-items:center;display:flex;justify-content:space-between}.twitter-post-page .composer-form .composer-footer .tweet-tools .char-counter{color:hsla(0,0%,95%,.6);font-size:.875rem;font-weight:500}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn{background-color:#35ad13;border-color:#35ad13;border-radius:2rem;color:#fff;font-weight:600;min-width:100px;padding:.75rem 2rem}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn:hover{background-color:#2d9310;border-color:#2a8a0f}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn:disabled{cursor:not-allowed;opacity:.5}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(53,173,19,.3);transform:translateY(-1px)}.twitter-post-page .tweet-preview{border-top:1px solid hsla(0,0%,95%,.1);padding:0 2rem 2rem}.twitter-post-page .tweet-preview h4{color:#f2f2f2;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.twitter-post-page .tweet-preview .tweet-mock{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;padding:1rem}.twitter-post-page .tweet-preview .tweet-mock .tweet-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-avatar,.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-avatar-placeholder{border-radius:50%;height:32px;width:32px}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-avatar-placeholder{align-items:center;background:#35ad13;display:flex;justify-content:center}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-avatar-placeholder .avatar-initials{color:#fff;font-size:.75rem;font-weight:700}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-user{flex:1}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-user .tweet-name{color:#f2f2f2;font-size:.875rem;font-weight:600;margin-right:.5rem}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-user .tweet-handle{color:hsla(0,0%,95%,.6);font-size:.875rem;margin-right:.5rem}.twitter-post-page .tweet-preview .tweet-mock .tweet-header .tweet-user .tweet-time{color:hsla(0,0%,95%,.5);font-size:.875rem}.twitter-post-page .tweet-preview .tweet-mock .tweet-content{color:hsla(0,0%,95%,.9);font-size:.875rem;line-height:1.5}.twitter-post-page .recent-posts h3{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.twitter-post-page .recent-posts .posts-list .no-posts{background:rgba(43,43,43,.2);border:1px dashed hsla(0,0%,95%,.2);border-radius:.75rem;color:hsla(0,0%,95%,.6);font-style:italic;padding:2rem;text-align:center}.twitter-post-page .recent-posts .posts-list .post-item{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.twitter-post-page .recent-posts .posts-list .post-item:hover{background:rgba(43,43,43,.4);border-color:rgba(53,173,19,.3)}.twitter-post-page .recent-posts .posts-list .post-item .reply-indicator{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:.5rem;color:#35ad13;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;justify-content:center;justify-content:flex-start;margin-bottom:.75rem;padding:.375rem .75rem}.twitter-post-page .recent-posts .posts-list .post-item .reply-indicator .reply-icon{font-size:.875rem;opacity:.8}.twitter-post-page .recent-posts .posts-list .post-item .post-content{color:#f2f2f2;font-weight:400;line-height:1.5;margin-bottom:.75rem}.twitter-post-page .recent-posts .posts-list .post-item .post-meta{align-items:center;display:flex;font-size:.875rem;gap:1rem;justify-content:space-between}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .post-success{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:.5rem;color:#f2f2f2;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.25rem .5rem}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .post-success .success-icon{color:#35ad13;font-size:.75rem}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .post-actions{align-items:center;display:flex;gap:.75rem;justify-content:center}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .post-link{background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.3);border-radius:.5rem;color:#35ad13;font-size:.75rem;font-weight:500;padding:.375rem .75rem;text-decoration:none;transition:all .3s ease}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .post-link:hover{background:rgba(53,173,19,.2);border-color:rgba(53,173,19,.5);text-decoration:none}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .btn-reply{background:hsla(0,0%,95%,.1);border:1px solid hsla(0,0%,95%,.2);border-radius:.5rem;color:#f2f2f2;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .3s ease}.twitter-post-page .recent-posts .posts-list .post-item .post-meta .btn-reply:hover{background:hsla(0,0%,95%,.15);border-color:hsla(0,0%,95%,.3);color:#fff}.twitter-post-page .reply-info{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.3);border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.twitter-post-page .reply-info label{color:#35ad13;font-size:.875rem;font-weight:600;margin:0}.twitter-post-page .reply-info input{background:rgba(43,43,43,.5);border:1px solid hsla(0,0%,95%,.2);border-radius:.5rem;color:#f2f2f2;flex:1;font-size:.875rem;margin:0 1rem;padding:.5rem}.twitter-post-page .reply-info .btn-clear-reply{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.twitter-post-page .reply-info .btn-clear-reply:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.twitter-post-page .form-label{color:#f2f2f2;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.twitter-post-page .form-label.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.twitter-post-page .btn{align-items:center;border:none;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;text-decoration:none;transition:all .3s ease}.twitter-post-page .btn .btn-icon{font-size:1rem}.twitter-post-page .btn.btn-primary{background-color:#35ad13;border-color:#35ad13;box-shadow:0 2px 8px rgba(53,173,19,.25);color:#fff}.twitter-post-page .btn.btn-primary:hover{background-color:#2d9310;border-color:#2a8a0f}.twitter-post-page .btn.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.twitter-post-page .btn.btn-primary:hover{box-shadow:0 4px 12px rgba(53,173,19,.35);transform:translateY(-2px)}@media(max-width:767.98px){.twitter-post-page .container{padding:0 .5rem}.twitter-post-page .composer-card{border-radius:1rem}.twitter-post-page .composer-header{flex-direction:column;gap:1rem;padding:1rem 1.5rem;text-align:center}.twitter-post-page .composer-form{padding:1.5rem}.twitter-post-page .composer-form .composer-footer{align-items:stretch;flex-direction:column;gap:1rem}.twitter-post-page .composer-form .composer-footer .tweet-tools{text-align:center}.twitter-post-page .composer-form .composer-footer .composer-actions .tweet-btn{width:100%}.twitter-post-page .connection-required .connection-card{padding:2rem 1.5rem}}@media(max-width:575.98px){.twitter-post-page{padding:1rem 0}.twitter-post-page .page-header{margin-bottom:2rem}.twitter-post-page .composer-form{padding:1rem}.twitter-post-page .composer-form .form-group .tweet-textarea{min-height:100px;padding:.75rem}.twitter-post-page .tweet-preview{padding:0 1rem 1rem}}.twitter-post-page .connection-required .connection-content h3{color:#f2f2f2;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.twitter-post-page .connection-required .connection-content p{color:hsla(0,0%,95%,.8);line-height:1.6;margin-bottom:2rem}.step-container .card{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1)}.step-container .card-header{background:transparent;border-bottom:1px solid #d0d0d0;padding:1.5rem}.step-container .card-title{color:#2b2b2b;font-weight:700;margin-bottom:.5rem}.step-container .card-subtitle{color:#6a6a6a}.step-container h4{border-bottom:2px solid #35ad13;color:#2b2b2b;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.alert-danger{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#ef4444}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fade-in-up .4s ease-out forwards}.slide-in{animation:slide-in-right .3s ease-out forwards}.audio-section,.instructions-section,.preview-section,.settings-section{margin-bottom:2rem}.audio-section .section-title,.instructions-section .section-title,.preview-section .section-title,.settings-section .section-title{align-items:center;color:#f2f2f2;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.layers-section+.preview-section{margin-top:2rem}.settings-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.setting-group .setting-label{color:#f2f2f2;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.setting-group .setting-color,.setting-group .setting-select{background-color:rgba(43,43,43,.3);border:2px solid #d0d0d0;border:2px solid hsla(0,0%,95%,.2);border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-size:1rem;font-size:.875rem;padding:1rem;transition:all .3s ease;width:100%}.setting-group .setting-color:focus,.setting-group .setting-select:focus{background:rgba(43,43,43,.5);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);outline:none}.setting-group .setting-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,95%,.2);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.setting-group .setting-range::-webkit-slider-track{background:hsla(0,0%,95%,.2);border-radius:2px;height:4px}.setting-group .setting-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#35ad13;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.setting-group .setting-range::-webkit-slider-thumb:hover{background:#43db18;transform:scale(1.1)}.setting-group .setting-range::-moz-range-track{background:hsla(0,0%,95%,.2);border:none;border-radius:2px;height:4px}.setting-group .setting-range::-moz-range-thumb{background:#35ad13;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .3s ease;transition:all .3s ease;width:16px}.setting-group .setting-value{color:#35ad13;font-weight:600}.canvas-container{margin-bottom:1rem;text-align:center}.canvas-container canvas{background:#2b2b2b;border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;height:auto;max-width:100%}.preview-note{color:hsla(0,0%,95%,.7);font-size:.875rem;margin:0;text-align:center}.instructions-card{background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:.75rem;padding:1.5rem}.instructions-card h5{align-items:center;color:#35ad13;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.instructions-card .instructions-list{color:#f2f2f2;margin-bottom:1rem;padding-left:1rem}.instructions-card .instructions-list li{line-height:1.5;margin-bottom:.5rem}.instructions-card .instructions-note{align-items:center;color:hsla(0,0%,95%,.8);display:flex;font-size:.875rem;gap:.5rem;margin:0}.file-info{margin-top:1.5rem}.file-info .selected-file{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.3);border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.file-info .selected-file .file-icon{color:#35ad13;font-size:1.5rem}.file-info .selected-file .file-details{color:#f2f2f2;flex:1}.file-info .selected-file .file-details strong{color:#35ad13}.file-info .selected-file .file-status .status-badge{align-items:center;background:rgba(53,173,19,.2);border-radius:1rem;color:#35ad13;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .75rem}.upload-area{background:rgba(53,173,19,.03);border:3px dashed rgba(53,173,19,.4);border-radius:1rem;cursor:pointer;padding:3rem;text-align:center;transition:all .3s ease}.upload-area:hover{background:rgba(53,173,19,.05);border-color:#35ad13}.upload-area.dragover{background:rgba(53,173,19,.1);border-color:#35ad13;box-shadow:0 4px 20px rgba(43,43,43,.1);transform:scale(1.02)}.upload-area .upload-content{pointer-events:none}.upload-area .upload-content .upload-icon{color:hsla(0,0%,95%,.5);font-size:3rem;margin-bottom:1rem}.upload-area .upload-content h4{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.upload-area .upload-content p{color:hsla(0,0%,95%,.7);font-size:1rem;margin-bottom:1rem}.upload-area .upload-content .upload-formats{color:hsla(0,0%,95%,.6);display:block;font-size:.875rem;margin-bottom:1.5rem}.upload-area .upload-content .upload-btn{align-items:center;background-color:#35ad13;border-color:#35ad13;border-radius:.5rem;color:#fff;display:flex;font-weight:600;gap:.5rem;margin:0 auto;padding:.75rem 2rem;pointer-events:auto}.upload-area .upload-content .upload-btn:hover{background-color:#2d9310;border-color:#2a8a0f}.upload-area .upload-content .upload-btn:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.upload-area .upload-content .upload-btn:hover{box-shadow:0 4px 20px rgba(43,43,43,.1);transform:translateY(-2px)}@media(max-width:767.98px){.upload-area{padding:2rem 1rem}.upload-area .upload-content .upload-icon{font-size:2rem}.upload-area .upload-content h4{font-size:1.125rem}.upload-area .upload-content .upload-btn{padding:.75rem 1.5rem}}.file-info .alert-info{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(6,182,212,.05));border:1px solid rgba(6,182,212,.3);border-radius:.75rem;color:#06b6d4}.audio-player-container{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:.75rem;padding:1.5rem}.audio-player-container h5{color:#f2f2f2;font-weight:600;margin-bottom:1rem}.audio-player-container #waveform{background:hsla(0,0%,95%,.1);border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.audio-player-container .audio-controls{display:flex;gap:.75rem}.audio-player-container .audio-controls .btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.audio-player-container .audio-controls .btn.btn-record{background-color:#35ad13;border-color:#35ad13;color:#fff}.audio-player-container .audio-controls .btn.btn-record:hover{background-color:#2d9310;border-color:#2a8a0f}.audio-player-container .audio-controls .btn.btn-record:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.audio-player-container .audio-controls .btn.btn-success{background-color:#35ad13;border-color:#35ad13;color:#fff}.audio-player-container .audio-controls .btn.btn-success:hover{background-color:#2d9310;border-color:#2a8a0f}.audio-player-container .audio-controls .btn.btn-success:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.audio-player-container .audio-controls .btn.btn-secondary{background-color:#4a4a4a;border-color:#4a4a4a;color:#fff}.audio-player-container .audio-controls .btn.btn-secondary:hover{background-color:#3f3f3f;border-color:#3b3b3b}.audio-player-container .audio-controls .btn.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(74,74,74,.5)}.visualizer-settings{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;padding:1.5rem}.visualizer-settings h5{color:#f2f2f2;font-weight:600;margin-bottom:1.5rem}.visualizer-settings .form-label{color:#f2f2f2;font-weight:600;margin-bottom:.5rem}.visualizer-settings .form-control,.visualizer-settings .form-select{background-color:hsla(0,0%,95%,.1);border:1px solid #3a3a3a;border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.visualizer-settings .form-control:focus,.visualizer-settings .form-select:focus{background-color:hsla(0,0%,95%,.15);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);color:#f2f2f2;outline:none}.visualizer-settings .form-range::-webkit-slider-track{background:#3a3a3a;border-radius:.25rem}.visualizer-settings .form-range::-webkit-slider-thumb{background:#35ad13;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.visualizer-settings .form-range::-webkit-slider-thumb:hover{background:#277f0e}.visualizer-settings .form-range::-moz-range-track{background:#3a3a3a;border-radius:.25rem}.visualizer-settings .form-range::-moz-range-thumb{background:#35ad13;border:none;border-radius:50%}.visualizer-settings .form-control-color{border:1px solid #3a3a3a;border-radius:.5rem;height:40px;width:60px}.visualizer-preview{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;padding:1.5rem;text-align:center}.visualizer-preview h5{color:#f2f2f2;font-weight:600;margin-bottom:1rem}.visualizer-preview canvas{border:1px solid #3a3a3a;border-radius:.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1)}.generation-progress{padding:2rem;text-align:center}.generation-progress .progress{background-color:rgba(43,43,43,.3);border-radius:.75rem;height:1.25rem;overflow:hidden}.generation-progress .progress .progress-bar{background:linear-gradient(135deg,#35ad13,#2a8f0f);border-radius:.75rem;transition:all .3s ease}.generation-progress .generation-status p{color:#2b2b2b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.generation-progress .generation-status small{color:#6a6a6a}.generation-complete{text-align:center}.generation-complete .alert-success{background:linear-gradient(135deg,rgba(53,173,19,.1),rgba(53,173,19,.05));border:1px solid rgba(53,173,19,.3);border-radius:.75rem;color:#35ad13}.generation-complete .alert-success h5{color:#35ad13;font-weight:600;margin-bottom:.5rem}.generation-complete .alert-success p{margin-bottom:0}.generation-complete .video-preview{margin:1.5rem 0}.generation-complete .video-preview video{border:1px solid #d0d0d0;border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1)}.generation-complete .download-actions .btn{border-radius:.5rem;font-weight:600;margin:.25rem;padding:.75rem 2rem;transition:all .3s ease}.generation-complete .download-actions .btn.btn-success{background-color:#35ad13;border-color:#35ad13;color:#fff}.generation-complete .download-actions .btn.btn-success:hover{background-color:#2d9310;border-color:#2a8a0f}.generation-complete .download-actions .btn.btn-success:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.generation-complete .download-actions .btn.btn-success:hover{box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-2px)}.generation-complete .download-actions .btn.btn-outline-primary{background:transparent;border-color:#35ad13;color:#35ad13}.generation-complete .download-actions .btn.btn-outline-primary:hover{background:#35ad13;color:#fff}.layers-section{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.layers-section .section-title{align-items:center;color:#f2f2f2;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.layers-section .layers-container .layers-controls{align-items:center;background:hsla(0,0%,95%,.02);border:1px solid #d0d0d0;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.layers-section .layers-container .layers-controls .btn{background-color:#35ad13;border-color:#35ad13;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.layers-section .layers-container .layers-controls .btn:hover{background-color:#2d9310;border-color:#2a8a0f}.layers-section .layers-container .layers-controls .btn:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.layers-section .layers-container .layers-controls .btn:hover{box-shadow:0 4px 20px rgba(43,43,43,.1);transform:translateY(-1px)}.layers-section .layers-container .layers-controls .layers-note{align-items:center;color:#6a6a6a;display:flex;font-size:.8rem;gap:.375rem}.layers-section .layers-container .layers-controls .layers-preset-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;width:100%}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-input{background:rgba(26,26,26,.55);border:1px solid hsla(0,0%,95%,.28);border-radius:.45rem;color:hsla(0,0%,100%,.95);flex:1 1 180px;font-size:.85rem;min-width:150px;outline:none;padding:.5rem .65rem;transition:all .3s ease}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-input:focus{border-color:rgba(53,173,19,.65);box-shadow:0 0 0 2px rgba(53,173,19,.16)}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-input::-moz-placeholder{color:hsla(0,0%,95%,.62)}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-input::placeholder{color:hsla(0,0%,95%,.62)}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-select{background:rgba(26,26,26,.55);border:1px solid hsla(0,0%,95%,.28);border-radius:.45rem;color:hsla(0,0%,100%,.95);flex:1 1 220px;font-size:.85rem;min-width:180px;outline:none;padding:.5rem .65rem;transition:all .3s ease}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-select:focus{border-color:rgba(53,173,19,.65);box-shadow:0 0 0 2px rgba(53,173,19,.16)}.layers-section .layers-container .layers-controls .layers-preset-controls .layers-preset-select option{background:#2b2b2b;color:#f2f2f2}.layers-section .layers-container .layers-controls .layers-preset-controls .btn{flex:0 0 auto;min-width:118px;overflow:visible;padding:.6rem .85rem;text-overflow:unset;white-space:nowrap}.layers-section .layers-container .layers-controls .layers-preset-controls .btn-secondary{background-color:#4a4a4a;border-color:#4a4a4a;color:#fff}.layers-section .layers-container .layers-controls .layers-preset-controls .btn-secondary:hover{background-color:#3f3f3f;border-color:#3b3b3b}.layers-section .layers-container .layers-controls .layers-preset-controls .btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(74,74,74,.5)}.layers-section .layers-container .layers-list{background:hsla(0,0%,95%,.01);border:1px solid #d0d0d0;border-radius:.5rem;min-height:120px;padding:.75rem}.layers-section .layers-container .layers-list .layer-item{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);cursor:move;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item:hover{background:hsla(0,0%,95%,.03);border-color:rgba(53,173,19,.4);box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-1px)}.layers-section .layers-container .layers-list .layer-item:last-child{margin-bottom:0}.layers-section .layers-container .layers-list .layer-item.dragging{box-shadow:0 10px 40px rgba(0,0,0,.25);opacity:.6;transform:rotate(2deg) scale(1.02)}.layers-section .layers-container .layers-list .layer-item .layer-header{align-items:center;display:flex;gap:1rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle{align-items:center;align-self:flex-start;border-radius:.25rem;color:#6a6a6a;cursor:grab;display:flex;flex-direction:column;font-size:1.2rem;gap:.15rem;min-width:20px;padding:.25rem;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle:hover{background:rgba(53,173,19,.1);color:#35ad13}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle:active{cursor:grabbing}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle .layer-grip{color:#6a6a6a;font-size:1rem;letter-spacing:-1px;line-height:.5}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle .btn-move{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.35rem;color:#f2f2f2;cursor:pointer;display:inline-flex;height:1.4rem;justify-content:center;padding:0;transition:all .3s ease;width:1.8rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle .btn-move svg{height:.95rem;width:.95rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle .btn-move:hover{border-color:#35ad13;color:#35ad13}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-handle .btn-move:active{background:rgba(53,173,19,.12)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-info{align-items:center;display:flex;flex:1;gap:1rem;min-width:0}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-info .layer-icon{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:.5rem;display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-info .layer-details{flex:1;min-width:0}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-info .layer-details .layer-name{color:#f2f2f2;display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-info .layer-details .layer-description{color:#6a6a6a;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions{display:flex;flex-shrink:0;gap:.5rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-remove,.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle{border:none;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;line-height:1;min-width:60px;padding:.25rem .5rem;text-align:center;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle:hover{box-shadow:0 4px 20px rgba(43,43,43,.1);transform:translateY(-1px)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-both{background:rgba(6,182,212,.2);border:1px solid rgba(6,182,212,.3);color:#06b6d4}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-both:hover{background:rgba(6,182,212,.3)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-main,.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-shorts{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-main:hover,.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-shorts:hover{background:rgba(245,158,11,.3)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-hidden{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#ef4444}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-toggle.state-hidden:hover{background:rgba(239,68,68,.3)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-remove{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#ef4444}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-remove:hover{background:rgba(239,68,68,.3);box-shadow:0 4px 20px rgba(43,43,43,.1);transform:translateY(-1px)}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-collapse{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.4rem;color:#f2f2f2;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;transition:all .3s ease;width:2rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-collapse svg{height:1rem;transition:transform .2s ease;width:1rem}.layers-section .layers-container .layers-list .layer-item .layer-header .layer-actions .btn-collapse:hover{border-color:#35ad13;color:#35ad13}.layers-section .layers-container .layers-list .layer-item .layer-controls{display:flex;flex-wrap:wrap;gap:1rem;padding-left:3rem}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group{display:flex;flex-direction:column;gap:.375rem;min-width:120px}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-label{color:#6a6a6a;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-label .visualizer-bar-count-value{color:#35ad13;font-weight:600}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input{align-items:center;background:hsla(0,0%,95%,.03);border:1px solid hsla(0,0%,82%,.5);border-radius:.375rem;display:flex;gap:.5rem;padding:.375rem .75rem}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d0d0d0;border-radius:2px;cursor:pointer;flex:1;height:4px;outline:none;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider::-webkit-slider-track{background:#d0d0d0;border-radius:2px;height:4px}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#35ad13;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 20px rgba(43,43,43,.1);cursor:pointer;height:14px;-webkit-transition:all .3s ease;transition:all .3s ease;width:14px}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider::-webkit-slider-thumb:hover{background:#43db18;transform:scale(1.1)}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider::-moz-range-track{background:#d0d0d0;border:none;border-radius:2px;height:4px}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-slider::-moz-range-thumb{background:#35ad13;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 20px rgba(43,43,43,.1);cursor:pointer;height:14px;-moz-transition:all .3s ease;transition:all .3s ease;width:14px}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-select{background:hsla(0,0%,95%,.04);border:1px solid hsla(0,0%,82%,.65);border-radius:.375rem;color:#f2f2f2;flex:1;font-size:.8rem;min-width:0;outline:none;padding:.35rem .5rem;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-select:focus{border-color:rgba(53,173,19,.55);box-shadow:0 0 0 2px rgba(53,173,19,.16)}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-select option{background:#2b2b2b;color:#f2f2f2}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-text-input{background:hsla(0,0%,95%,.04);border:1px solid hsla(0,0%,82%,.65);border-radius:.375rem;color:#f2f2f2;flex:1;font-size:.8rem;min-width:0;outline:none;padding:.35rem .5rem;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-text-input:focus{border-color:rgba(53,173,19,.55);box-shadow:0 0 0 2px rgba(53,173,19,.16)}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-color-input{background:hsla(0,0%,95%,.04);border:1px solid hsla(0,0%,82%,.65);border-radius:.375rem;cursor:pointer;height:32px;padding:.15rem;width:100%}.layers-section .layers-container .layers-list .layer-item .layer-controls .control-group .control-input .control-value{color:#f2f2f2;font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.layers-section .layers-container .layers-list .layer-item.collapsed .layer-controls{display:none}.layers-section .layers-container .layers-list .layer-item.collapsed .layer-header .layer-actions .btn-collapse svg{transform:rotate(-90deg)}.layers-section .layers-container .layers-list .layer-item .layer-settings{background:hsla(0,0%,95%,.02);border:1px solid #d0d0d0;border-radius:.5rem;display:none;margin-top:.75rem;padding:1rem;width:100%}.layers-section .layers-container .layers-list .layer-item .layer-settings.show{animation:slide-down .2s ease-out;display:block}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-title{align-items:center;color:#f2f2f2;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control{display:flex;flex-direction:column;gap:.5rem}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-label{color:#6a6a6a;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input{align-items:center;background:hsla(0,0%,95%,.03);border:1px solid hsla(0,0%,82%,.5);border-radius:.375rem;display:flex;gap:.5rem;padding:.5rem .75rem}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d0d0d0;border-radius:2px;cursor:pointer;flex:1;height:4px;outline:none;transition:all .3s ease}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider::-webkit-slider-track{background:#d0d0d0;border-radius:2px;height:4px}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#35ad13;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 20px rgba(43,43,43,.1);cursor:pointer;height:14px;-webkit-transition:all .3s ease;transition:all .3s ease;width:14px}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider::-webkit-slider-thumb:hover{background:#43db18;transform:scale(1.1)}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider::-moz-range-track{background:#d0d0d0;border:none;border-radius:2px;height:4px}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-slider::-moz-range-thumb{background:#35ad13;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 20px rgba(43,43,43,.1);cursor:pointer;height:14px;-moz-transition:all .3s ease;transition:all .3s ease;width:14px}.layers-section .layers-container .layers-list .layer-item .layer-settings .settings-grid .setting-control .setting-input .setting-value{color:#f2f2f2;font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.layers-section .layers-container .layers-list:empty:after{color:#6a6a6a;content:"No layers added yet. Add an image, text, or particle layer above.";display:block;font-style:italic;padding:2rem;text-align:center}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767.98px){.layers-section .layer-item .layer-header{flex-wrap:wrap;gap:.75rem}.layers-section .layer-item .layer-header .layer-info{min-width:200px}.layers-section .layer-item .layer-header .layer-actions{justify-content:flex-end}.layers-section .layer-item .layer-controls{justify-content:center;padding-left:0}.layers-section .layer-item .layer-controls .control-group{min-width:100px}.layers-section .layers-controls .layers-preset-controls{align-items:stretch;flex-direction:column}.layers-section .layers-controls .layers-preset-controls .btn,.layers-section .layers-controls .layers-preset-controls .layers-preset-input,.layers-section .layers-controls .layers-preset-controls .layers-preset-select{min-width:0;width:100%}}.video-result-preview{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:.75rem;margin-top:2rem;opacity:0;padding:1.5rem;transform:translateY(20px);transition:all .3s ease}.video-result-preview.fade-in{opacity:1;transform:translateY(0)}.video-result-preview .result-header{margin-bottom:1.5rem;text-align:center}.video-result-preview .result-header .result-title{align-items:center;color:#35ad13;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.video-result-preview .result-header .result-description{color:hsla(0,0%,95%,.8);font-size:1rem;margin:0}.video-result-preview .alert-success{background:linear-gradient(135deg,rgba(53,173,19,.1),rgba(53,173,19,.05));border:1px solid rgba(53,173,19,.3);border-radius:.75rem;color:#35ad13;margin-bottom:1.5rem}.video-result-preview .alert-success h5{color:#35ad13;font-weight:600;margin-bottom:.5rem}.video-result-preview .alert-success h5 i{margin-right:.5rem}.video-result-preview .alert-success p{margin-bottom:0;opacity:.9}.video-result-preview .video-preview{border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1);margin-bottom:1.5rem;overflow:hidden;text-align:center}.video-result-preview .video-preview .preview-video{background:#2b2b2b;border-radius:.75rem;display:block;height:auto;max-height:400px;max-width:100%;width:100%}.video-result-preview .video-preview .preview-video:hover{box-shadow:0 12px 40px rgba(43,43,43,.2)}.video-result-preview .result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.video-result-preview .result-actions .btn{align-items:center;border-radius:.5rem;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.video-result-preview .result-actions .btn.btn-download{background-color:#35ad13;background:linear-gradient(135deg,#35ad13,#2a8f0f);border-color:#35ad13;color:#fff}.video-result-preview .result-actions .btn.btn-download:hover{background-color:#2d9310;border-color:#2a8a0f}.video-result-preview .result-actions .btn.btn-download:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.video-result-preview .result-actions .btn.btn-download:hover{box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-2px)}.video-result-preview .result-actions .btn.btn-secondary{background-color:#4a4a4a;border-color:#4a4a4a;color:#fff}.video-result-preview .result-actions .btn.btn-secondary:hover{background-color:#3f3f3f;border-color:#3b3b3b}.video-result-preview .result-actions .btn.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(74,74,74,.5)}.video-result-preview .result-actions .btn.btn-secondary:hover{transform:translateY(-1px)}.video-result-preview .result-actions .btn.btn-outline{background:transparent;border:1px solid hsla(0,0%,95%,.3);color:#f2f2f2}.video-result-preview .result-actions .btn.btn-outline:hover{background:hsla(0,0%,95%,.1);border-color:hsla(0,0%,95%,.5);color:#fff;transform:translateY(-1px)}.video-result-preview .shorts-generator{border-top:1px solid hsla(0,0%,95%,.12);margin-top:1.5rem;padding-top:1.25rem}.video-result-preview .shorts-generator .shorts-header{margin-bottom:.75rem}.video-result-preview .shorts-generator .shorts-header h5{color:#f2f2f2;font-size:1rem;font-weight:600;margin:0}.video-result-preview .shorts-generator .shorts-header p{color:hsla(0,0%,95%,.75);font-size:.9rem;margin:.3rem 0 0}.video-result-preview .shorts-generator .shorts-settings{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.9rem}.video-result-preview .shorts-setting-group .setting-label{color:hsla(0,0%,95%,.92);display:block;font-size:.84rem;font-weight:600;margin-bottom:.35rem}.video-result-preview .shorts-setting-group .setting-select{background:rgba(43,43,43,.8);border:1px solid hsla(0,0%,95%,.22);border-radius:.45rem;color:#f2f2f2;padding:.5rem .65rem;width:100%}.video-result-preview .shorts-setting-group .setting-select:focus{border-color:rgba(6,182,212,.8);box-shadow:0 0 0 2px rgba(6,182,212,.18);outline:none}.video-result-preview .shorts-generator .shorts-actions{display:flex;justify-content:center}.video-result-preview .shorts-generator .shorts-actions .btn-shorts{background-color:#06b6d4;border-color:#06b6d4;border-radius:.5rem;color:#fff;font-weight:700;min-width:180px;padding:.7rem 1.25rem}.video-result-preview .shorts-generator .shorts-actions .btn-shorts:hover{background-color:#059bb4;border-color:#0592aa}.video-result-preview .shorts-generator .shorts-actions .btn-shorts:focus{box-shadow:0 0 0 .2rem rgba(6,182,212,.5)}.video-result-preview .shorts-generator .shorts-actions .btn-shorts:disabled{cursor:not-allowed;opacity:.75}.video-result-preview .shorts-generator .shorts-status{border-radius:.5rem;font-size:.9rem;margin-top:.85rem;padding:.65rem .8rem}.video-result-preview .shorts-generator .shorts-status.status-info{background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.35);color:hsla(0,0%,95%,.95)}.video-result-preview .shorts-generator .shorts-status.status-success{background:rgba(53,173,19,.14);border:1px solid rgba(53,173,19,.35);color:hsla(0,0%,95%,.95)}.video-result-preview .shorts-generator .shorts-status.status-error{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);color:hsla(0,0%,95%,.95)}.video-result-preview .shorts-generator .shorts-list{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.9rem}.video-result-preview .shorts-generator .short-item{background:rgba(43,43,43,.75);border:1px solid hsla(0,0%,95%,.12);border-radius:.65rem;padding:.7rem}.video-result-preview .shorts-generator .short-item .short-title{color:#f2f2f2;font-size:.95rem;font-weight:600;margin:0}.video-result-preview .shorts-generator .short-item .short-meta{color:hsla(0,0%,95%,.72);font-size:.8rem;margin:.35rem 0 .6rem}.video-result-preview .shorts-generator .short-item .short-preview-video{aspect-ratio:9/16;background:#1a1a1a;border-radius:.45rem;display:block;width:100%}.video-result-preview .shorts-generator .short-item .short-actions{display:flex;justify-content:center;margin-top:.6rem}.video-result-preview .shorts-generator .short-item .btn-download-short{background-color:#35ad13;border-color:#35ad13;border-radius:.45rem;color:#fff;font-size:.82rem;font-weight:600;padding:.5rem .75rem;width:100%}.video-result-preview .shorts-generator .short-item .btn-download-short:hover{background-color:#2d9310;border-color:#2a8a0f}.video-result-preview .shorts-generator .short-item .btn-download-short:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.video-result-preview .text-center .btn{border-radius:.5rem;font-weight:600;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.video-result-preview .text-center .btn.btn-success{background-color:#35ad13;background:linear-gradient(135deg,#35ad13,#2a8f0f);border-color:#35ad13;color:#fff}.video-result-preview .text-center .btn.btn-success:hover{background-color:#2d9310;border-color:#2a8a0f}.video-result-preview .text-center .btn.btn-success:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.video-result-preview .text-center .btn.btn-success:hover{box-shadow:0 12px 40px rgba(43,43,43,.2);transform:translateY(-2px)}.video-result-preview .text-center .btn.btn-outline-secondary{background:transparent;border-color:#d0d0d0;color:#6a6a6a}.video-result-preview .text-center .btn.btn-outline-secondary:hover{background:#4a4a4a;border-color:#4a4a4a;color:#fff;transform:translateY(-1px)}.video-result-preview .text-center .btn i{margin-right:.5rem}@media(max-width:767.98px){.video-result-preview{padding:1rem}.video-result-preview .video-preview .preview-video{max-height:300px}.video-result-preview .result-actions{flex-direction:column}.video-result-preview .result-actions .btn{min-width:auto;width:100%}.video-result-preview .shorts-generator .shorts-settings{grid-template-columns:1fr}.video-result-preview .shorts-generator .shorts-actions .btn-shorts{width:100%}}@media(max-width:575.98px){.video-result-preview .video-preview .preview-video{max-height:250px}.video-result-preview .shorts-generator .shorts-list{grid-template-columns:1fr}.video-result-preview .result-header .result-title{flex-direction:column;font-size:1.25rem;gap:.25rem}}@media(max-width:767.98px){.audio-visualizer .visualizer-preview canvas{height:auto;max-width:100%}.audio-visualizer .audio-controls{flex-direction:column}.audio-visualizer .audio-controls .btn{margin-bottom:.5rem;width:100%}.audio-visualizer .download-actions .btn{display:block;margin-bottom:.5rem;width:100%}.audio-visualizer .upload-area{padding:2rem 1rem}.audio-visualizer .video-result-preview{margin-top:1.5rem;padding:1rem}.audio-visualizer .video-result-preview .text-center .btn{display:block;margin:.5rem 0;width:100%}.audio-visualizer .video-result-preview .video-preview video{max-height:200px}.audio-visualizer .layers-section{padding:1rem}.audio-visualizer .layers-section .layers-controls{align-items:stretch;flex-direction:column;gap:.75rem}.audio-visualizer .layers-section .layers-controls .layers-note{text-align:center}.audio-visualizer .layers-section .layer-item{align-items:stretch;flex-direction:column;gap:.75rem}.audio-visualizer .layers-section .layer-item .layer-info{justify-content:center;text-align:center}.audio-visualizer .layers-section .layer-item .layer-controls{flex-direction:column;gap:.75rem}.audio-visualizer .layer-item .layer-controls .opacity-control{justify-content:center;min-width:auto}.audio-visualizer .layers-section .layer-item .layer-controls .layer-actions{justify-content:center}}.audio-visualizer-page{min-height:calc(100vh - 200px);padding:2rem 0}.audio-visualizer-page .container{margin:0 auto;max-width:1100px;padding:0 1rem}.audio-visualizer-page .page-header{margin-bottom:3rem;text-align:center}.audio-visualizer-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.audio-visualizer-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:600px}.audio-visualizer-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1.5rem}.audio-visualizer-page .page-header .breadcrumb a{color:#35ad13;font-weight:500;text-decoration:none}.audio-visualizer-page .page-header .breadcrumb a:hover{text-decoration:underline}.audio-visualizer-page .visualizer-card{background:#2b2b2b;border:1px solid #d0d0d0;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:2rem;overflow:hidden}.audio-visualizer-page .visualizer-card .card-header{border-bottom:1px solid hsla(0,0%,95%,.1);padding:1.5rem 2rem}.audio-visualizer-page .visualizer-card .card-header .card-title{align-items:center;color:#f2f2f2;display:flex;font-size:1.25rem;font-weight:600;gap:1rem;margin:0}.audio-visualizer-page .visualizer-card .card-header .card-title .step-number{align-items:center;background:rgba(53,173,19,.15);border:2px solid rgba(53,173,19,.3);border-radius:50%;color:#35ad13;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.audio-visualizer-page .visualizer-card .card-body{padding:2rem}.audio-visualizer-page .d-none{display:none}.audio-visualizer-page .error-alert{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#ef4444;margin-bottom:2rem;padding:1rem 1.5rem}.audio-visualizer-page .error-alert .error-content{align-items:center;display:flex;gap:.75rem;justify-content:center;justify-content:flex-start}@media(max-width:767.98px){.audio-visualizer-page .container{padding:0 .5rem}.audio-visualizer-page .visualizer-card{border-radius:1rem}.audio-visualizer-page .visualizer-card .card-header{padding:1rem 1.5rem}.audio-visualizer-page .visualizer-card .card-body{padding:1.5rem}}@media(max-width:575.98px){.audio-visualizer-page{padding:1rem 0}.audio-visualizer-page .page-header{margin-bottom:2rem}.audio-visualizer-page .visualizer-card .card-body{padding:1rem}}.audio-trimmer-page{--trimmer-wave:#35ad13;min-height:calc(100vh - 200px);padding:2rem 0}.audio-trimmer-page .container{margin:0 auto;max-width:900px;padding:0 1rem}.audio-trimmer-page .page-header{margin-bottom:2.5rem;text-align:center}.audio-trimmer-page .page-header .header-content h1{align-items:center;color:#2b2b2b;display:inline-flex;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;gap:.6rem;margin-bottom:.75rem}.audio-trimmer-page .page-header svg{height:2rem;width:2rem}.audio-trimmer-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:620px}.audio-trimmer-page .page-header .breadcrumb{margin-top:1.5rem}.audio-trimmer-page .trimmer-upload{background:#2b2b2b;border:2px dashed #3a3a3a;border-radius:1rem;cursor:pointer;padding:3.5rem 1.5rem;text-align:center;transition:all .3s ease}.audio-trimmer-page .trimmer-upload.dragging,.audio-trimmer-page .trimmer-upload:hover{background:#353535;border-color:#35ad13}.audio-trimmer-page .trimmer-upload svg{color:#35ad13;height:3rem;margin-bottom:.75rem;width:3rem}.audio-trimmer-page .trimmer-upload .upload-title{color:#f2f2f2;font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.audio-trimmer-page .trimmer-upload .upload-hint{color:#6a6a6a;font-size:.9rem;margin:0}.audio-trimmer-page .trimmer-editor{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:1.5rem}.audio-trimmer-page .editor-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.audio-trimmer-page .editor-bar .file-name{color:#f2f2f2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-trimmer-page .waveform-wrap{background:#212121;border-radius:.6rem;height:170px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-trimmer-page .waveform-wrap canvas{height:100%;inset:0;position:absolute;width:100%}.audio-trimmer-page .waveform-wrap .dim{background:hsla(0,0%,6%,.62);bottom:0;pointer-events:none;position:absolute;top:0}.audio-trimmer-page .waveform-wrap .dim-left{left:0;width:0}.audio-trimmer-page .waveform-wrap .dim-right{left:100%;right:0}.audio-trimmer-page .waveform-wrap .handle{bottom:0;cursor:ew-resize;position:absolute;top:0;transform:translateX(-50%);width:14px;z-index:3}.audio-trimmer-page .waveform-wrap .handle:before{background:#35ad13;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.audio-trimmer-page .waveform-wrap .handle:after{background:#35ad13;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.45);content:"";height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.audio-trimmer-page .waveform-wrap .playhead{background:#f2f2f2;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:2}.audio-trimmer-page .trimmer-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.25rem 1.5rem;justify-content:space-between;margin-top:1.25rem}.audio-trimmer-page .controls-left{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem 1.25rem}.audio-trimmer-page .action-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.5rem 1.1rem;transition:all .3s ease}.audio-trimmer-page .action-btn svg{height:1.1rem;width:1.1rem}.audio-trimmer-page .action-btn.primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.audio-trimmer-page .action-btn.primary:hover{background-color:#2d9310;border-color:#2a8a0f}.audio-trimmer-page .action-btn.primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.audio-trimmer-page .action-btn.ghost{font-size:.85rem;padding:.45rem .8rem}.audio-trimmer-page .action-btn.is-playing{border-color:#35ad13;color:#35ad13}.audio-trimmer-page .action-btn:disabled{cursor:not-allowed;opacity:.45}.audio-trimmer-page .action-btn:hover:not(:disabled){border-color:#35ad13;color:#35ad13}.audio-trimmer-page .play-btn{flex:0 0 auto}.audio-trimmer-page .export-group{align-items:flex-end;display:flex;gap:.75rem}.audio-trimmer-page .export-format-field select{min-width:10rem;width:auto}.audio-trimmer-page .time-fields{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.audio-trimmer-page .time-field{display:flex;flex-direction:column;gap:.3rem}.audio-trimmer-page .time-field span{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.audio-trimmer-page .time-field input,.audio-trimmer-page .time-field select{background:#232323;border:1px solid #3a3a3a;border-radius:.5rem;color:#f2f2f2;font-size:.95rem;font-variant-numeric:tabular-nums;height:2.75rem;padding:0 .6rem;width:7rem}.audio-trimmer-page .time-field input:focus,.audio-trimmer-page .time-field select:focus{border-color:#35ad13;outline:none}.audio-trimmer-page .time-readout{display:flex;flex-direction:column;gap:.3rem}.audio-trimmer-page .time-readout .readout-label{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.audio-trimmer-page .time-readout .readout-figures{align-items:center;display:flex;gap:.4rem;height:2.75rem}.audio-trimmer-page .time-readout .readout-value{color:#f2f2f2;font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700}.audio-trimmer-page .time-readout .readout-total{color:#6a6a6a;font-size:.8rem}.audio-trimmer-page .d-none{display:none}@media(max-width:575.98px){.audio-trimmer-page .trimmer-controls{align-items:stretch}.audio-trimmer-page .controls-left{width:100%}.audio-trimmer-page .export-group{flex-wrap:wrap;width:100%}.audio-trimmer-page .export-btn{flex:1 1 auto}.audio-trimmer-page .export-format-field{flex:1 1 100%}.audio-trimmer-page .export-format-field select{width:100%}.audio-trimmer-page .time-fields{justify-content:space-between;width:100%}}.audio-converter-page{min-height:calc(100vh - 200px);padding:2rem 0}.audio-converter-page .container{margin:0 auto;max-width:760px;padding:0 1rem}.audio-converter-page .page-header{margin-bottom:2.5rem;text-align:center}.audio-converter-page .page-header .header-content h1{align-items:center;color:#2b2b2b;display:inline-flex;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;gap:.6rem;margin-bottom:.75rem}.audio-converter-page .page-header svg{height:2rem;width:2rem}.audio-converter-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:620px}.audio-converter-page .page-header .breadcrumb{margin-top:1.5rem}.audio-converter-page .converter-upload{background:#2b2b2b;border:2px dashed #3a3a3a;border-radius:1rem;cursor:pointer;padding:3.5rem 1.5rem;text-align:center;transition:all .3s ease}.audio-converter-page .converter-upload.dragging,.audio-converter-page .converter-upload:hover{background:#353535;border-color:#35ad13}.audio-converter-page .converter-upload svg{color:#35ad13;height:3rem;margin-bottom:.75rem;width:3rem}.audio-converter-page .converter-upload .upload-title{color:#f2f2f2;font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.audio-converter-page .converter-upload .upload-hint{color:#6a6a6a;font-size:.9rem;margin:0}.audio-converter-page .converter-panel{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:1.5rem}.audio-converter-page .panel-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.audio-converter-page .panel-bar .file-meta{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.audio-converter-page .panel-bar .file-name{color:#f2f2f2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-converter-page .panel-bar .file-info{color:#6a6a6a;font-size:.85rem}.audio-converter-page .converter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem 1.25rem}.audio-converter-page .field{display:flex;flex-direction:column;gap:.3rem}.audio-converter-page .field span{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.audio-converter-page .field select{background:#232323;border:1px solid #3a3a3a;border-radius:.5rem;color:#f2f2f2;font-size:.95rem;height:2.75rem;min-width:10rem;padding:0 .6rem}.audio-converter-page .field select:focus{border-color:#35ad13;outline:none}.audio-converter-page .action-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.5rem 1.1rem;transition:all .3s ease}.audio-converter-page .action-btn svg{height:1.1rem;width:1.1rem}.audio-converter-page .action-btn.primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.audio-converter-page .action-btn.primary:hover{background-color:#2d9310;border-color:#2a8a0f}.audio-converter-page .action-btn.primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.audio-converter-page .action-btn.ghost{font-size:.85rem;padding:.45rem .8rem}.audio-converter-page .action-btn:disabled{cursor:not-allowed;opacity:.45}.audio-converter-page .action-btn:hover:not(:disabled){border-color:#35ad13;color:#35ad13}.audio-converter-page .convert-btn{margin-left:auto}.audio-converter-page .d-none{display:none}@media(max-width:575.98px){.audio-converter-page .converter-controls{align-items:stretch}.audio-converter-page .field{flex:1 1 100%}.audio-converter-page .field select{width:100%}.audio-converter-page .convert-btn{margin-left:0;width:100%}}.audio-merger-page{min-height:calc(100vh - 200px);padding:2rem 0}.audio-merger-page .container{margin:0 auto;max-width:820px;padding:0 1rem}.audio-merger-page .page-header{margin-bottom:2.5rem;text-align:center}.audio-merger-page .page-header .header-content h1{align-items:center;color:#2b2b2b;display:inline-flex;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;gap:.6rem;margin-bottom:.75rem}.audio-merger-page .page-header svg{height:2rem;width:2rem}.audio-merger-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:620px}.audio-merger-page .page-header .breadcrumb{margin-top:1.5rem}.audio-merger-page .merger-upload{background:#2b2b2b;border:2px dashed #3a3a3a;border-radius:1rem;cursor:pointer;padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease}.audio-merger-page .merger-upload.dragging,.audio-merger-page .merger-upload:hover{background:#353535;border-color:#35ad13}.audio-merger-page .merger-upload svg{color:#35ad13;height:2.5rem;margin-bottom:.5rem;width:2.5rem}.audio-merger-page .merger-upload .upload-title{color:#f2f2f2;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.audio-merger-page .merger-upload .upload-hint{color:#6a6a6a;font-size:.9rem;margin:0}.audio-merger-page .merge-empty{color:#6a6a6a;margin:1.5rem 0 0;text-align:center}.audio-merger-page .merge-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:1.5rem 0 0;padding:0}.audio-merger-page .merge-item{align-items:center;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.6rem;display:flex;gap:1rem;padding:.7rem .9rem}.audio-merger-page .merge-index{align-items:center;background:#232323;border-radius:50%;color:#f2f2f2;display:inline-flex;flex:0 0 auto;font-size:.85rem;font-weight:700;height:1.6rem;justify-content:center;width:1.6rem}.audio-merger-page .merge-meta{display:flex;flex:1 1 auto;flex-direction:column;gap:.15rem;overflow:hidden}.audio-merger-page .merge-name{color:#f2f2f2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-merger-page .merge-duration{color:#6a6a6a;font-size:.85rem;font-variant-numeric:tabular-nums}.audio-merger-page .merge-item-actions{display:flex;flex:0 0 auto;gap:.35rem}.audio-merger-page .icon-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.45rem;color:#f2f2f2;cursor:pointer;display:inline-flex;font-size:1rem;height:2.1rem;justify-content:center;line-height:1;transition:all .3s ease;width:2.1rem}.audio-merger-page .icon-btn svg{height:1rem;width:1rem}.audio-merger-page .icon-btn:hover{border-color:#35ad13;color:#35ad13}.audio-merger-page .icon-btn.remove:hover{border-color:#e5484d;color:#e5484d}.audio-merger-page .merger-controls{align-items:flex-end;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);display:flex;flex-wrap:wrap;gap:1rem 1.25rem;margin-top:1.5rem;padding:1.5rem}.audio-merger-page .field{display:flex;flex-direction:column;gap:.3rem}.audio-merger-page .field span{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.audio-merger-page .field select{background:#232323;border:1px solid #3a3a3a;border-radius:.5rem;color:#f2f2f2;font-size:.95rem;height:2.75rem;min-width:9.5rem;padding:0 .6rem}.audio-merger-page .field select:focus{border-color:#35ad13;outline:none}.audio-merger-page .merge-readout{display:flex;flex-direction:column;gap:.3rem}.audio-merger-page .merge-readout .readout-label{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.audio-merger-page .merge-readout .readout-value{align-items:center;color:#f2f2f2;display:inline-flex;font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;height:2.75rem}.audio-merger-page .action-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.5rem 1.1rem;transition:all .3s ease}.audio-merger-page .action-btn svg{height:1.1rem;width:1.1rem}.audio-merger-page .action-btn.primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.audio-merger-page .action-btn.primary:hover{background-color:#2d9310;border-color:#2a8a0f}.audio-merger-page .action-btn.primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.audio-merger-page .action-btn.ghost{font-size:.85rem;padding:.45rem .8rem}.audio-merger-page .action-btn:disabled{cursor:not-allowed;opacity:.45}.audio-merger-page .action-btn:hover:not(:disabled){border-color:#35ad13;color:#35ad13}.audio-merger-page .merge-btn{margin-left:auto}.audio-merger-page .d-none{display:none}@media(max-width:575.98px){.audio-merger-page .merger-controls{align-items:stretch}.audio-merger-page .field{flex:1 1 100%}.audio-merger-page .field select{width:100%}.audio-merger-page .merge-btn{margin-left:0;width:100%}}.short-creator-page{min-height:calc(100vh - 200px);padding:2rem 0}.short-creator-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.short-creator-page .page-header{margin-bottom:2.5rem;text-align:center}.short-creator-page .page-header .header-content h1{align-items:center;color:#2b2b2b;display:inline-flex;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;gap:.6rem;margin-bottom:.75rem}.short-creator-page .page-header svg{height:2rem;width:2rem}.short-creator-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:640px}.short-creator-page .page-header .breadcrumb{margin-top:1.5rem}.short-creator-page .sc-upload{background:#2b2b2b;border:2px dashed #3a3a3a;border-radius:1rem;cursor:pointer;padding:3.5rem 1.5rem;text-align:center;transition:all .3s ease}.short-creator-page .sc-upload.dragover,.short-creator-page .sc-upload:hover{background:#353535;border-color:#35ad13}.short-creator-page .sc-upload svg{color:#35ad13;height:3rem;margin-bottom:.75rem;width:3rem}.short-creator-page .sc-upload .upload-title{color:#f2f2f2;font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.short-creator-page .sc-upload .upload-hint{color:#6a6a6a;font-size:.9rem;margin:0}.short-creator-page .sc-editor-grid{display:flex;flex-direction:column;gap:1.5rem}.short-creator-page .sc-preview-pane{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:1.25rem}.short-creator-page .sc-file-name{color:#f2f2f2;font-weight:600;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-creator-page .sc-canvas-wrap{align-items:center;background:#000;border-radius:.6rem;display:flex;justify-content:center;overflow:hidden}.short-creator-page .sc-canvas-wrap canvas{display:block;height:auto;margin:0 auto;max-height:65vh;max-width:100%;width:auto}.short-creator-page .sc-transport{align-items:center;display:flex;gap:1rem;margin-top:1rem}.short-creator-page .sc-transport .sc-status{color:#35ad13;font-size:.9rem;font-weight:600}.short-creator-page .sc-output{margin-top:1.25rem}.short-creator-page .sc-output-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.short-creator-page .sc-subtitle{color:#f2f2f2;font-size:1rem;font-weight:700;margin:1.5rem 0 .75rem}.short-creator-page .field{display:flex;flex-direction:column;gap:.3rem}.short-creator-page .field span{color:#6a6a6a;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.short-creator-page .field select{background:#232323;border:1px solid #3a3a3a;border-radius:.5rem;color:#f2f2f2;font-size:.95rem;height:2.75rem;min-width:7rem;padding:0 .6rem}.short-creator-page .field select:focus{border-color:#35ad13;outline:none}.short-creator-page .sc-actions{margin-top:1.25rem}.short-creator-page .sc-shorts-btn{align-self:flex-end}.short-creator-page .sc-stop-btn:hover:not(:disabled){border-color:#e5484d;color:#e5484d}.short-creator-page .sc-results{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.short-creator-page .sc-result{background:#232323;border:1px solid #3a3a3a;border-radius:.6rem;padding:.75rem}.short-creator-page .sc-result .sc-result-video{background:#000;border-radius:.4rem;max-height:40vh;width:100%}.short-creator-page .sc-result .sc-result-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.6rem}.short-creator-page .sc-result .sc-result-label{color:#f2f2f2;font-size:.9rem}.short-creator-page .action-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.5rem 1.1rem;text-decoration:none;transition:all .3s ease}.short-creator-page .action-btn svg{height:1.1rem;width:1.1rem}.short-creator-page .action-btn.primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.short-creator-page .action-btn.primary:hover{background-color:#2d9310;border-color:#2a8a0f}.short-creator-page .action-btn.primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.short-creator-page .action-btn:disabled{cursor:not-allowed;opacity:.45}.short-creator-page .action-btn:hover:not(:disabled){border-color:#35ad13;color:#35ad13}.short-creator-page .av-trim{background:#161616;border-radius:.4rem;height:64px;margin-bottom:.5rem;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.short-creator-page .av-waveform{display:block;height:100%;inset:0;position:absolute;width:100%}.short-creator-page .av-filmstrip{display:flex;inset:0;position:absolute}.short-creator-page .av-thumb{display:block;flex:1 1 0;height:100%;min-width:0}.short-creator-page .av-dim{background:hsla(0,0%,6%,.62);bottom:0;pointer-events:none;position:absolute;top:0;z-index:2}.short-creator-page .av-dim-left{left:0;width:0}.short-creator-page .av-dim-right{left:100%;right:0}.short-creator-page .av-handle{bottom:0;cursor:ew-resize;position:absolute;top:0;transform:translateX(-50%);width:12px;z-index:3}.short-creator-page .av-handle:before{background:#35ad13;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.short-creator-page .av-handle:after{background:#35ad13;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.45);content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.short-creator-page .av-trim-times{display:flex;gap:.75rem}.short-creator-page .av-trim-times .mini-label{color:#6a6a6a;display:flex;flex-direction:column;font-size:.75rem;gap:.2rem}.short-creator-page .av-trim-times input{background:#232323;border:1px solid #3a3a3a;border-radius:.4rem;color:#f2f2f2;font-variant-numeric:tabular-nums;padding:.3rem .4rem;width:6rem}.short-creator-page .av-trim-times input:focus{border-color:#35ad13;outline:none}.short-creator-page .d-none{display:none}.rss-feed-page{min-height:calc(100vh - 200px);padding:2rem 0}.rss-feed-page .container{margin:0 auto;max-width:1000px;padding:0 1rem}.rss-feed-page .page-header{margin-bottom:2rem;text-align:center}.rss-feed-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.75rem}.rss-feed-page .page-header .header-content p{color:#4a4a4a;margin:0 auto;max-width:700px}.rss-feed-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1rem}.rss-feed-page .page-header .breadcrumb a{color:#35ad13;text-decoration:none}.rss-feed-page .composer-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:1.5rem;overflow:hidden}.rss-feed-page .composer-form{padding:1.25rem}.rss-feed-page .form-grid{align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 140px auto}.rss-feed-page .form-control-group{display:flex;flex-direction:column;gap:.5rem}.rss-feed-page .form-control-group.small{width:140px}.rss-feed-page .form-label{color:#f2f2f2;font-size:.875rem;font-weight:600}.rss-feed-page .input{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.2);border-radius:.5rem;color:#f2f2f2;padding:.625rem .75rem;width:100%}.rss-feed-page .input-sm{font-size:.875rem;padding:.375rem .5rem}.rss-feed-page .btn{align-items:center;border:none;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;transition:all .3s ease}.rss-feed-page .btn-primary{background-color:#35ad13;border-color:#35ad13;border-radius:.6rem;color:#fff;padding:.625rem 1rem}.rss-feed-page .btn-primary:hover{background-color:#2d9310;border-color:#2a8a0f}.rss-feed-page .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.rss-feed-page .btn-outline{background:hsla(0,0%,95%,.08);border:1px solid hsla(0,0%,95%,.2);border-radius:.5rem;color:#f2f2f2;padding:.375rem .75rem}.rss-feed-page .widgets-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rss-feed-page .rss-widget{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;overflow:hidden}.rss-feed-page .widget-header{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;justify-content:space-between;padding:.75rem 1rem}.rss-feed-page .widget-title{color:#f2f2f2;font-weight:600;text-decoration:none;word-break:break-all}.rss-feed-page .widget-body{padding:1rem}.rss-feed-page .widget-controls{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.rss-feed-page .items{list-style:none;margin:0;padding:0}.rss-feed-page .item{border-bottom:1px solid hsla(0,0%,95%,.1);padding:.5rem 0}.rss-feed-page .item:last-child{border-bottom:0}.rss-feed-page .item-title{color:#f2f2f2;display:block;font-weight:600;text-decoration:none}.rss-feed-page .item-date{color:hsla(0,0%,95%,.6);display:inline-block;font-size:.8rem;margin-top:.25rem}.rss-feed-page .item-desc{color:hsla(0,0%,95%,.85);font-size:.9rem;margin-top:.25rem}.rss-feed-page .empty-state{background:rgba(43,43,43,.25);border:1px dashed hsla(0,0%,95%,.2);border-radius:.75rem;color:hsla(0,0%,95%,.8);padding:2rem;text-align:center}@media(max-width:767.98px){.rss-feed-page .form-grid{grid-template-columns:1fr}.rss-feed-page .form-control-group.small{width:100%}}.seo-analyzer-page{min-height:calc(100vh - 200px);padding:2rem 0}.seo-analyzer-page .container{margin:0 auto;max-width:900px;padding:0 1rem}.seo-analyzer-page .page-header{margin-bottom:3rem;text-align:center}.seo-analyzer-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.seo-analyzer-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:600px}.seo-analyzer-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1.5rem}.seo-analyzer-page .page-header .breadcrumb a{color:#35ad13;font-weight:500;text-decoration:none}.seo-analyzer-page .page-header .breadcrumb a:hover{text-decoration:underline}.seo-analyzer-page .analyzer-composer{margin:0 auto;max-width:800px}.seo-analyzer-page .composer-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:2rem;overflow:hidden}.seo-analyzer-page .composer-header{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;justify-content:space-between;padding:1.5rem 2rem}.seo-analyzer-page .composer-header .tool-info{align-items:center;display:flex;gap:1rem;justify-content:center}.seo-analyzer-page .composer-header .tool-info .tool-icon{align-items:center;background:rgba(53,173,19,.1);border:2px solid rgba(53,173,19,.3);border-radius:12px;display:flex;height:50px;justify-content:center;width:50px}.seo-analyzer-page .composer-header .tool-info .tool-icon .tool-icon-text{font-size:1.5rem}.seo-analyzer-page .composer-header .tool-info .tool-details .tool-name{color:#f2f2f2;display:block;font-size:1rem;font-weight:600}.seo-analyzer-page .composer-header .tool-info .tool-details .tool-description{color:hsla(0,0%,95%,.6);display:block;font-size:.875rem}.seo-analyzer-page .composer-header .workflow-status .status-badge{align-items:center;background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:1rem;color:#35ad13;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;justify-content:center;padding:.375rem .75rem}.seo-analyzer-page .composer-header .workflow-status .status-badge .status-icon{font-size:.875rem}.seo-analyzer-page .composer-form{padding:2rem}.seo-analyzer-page .composer-form .form-group{margin-bottom:1.5rem}.seo-analyzer-page .composer-form .form-group .form-label{color:#f2f2f2;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.seo-analyzer-page .composer-form .form-group .url-input{background:rgba(43,43,43,.3);border:2px solid hsla(0,0%,95%,.2);border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.seo-analyzer-page .composer-form .form-group .url-input::-moz-placeholder{color:hsla(0,0%,95%,.5)}.seo-analyzer-page .composer-form .form-group .url-input::placeholder{color:hsla(0,0%,95%,.5)}.seo-analyzer-page .composer-form .form-group .url-input:focus{background:rgba(43,43,43,.5);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);outline:none}.seo-analyzer-page .composer-form .form-group .url-input:invalid:not(:-moz-placeholder){border-color:rgba(239,68,68,.5)}.seo-analyzer-page .composer-form .form-group .url-input:invalid:not(:placeholder-shown){border-color:rgba(239,68,68,.5)}.seo-analyzer-page .composer-form .form-group .input-help{color:hsla(0,0%,95%,.5);font-size:.75rem;font-style:italic;margin-top:.5rem}.seo-analyzer-page .composer-form .composer-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.seo-analyzer-page .composer-form .composer-footer .analysis-info .info-text{align-items:center;color:hsla(0,0%,95%,.6);display:flex;font-size:.875rem;gap:.5rem;justify-content:center}.seo-analyzer-page .composer-form .composer-footer .analysis-info .info-text .info-icon{font-size:1rem}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn{align-items:center;background-color:#35ad13;border-color:#35ad13;border-radius:2rem;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 2rem}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn:hover{background-color:#2d9310;border-color:#2a8a0f}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn:disabled{cursor:not-allowed;opacity:.6}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(53,173,19,.3);transform:translateY(-1px)}.seo-analyzer-page .loading-indicator{border-top:1px solid hsla(0,0%,95%,.1);padding:3rem 2rem}.seo-analyzer-page .loading-indicator .loading-content{text-align:center}.seo-analyzer-page .loading-indicator .loading-content .spinner{animation:spin 1s linear infinite;border:4px solid rgba(53,173,19,.2);border-radius:50%;border-top-color:#35ad13;height:60px;margin:0 auto 1.5rem;width:60px}.seo-analyzer-page .loading-indicator .loading-content p{color:#f2f2f2;font-size:1rem;font-weight:600;margin-bottom:.5rem}.seo-analyzer-page .loading-indicator .loading-content .loading-subtext{color:hsla(0,0%,95%,.6);font-size:.875rem;font-weight:400}.seo-analyzer-page .analysis-results{border-top:1px solid hsla(0,0%,95%,.1);padding:0 2rem 2rem}.seo-analyzer-page .analysis-results .results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.seo-analyzer-page .analysis-results .results-header .btn-close-results{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.seo-analyzer-page .analysis-results .results-header .btn-close-results:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.seo-analyzer-page .analysis-results .results-content{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;max-height:600px;overflow-y:auto;padding:1.5rem}.seo-analyzer-page .analysis-results .results-content::-webkit-scrollbar{width:8px}.seo-analyzer-page .analysis-results .results-content::-webkit-scrollbar-track{background:hsla(0,0%,95%,.05);border-radius:4px}.seo-analyzer-page .analysis-results .results-content::-webkit-scrollbar-thumb{background:rgba(53,173,19,.3);border-radius:4px}.seo-analyzer-page .analysis-results .results-content::-webkit-scrollbar-thumb:hover{background:rgba(53,173,19,.5)}.seo-analyzer-page .analysis-results .results-content pre{word-wrap:break-word;color:hsla(0,0%,95%,.9);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.seo-analyzer-page .analysis-results .results-content .result-output{color:hsla(0,0%,95%,.9);font-size:.875rem;line-height:1.8}.seo-analyzer-page .analysis-results .results-content .result-section{margin-bottom:1rem}.seo-analyzer-page .analysis-results .results-content .result-section .result-key{color:#35ad13;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.seo-analyzer-page .analysis-results .results-content .result-item{border-bottom:1px solid hsla(0,0%,95%,.05);padding:.5rem 0}.seo-analyzer-page .analysis-results .results-content .result-item:last-child{border-bottom:none}.seo-analyzer-page .analysis-results .results-content .result-item .result-key{color:hsla(0,0%,95%,.7);font-size:.875rem;font-weight:600;margin-right:.5rem}.seo-analyzer-page .analysis-results .results-content .result-item .result-value{color:#f2f2f2;font-size:.875rem}.seo-analyzer-page .analysis-results .results-content .result-list{list-style:none;margin:.5rem 0;padding:0}.seo-analyzer-page .analysis-results .results-content .result-list li{color:hsla(0,0%,95%,.8);font-size:.875rem;padding:.25rem 0 .25rem 1rem;position:relative}.seo-analyzer-page .analysis-results .results-content .result-list li:before{color:#35ad13;content:"•";left:0;position:absolute}.seo-analyzer-page .results-header h3{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin:0}.seo-analyzer-page .analysis-features{margin-bottom:3rem}.seo-analyzer-page .analysis-features h3{color:#f2f2f2;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.seo-analyzer-page .analysis-features .features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.seo-analyzer-page .analysis-features .feature-card{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.seo-analyzer-page .analysis-features .feature-card:hover{background:rgba(43,43,43,.4);border-color:rgba(53,173,19,.3);box-shadow:0 4px 12px rgba(53,173,19,.1);transform:translateY(-2px)}.seo-analyzer-page .analysis-features .feature-card .feature-icon{font-size:2.5rem;margin-bottom:1rem}.seo-analyzer-page .analysis-features .feature-card h4{color:#f2f2f2;font-size:1rem;font-weight:600;margin-bottom:.5rem}.seo-analyzer-page .analysis-features .feature-card p{color:hsla(0,0%,95%,.7);font-size:.875rem;line-height:1.5;margin:0}.seo-analyzer-page .seo-results .score-overview{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.seo-analyzer-page .seo-results .score-overview .score-circle{align-items:center;border:4px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:90px;justify-content:center;line-height:1;width:90px}.seo-analyzer-page .seo-results .score-overview .score-circle .score-number{font-size:2rem;font-weight:700}.seo-analyzer-page .seo-results .score-overview .score-circle .score-max{font-size:.75rem;opacity:.8}.seo-analyzer-page .seo-results .score-overview .score-summary{flex:1}.seo-analyzer-page .seo-results .score-overview .score-summary .score-label{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.seo-analyzer-page .seo-results .score-overview .score-summary .score-text{color:hsla(0,0%,95%,.8);font-size:.9rem;margin:0 0 .25rem}.seo-analyzer-page .seo-results .score-overview .score-summary .score-url{color:hsla(0,0%,95%,.5);font-size:.8rem;margin:0;word-break:break-all}.seo-analyzer-page .seo-results .checks-sections{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.seo-analyzer-page .seo-results .check-group .check-group-title{color:hsla(0,0%,95%,.7);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 .75rem;text-transform:uppercase}.seo-analyzer-page .seo-results .check-group .check-list{display:flex;flex-direction:column;gap:.5rem}.seo-analyzer-page .seo-results .check-item{align-items:flex-start;border:1px solid transparent;border-radius:.5rem;display:flex;gap:.625rem;padding:.625rem .75rem}.seo-analyzer-page .seo-results .check-item .check-icon{flex-shrink:0;font-size:.875rem;font-weight:700;margin-top:1px;text-align:center;width:18px}.seo-analyzer-page .seo-results .check-item .check-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.seo-analyzer-page .seo-results .check-item .check-info .check-name{color:#f2f2f2;font-size:.875rem;font-weight:600}.seo-analyzer-page .seo-results .check-item .check-info .check-value{color:hsla(0,0%,95%,.7);font-size:.8rem;word-break:break-all}.seo-analyzer-page .seo-results .check-item .check-info .check-tip{color:hsla(0,0%,95%,.55);font-size:.775rem;font-style:italic}.seo-analyzer-page .seo-results .check-item.check-pass{background:rgba(53,173,19,.08);border-color:rgba(53,173,19,.2)}.seo-analyzer-page .seo-results .check-item.check-pass .check-icon{color:#35ad13}.seo-analyzer-page .seo-results .check-item.check-warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.seo-analyzer-page .seo-results .check-item.check-warn .check-icon{color:#f59e0b}.seo-analyzer-page .seo-results .check-item.check-fail{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}.seo-analyzer-page .seo-results .check-item.check-fail .check-icon{color:#ef4444}.seo-analyzer-page .recent-analyses h3{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.seo-analyzer-page .recent-analyses .analyses-list .no-analyses{background:rgba(43,43,43,.2);border:1px dashed hsla(0,0%,95%,.2);border-radius:.75rem;color:hsla(0,0%,95%,.6);font-style:italic;padding:2rem;text-align:center}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item{background:rgba(43,43,43,.3);border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item:hover{background:rgba(43,43,43,.4);border-color:rgba(53,173,19,.3)}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-header .analysis-url{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center;min-width:0}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-header .analysis-url .url-icon{flex-shrink:0;font-size:1rem}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-header .analysis-url .url-text{color:#f2f2f2;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-header .analysis-time{color:hsla(0,0%,95%,.6);flex-shrink:0;font-size:.75rem;white-space:nowrap}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-meta .analysis-score{font-size:.875rem;font-weight:600}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-meta .analysis-actions .btn-view-result{background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.3);border-radius:.5rem;color:#35ad13;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.seo-analyzer-page .recent-analyses .analyses-list .analysis-item .analysis-meta .analysis-actions .btn-view-result:hover{background:rgba(53,173,19,.2);border-color:rgba(53,173,19,.5)}.seo-analyzer-page .btn{align-items:center;border:none;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;text-decoration:none;transition:all .3s ease}.seo-analyzer-page .btn .btn-icon{font-size:1rem}.seo-analyzer-page .btn.btn-primary{background-color:#35ad13;border-color:#35ad13;box-shadow:0 2px 8px rgba(53,173,19,.25);color:#fff}.seo-analyzer-page .btn.btn-primary:hover{background-color:#2d9310;border-color:#2a8a0f}.seo-analyzer-page .btn.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.seo-analyzer-page .btn.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(53,173,19,.35);transform:translateY(-2px)}@media(max-width:767.98px){.seo-analyzer-page .container{padding:0 .5rem}.seo-analyzer-page .composer-card{border-radius:1rem}.seo-analyzer-page .composer-header{flex-direction:column;gap:1rem;padding:1rem 1.5rem;text-align:center}.seo-analyzer-page .composer-form{padding:1.5rem}.seo-analyzer-page .composer-form .composer-footer{align-items:stretch;flex-direction:column;gap:1rem}.seo-analyzer-page .composer-form .composer-footer .analysis-info{text-align:center}.seo-analyzer-page .composer-form .composer-footer .composer-actions .analyze-btn{width:100%}.seo-analyzer-page .analysis-features .features-grid{gap:1rem;grid-template-columns:1fr}}@media(max-width:575.98px){.seo-analyzer-page{padding:1rem 0}.seo-analyzer-page .page-header{margin-bottom:2rem}.seo-analyzer-page .composer-form{padding:1rem}.seo-analyzer-page .composer-form .form-group .url-input{padding:.875rem 1rem}.seo-analyzer-page .analysis-results{padding:0 1rem 1rem}.seo-analyzer-page .analysis-results .results-content{max-height:400px}.seo-analyzer-page .loading-indicator{padding:2rem 1rem}}.seo-analyzer-page .results-content .result-output p{margin-bottom:1rem}.seo-analyzer-page .results-content .result-output p:last-child{margin-bottom:0}.seo-analyzer-page .results-content .result-output p:first-child{color:#f2f2f2;font-size:1rem;font-weight:600}.genre-finder-page{min-height:calc(100vh - 200px);padding:2rem 0}.genre-finder-page .container{margin:0 auto;max-width:1100px;padding:0 1rem}.genre-finder-page .page-header{margin-bottom:3rem;text-align:center}.genre-finder-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.genre-finder-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:650px}.genre-finder-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1.5rem}.genre-finder-page .page-header .breadcrumb a{color:#35ad13;font-weight:500;text-decoration:none}.genre-finder-page .page-header .breadcrumb a:hover{text-decoration:underline}.genre-finder-page .genre-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:2rem;overflow:hidden}.genre-finder-page .genre-card .card-header{border-bottom:1px solid hsla(0,0%,95%,.1);padding:1.5rem 2rem}.genre-finder-page .genre-card .card-header .card-title{align-items:center;color:#f2f2f2;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;justify-content:center;justify-content:flex-start;margin:0}.genre-finder-page .genre-card .card-header .step-number{align-items:center;background:rgba(53,173,19,.15);border:2px solid rgba(53,173,19,.3);border-radius:50%;color:#35ad13;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.genre-finder-page .genre-card .card-body{padding:2rem}.genre-finder-page .genre-card.info-card .card-body .card-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.genre-finder-page .upload-area{background:rgba(53,173,19,.03);border:3px dashed rgba(53,173,19,.4);border-radius:1rem;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.genre-finder-page .upload-area.drag-over,.genre-finder-page .upload-area:hover{background:rgba(53,173,19,.08);border-color:#35ad13}.genre-finder-page .upload-area .upload-content .upload-icon{font-size:3rem;margin-bottom:1rem}.genre-finder-page .upload-area .upload-content h4{color:#f2f2f2;font-size:1.125rem;margin-bottom:.5rem}.genre-finder-page .upload-area .upload-content p{color:hsla(0,0%,95%,.6);font-size:.875rem;margin-bottom:.5rem}.genre-finder-page .upload-area .upload-content .upload-formats{color:hsla(0,0%,95%,.5);display:block;font-size:.75rem;margin-bottom:1.5rem}.genre-finder-page .upload-area .upload-btn{background:#35ad13;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.genre-finder-page .upload-area .upload-btn:hover{background:#2d9310}.genre-finder-page .file-info{margin-top:1.5rem}.genre-finder-page .file-info .selected-file{align-items:center;background:rgba(53,173,19,.08);border:1px solid rgba(53,173,19,.2);border-radius:.75rem;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.genre-finder-page .file-info .selected-file .file-icon{font-size:1.5rem}.genre-finder-page .file-info .selected-file .file-details{flex:1;font-size:.875rem}.genre-finder-page .file-info .selected-file .status-badge{color:#35ad13;font-size:.75rem}.genre-finder-page .waveform-section{margin-bottom:1rem;position:relative}.genre-finder-page .waveform-section .waveform-wrapper{background:rgba(43,43,43,.5);border-radius:.75rem;overflow:hidden;padding:.5rem;position:relative}.genre-finder-page .waveform-section .waveform-genre-overlay{border-left:4px solid #35ad13;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:border-left-color .2s ease;width:4px}.genre-finder-page .waveform-section .waveform-tooltip{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1);min-width:200px;padding:.75rem 1rem;pointer-events:none;position:fixed;z-index:100}.genre-finder-page .waveform-section .waveform-tooltip .tooltip-time{color:hsla(0,0%,95%,.6);font-size:.75rem;margin-bottom:.5rem}.genre-finder-page .waveform-section .waveform-tooltip .tooltip-genre-row{font-size:.813rem;padding:.2rem 0}.genre-finder-page .waveform-section .waveform-tooltip .tooltip-genre-row .tooltip-genre-category{color:hsla(0,0%,95%,.5);font-size:.75rem}.genre-finder-page .playback-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.genre-finder-page .playback-controls .btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.genre-finder-page .playback-controls .btn-play{background:#35ad13;color:#fff}.genre-finder-page .playback-controls .btn-play:hover{background:#2d9310}.genre-finder-page .playback-controls .btn-secondary{background:hsla(0,0%,95%,.15);color:#f2f2f2}.genre-finder-page .playback-controls .btn-secondary:hover{background:hsla(0,0%,95%,.25)}.genre-finder-page .playback-controls .genre-toggle{margin-left:auto}.genre-finder-page .playback-controls .genre-toggle .toggle-label{align-items:center;color:hsla(0,0%,95%,.8);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.genre-finder-page .playback-controls .genre-toggle .toggle-label input[type=checkbox]{display:none}.genre-finder-page .playback-controls .genre-toggle .toggle-label .toggle-slider{background:hsla(0,0%,95%,.2);border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:44px}.genre-finder-page .playback-controls .genre-toggle .toggle-label .toggle-slider:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:18px}.genre-finder-page .playback-controls .genre-toggle .toggle-label input:checked+.toggle-slider{background:#35ad13}.genre-finder-page .playback-controls .genre-toggle .toggle-label input:checked+.toggle-slider:after{transform:translateX(20px)}.genre-finder-page .playback-controls .track-name{font-size:1rem;font-weight:600;margin-top:.5rem;text-align:center;width:100%}.genre-finder-page .analysis-loading{padding:2rem;text-align:center}.genre-finder-page .analysis-loading .loading-content .spinner{animation:spin .8s linear infinite;border:4px solid hsla(0,0%,95%,.2);border-radius:50%;border-top-color:#35ad13;height:40px;margin:0 auto 1rem;width:40px}.genre-finder-page .analysis-loading .loading-content p{color:#f2f2f2;margin-bottom:.25rem}.genre-finder-page .analysis-loading .loading-content .loading-subtext{color:hsla(0,0%,95%,.5);font-size:.813rem}.genre-finder-page .analysis-loading .progress-bar-container{background:hsla(0,0%,95%,.1);border-radius:4px;height:8px;margin:1rem auto .5rem;max-width:400px;overflow:hidden;width:100%}.genre-finder-page .analysis-loading .progress-bar-container .progress-bar{background:#35ad13;border-radius:4px;height:100%;transition:width .3s ease;width:0}.genre-finder-page .analysis-loading .progress-text{color:#35ad13;font-size:.875rem;font-weight:600}.genre-finder-page .genre-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.genre-finder-page .genre-legend .legend-item{align-items:center;color:hsla(0,0%,95%,.8);display:flex;font-size:.813rem;gap:.375rem;justify-content:center}.genre-finder-page .genre-legend .legend-item .legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.genre-finder-page .genre-chart-section{margin-top:1rem}.genre-finder-page .genre-chart-section .chart-container{background:#1e1e1e;border-radius:.75rem;overflow:hidden}.genre-finder-page .genre-chart-section .chart-container canvas{display:block;width:100%}.genre-finder-page .genre-chart-section .chart-xlabel{color:hsla(0,0%,95%,.5);font-size:.75rem;margin-top:.5rem;text-align:center}.genre-finder-page .results-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1.5fr}@media(max-width:767.98px){.genre-finder-page .results-grid{grid-template-columns:1fr}}.genre-finder-page .results-column--wide{grid-column:span 1}.genre-finder-page .genre-list{display:flex;flex-direction:column;gap:.5rem}.genre-finder-page .genre-item{align-items:center;background:hsla(0,0%,95%,.05);border:1px solid hsla(0,0%,95%,.08);border-radius:.75rem;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.genre-finder-page .genre-item .genre-item-color{border-radius:50%;flex-shrink:0;height:10px;width:10px}.genre-finder-page .genre-item .genre-item-label{flex:1;font-size:.938rem;font-weight:600}.genre-finder-page .genre-item .genre-item-value{color:hsla(0,0%,95%,.8);font-size:.938rem;font-weight:700}.genre-finder-page .ai-text-content{color:hsla(0,0%,95%,.85);font-size:.875rem;line-height:1.7}.genre-finder-page .keywords-section{border-top:1px solid hsla(0,0%,95%,.1);margin-top:2rem;padding-top:2rem}.genre-finder-page .keywords-section .keywords-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;justify-content:flex-start}.genre-finder-page .keywords-section .keywords-content .keyword-tag{background:rgba(53,173,19,.1);border:1px solid rgba(53,173,19,.2);border-radius:2rem;color:#35ad13;display:inline-block;font-size:.813rem;font-weight:500;padding:.375rem .75rem}.genre-finder-page .results-actions{border-top:1px solid hsla(0,0%,95%,.1);margin-top:2rem;padding-top:1.5rem;text-align:center}.genre-finder-page .results-actions .btn-primary{background:#35ad13;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.938rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.genre-finder-page .results-actions .btn-primary:hover{background:#2d9310}.genre-finder-page .features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:991.98px){.genre-finder-page .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575.98px){.genre-finder-page .features-grid{grid-template-columns:1fr}}.genre-finder-page .features-grid .feature-card{background:hsla(0,0%,95%,.05);border:1px solid hsla(0,0%,95%,.08);border-radius:1rem;padding:1.5rem 1rem;text-align:center}.genre-finder-page .features-grid .feature-card .feature-icon{font-size:2rem;margin-bottom:.75rem}.genre-finder-page .features-grid .feature-card h4{color:#f2f2f2;font-size:1rem;font-weight:600;margin-bottom:.5rem}.genre-finder-page .features-grid .feature-card p{color:hsla(0,0%,95%,.6);font-size:.813rem;line-height:1.5}.genre-finder-page .error-alert{bottom:2rem;left:50%;max-width:500px;position:fixed;transform:translateX(-50%);width:calc(100% - 2rem);z-index:1000}.genre-finder-page .error-alert .error-content{background:#710a0a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#fff;font-size:.875rem;padding:1rem 1.5rem}.genre-finder-page .d-none{display:none}.genre-finder-page .results-title{align-items:center;color:#f2f2f2;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;justify-content:flex-start;margin-bottom:1rem}.genre-finder-page .results-title .info-icon{cursor:help;font-size:.875rem}.genre-finder-page .results-title .btn-icon-action{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:.25rem;transition:all .3s ease}.genre-finder-page .results-title .btn-icon-action:hover{opacity:1}.ip-checker-page{min-height:calc(100vh - 200px);padding:2rem 0}.ip-checker-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.ip-checker-page .page-header{margin-bottom:2.5rem;text-align:center}.ip-checker-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.75rem}.ip-checker-page .page-header .header-content p{color:#4a4a4a;margin:0 auto;max-width:500px}.ip-checker-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1rem}.ip-checker-page .page-header .breadcrumb a{color:#35ad13;text-decoration:none}.ip-checker-page .page-header .breadcrumb a:hover{text-decoration:underline}.ip-checker-page .ip-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;margin-bottom:2.5rem;padding:2.5rem 2rem;text-align:center}.ip-checker-page .ip-display{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem}.ip-checker-page .ip-label{color:hsla(0,0%,95%,.5);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ip-checker-page .ip-value{color:#35ad13;font-family:monospace;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;letter-spacing:.02em;word-break:break-all}.ip-checker-page .ip-version{background:rgba(53,173,19,.12);border:1px solid rgba(53,173,19,.25);border-radius:2rem;color:#35ad13;display:inline-block;font-size:.75rem;font-weight:600;min-height:1.5rem;padding:.2rem .75rem}.ip-checker-page .ip-actions{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.25rem}.ip-checker-page .ip-actions .btn{align-items:center;border:none;border-radius:.6rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.5rem;transition:all .3s ease}.ip-checker-page .ip-actions .btn.btn-primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.ip-checker-page .ip-actions .btn.btn-primary:hover{background-color:#2d9310;border-color:#2a8a0f}.ip-checker-page .ip-actions .btn.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.ip-checker-page .ip-actions .btn.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.ip-checker-page .ip-actions .btn.btn-outline{background:hsla(0,0%,95%,.08);border:1px solid hsla(0,0%,95%,.2);color:#f2f2f2}.ip-checker-page .ip-actions .btn.btn-outline:hover{background:hsla(0,0%,95%,.14);border-color:hsla(0,0%,95%,.35)}.ip-checker-page .ip-note{color:hsla(0,0%,95%,.5);font-size:.8rem;font-style:italic;margin:0}@media(max-width:575.98px){.ip-checker-page .ip-card{padding:1.75rem 1.25rem}.ip-checker-page .ip-actions{flex-direction:column}.ip-checker-page .ip-actions .btn{width:100%}}.qr-code-generator-page{min-height:calc(100vh - 200px);padding:2rem 0}.qr-code-generator-page .container{margin:0 auto;max-width:960px;padding:0 1rem}.qr-code-generator-page .page-header{margin-bottom:2.5rem;text-align:center}.qr-code-generator-page .page-header .header-content h1{color:#2b2b2b;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.75rem}.qr-code-generator-page .page-header .header-content p{color:#4a4a4a;font-size:1.125rem;margin:0 auto;max-width:600px}.qr-code-generator-page .page-header .breadcrumb{margin-top:1.5rem}.qr-code-generator-page .qr-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.qr-code-generator-page .qr-controls{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.qr-code-generator-page .control-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.qr-code-generator-page .control-group{display:flex;flex-direction:column;gap:.4rem}.qr-code-generator-page .control-group label{color:#f2f2f2;font-size:.9rem;font-weight:600}.qr-code-generator-page .control-group .hint{color:hsla(0,0%,95%,.6);font-size:.8rem}.qr-code-generator-page .control-group select,.qr-code-generator-page .control-group textarea{background:rgba(0,0,0,.2);border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;font-family:inherit;font-size:.95rem;padding:.6rem .75rem;transition:all .3s ease;width:100%}.qr-code-generator-page .control-group textarea{min-height:4.5rem;resize:vertical}.qr-code-generator-page .control-group select:focus,.qr-code-generator-page .control-group textarea:focus{border-color:#35ad13;outline:none}.qr-code-generator-page .control-group input[type=color]{background:rgba(0,0,0,.2);border:1px solid #3a3a3a;border-radius:.6rem;cursor:pointer;height:2.6rem;padding:.2rem;width:100%}.qr-code-generator-page .qr-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.qr-code-generator-page .action-btn{align-items:center;background:transparent;border:1px solid #3a3a3a;border-radius:.6rem;color:#f2f2f2;cursor:pointer;display:inline-flex;flex:1 1 auto;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1rem;transition:all .3s ease}.qr-code-generator-page .action-btn svg{height:1.1rem;width:1.1rem}.qr-code-generator-page .action-btn.primary{background-color:#35ad13;border-color:#35ad13;color:#fff}.qr-code-generator-page .action-btn.primary:hover{background-color:#2d9310;border-color:#2a8a0f}.qr-code-generator-page .action-btn.primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.qr-code-generator-page .action-btn:disabled{cursor:not-allowed;opacity:.45}.qr-code-generator-page .action-btn:hover:not(:disabled){border-color:#35ad13;color:#35ad13}.qr-code-generator-page .qr-canvas-wrap,.qr-code-generator-page .qr-preview{align-items:center;display:flex;justify-content:center}.qr-code-generator-page .qr-canvas-wrap{aspect-ratio:1/1;background:#fff;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);flex-direction:column;min-height:280px;padding:1.5rem;width:100%}.qr-code-generator-page .qr-canvas-wrap canvas{border-radius:.5rem;height:auto;image-rendering:pixelated;max-width:100%;width:100%}.qr-code-generator-page .qr-placeholder{color:#4a4a4a;font-size:.95rem;margin:0;text-align:center}@media(max-width:767.98px){.qr-code-generator-page .qr-layout{grid-template-columns:1fr}.qr-code-generator-page .qr-preview{order:-1}.qr-code-generator-page .qr-canvas-wrap{margin:0 auto;max-width:360px}}.about-page{padding:3rem 0}.about-page .page-header{margin-bottom:4rem;text-align:center}.about-page .page-header h1{color:#2b2b2b;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem}.about-page .page-header p{color:#4a4a4a;font-size:1.25rem;margin:0 auto 2rem;max-width:600px}.about-page .page-header .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1rem}.about-page .page-header .breadcrumb a{color:#35ad13;font-weight:600;text-decoration:none}.about-page .page-header .breadcrumb a:hover{text-decoration:underline}.about-page .about-content{margin:0 auto;max-width:1200px}.about-page .about-section{margin-bottom:5rem;padding:3rem 0}.about-page .about-section h2{color:#2b2b2b;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.about-page .about-section p{color:#4a4a4a;font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.about-page .mission-visual{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.about-page .mission-visual .visual-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:2rem 1rem;text-align:center;transition:all .3s ease}.about-page .mission-visual .visual-card:hover{transform:translateY(-5px)}.about-page .mission-visual .visual-card .visual-icon{display:block;font-size:3rem;margin-bottom:1rem}.about-page .mission-visual .visual-card h4{color:#f2f2f2;font-weight:600;margin-bottom:.5rem}.about-page .mission-visual .visual-card p{color:hsla(0,0%,95%,.8);font-size:.875rem;margin:0}.about-page .founder-section{background:rgba(53,173,19,.05);border:1px solid rgba(53,173,19,.2);border-radius:2rem;padding:4rem 3rem}.about-page .founder-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:2rem;text-align:center}.about-page .founder-card .founder-avatar{align-items:center;background:#35ad13;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.about-page .founder-card .founder-avatar .founder-initials{color:#fff;font-size:2.5rem;font-weight:700}.about-page .founder-card h3{color:#f2f2f2;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.about-page .founder-card .founder-title{color:#35ad13;font-weight:500;margin-bottom:1.5rem}.about-page .founder-card .social-link{color:#35ad13;font-weight:500;text-decoration:none}.about-page .founder-card .social-link:hover{text-decoration:underline}.about-page .values-section{text-align:center}.about-page .values-section h2{color:#2b2b2b;margin-bottom:3rem}.about-page .values-section .values-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.about-page .values-section .value-card{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:2.5rem 2rem;transition:all .3s ease}.about-page .values-section .value-card:hover{transform:translateY(-5px)}.about-page .values-section .value-card .value-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.about-page .values-section .value-card h4{color:#f2f2f2;font-weight:600;margin-bottom:1rem}.about-page .values-section .value-card p{color:hsla(0,0%,95%,.8);margin:0}.about-page .ecosystem-section{background:rgba(53,173,19,.05);border:1px solid rgba(53,173,19,.2);border-radius:2rem;padding:4rem 3rem}.about-page .ecosystem-section h2{color:#2b2b2b}.about-page .ecosystem-section .ecosystem-description{color:#4a4a4a;font-size:1.125rem;margin:0 auto 3rem;max-width:800px}.about-page .ecosystem-section .ecosystem-features{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.about-page .ecosystem-section .ecosystem-item h4{color:#2b2b2b;font-weight:600;margin-bottom:1rem}.about-page .ecosystem-section .ecosystem-item p{color:#4a4a4a;margin:0}@media(max-width:767.98px){.about-page .ecosystem-section,.about-page .founder-section{padding:2rem 1.5rem}.about-page .ecosystem-features,.about-page .mission-visual,.about-page .values-grid{grid-template-columns:1fr}}.static-legal-page{padding:3rem 0 5rem}.static-legal-page .page-header{margin-bottom:3rem;text-align:center}.static-legal-page .page-header h1{color:#2b2b2b;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.static-legal-page .page-header>p{color:#4a4a4a;font-size:1.125rem;margin:0 auto 1.5rem;max-width:600px}.static-legal-page .breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1rem}.static-legal-page .breadcrumb a{color:#35ad13;font-weight:600;text-decoration:none}.static-legal-page .legal-effective-date{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:2rem;color:#6a6a6a;display:inline-block;font-size:.875rem;margin-top:.75rem;padding:.25rem 1rem}.static-legal-page .legal-content{margin:0 auto;max-width:860px}.static-legal-page .legal-notice-box{align-items:flex-start;background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.3);border-radius:.75rem;display:flex;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.static-legal-page .legal-notice-box .legal-notice-icon{color:#06b6d4;flex-shrink:0;font-size:1.4rem;line-height:1.6}.static-legal-page .legal-notice-box p{color:#4a4a4a;font-size:.9375rem;line-height:1.65;margin:0}.static-legal-page .legal-section{border-bottom:1px solid #3a3a3a;margin-bottom:2.75rem;padding-bottom:2.75rem}.static-legal-page .legal-section:last-child{border-bottom:none}.static-legal-page .legal-section h2{border-bottom:2px solid #35ad13;color:#f2f2f2;display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.static-legal-page .legal-section h3{color:#d9d9d9;font-size:1.0625rem;font-weight:600;margin:1.5rem 0 .75rem}.static-legal-page .legal-section p{color:#4a4a4a;font-size:.9375rem;line-height:1.75;margin-bottom:1rem}.static-legal-page .legal-section ol,.static-legal-page .legal-section ul{color:#4a4a4a;font-size:.9375rem;line-height:1.75;margin-bottom:1rem;padding-left:1.5rem}.static-legal-page .legal-section li{margin-bottom:.5rem}.static-legal-page .legal-section a{color:#35ad13;font-weight:500;text-decoration:none}.static-legal-page .breadcrumb a:hover,.static-legal-page .legal-section a:hover{text-decoration:underline}.static-legal-page .legal-section code{background:hsla(0,0%,100%,.06);border:1px solid #3a3a3a;border-radius:.25rem;color:#f2f2f2;font-size:.875em;padding:.1em .4em}.static-legal-page .legal-contact-block{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;margin:1rem 0;padding:1.25rem 1.5rem}.static-legal-page .legal-contact-block p{color:#4a4a4a;line-height:1.8;margin:0}.static-legal-page .legal-contact-block p strong{color:#f2f2f2;display:block;margin-bottom:.25rem}.static-legal-page .legal-table{border-collapse:collapse;font-size:.9rem;margin:1rem 0 1.5rem;width:100%}.static-legal-page .legal-table thead{background:rgba(53,173,19,.1)}.static-legal-page .legal-table thead th{border-bottom:2px solid #35ad13;color:#f2f2f2;font-weight:600;padding:.75rem 1rem;text-align:left}.static-legal-page .legal-table tbody tr{border-bottom:1px solid #3a3a3a}.static-legal-page .legal-table tbody tr:last-child{border-bottom:none}.static-legal-page .legal-table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.02)}.static-legal-page .legal-table td{color:#4a4a4a;line-height:1.55;padding:.75rem 1rem;vertical-align:top}.static-legal-page .legal-table td strong{color:#f2f2f2}.static-legal-page .legal-rights-list{list-style:none;padding:0}.static-legal-page .legal-rights-list li{background:hsla(0,0%,100%,.02);border-left:3px solid #35ad13;border-radius:0 .5rem .5rem 0;color:#4a4a4a;font-size:.9375rem;line-height:1.65;margin-bottom:.5rem;padding:.875rem 1rem .875rem 1.25rem}.static-legal-page .legal-rights-list li strong{color:#f2f2f2}.admin-layout{background:#2b2b2b;display:grid;grid-template-columns:280px 1fr;min-height:100vh}@media(max-width:991.98px){.admin-layout{grid-template-columns:1fr}}.admin-sidebar{background:#2b2b2b;border-right:1px solid hsla(0,0%,95%,.1);display:flex;flex-direction:column;gap:2rem;padding:2rem}@media(max-width:991.98px){.admin-sidebar{display:none}}.admin-sidebar .admin-brand{border-bottom:1px solid hsla(0,0%,95%,.1);padding-bottom:1rem;text-align:center}.admin-sidebar .admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-sidebar .admin-nav .admin-nav-item{align-items:center;border:1px solid transparent;border-radius:.5rem;color:hsla(0,0%,95%,.8);display:flex;gap:.75rem;justify-content:center;justify-content:flex-start;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.admin-sidebar .admin-nav .admin-nav-item .nav-icon{font-size:1.125rem}.admin-sidebar .admin-nav .admin-nav-item:hover{background:rgba(53,173,19,.1);border-color:rgba(53,173,19,.2);color:#35ad13}.admin-sidebar .admin-nav .admin-nav-item.active{background:rgba(53,173,19,.15);border-color:rgba(53,173,19,.3);color:#35ad13;font-weight:600}.admin-sidebar .admin-user-info{margin-top:auto;text-align:center}.admin-sidebar .admin-user-info .admin-user{margin-bottom:1rem}.admin-sidebar .admin-user-info .admin-user .admin-user-name{color:#f2f2f2;display:block;font-weight:600;margin-bottom:.25rem}.admin-sidebar .admin-user-info .admin-user .admin-user-role{color:hsla(0,0%,95%,.7);font-size:.875rem}.admin-main{overflow-y:auto;padding:2rem}.admin-content{margin:0 auto;max-width:1200px}.admin-header{margin-bottom:2rem}.admin-header h1{color:#f2f2f2;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:hsla(0,0%,95%,.7);margin:0}.admin-header .header-content{align-items:center;align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}@media(max-width:767.98px){.admin-header .header-content{align-items:flex-start;flex-direction:column}}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#2b2b2b;box-shadow:0 4px 20px rgba(43,43,43,.1);gap:1rem;padding:1.5rem}.stat-card,.stat-card .stat-icon{align-items:center;border-radius:1rem;display:flex;justify-content:center}.stat-card .stat-icon{background:rgba(53,173,19,.1);font-size:2rem;height:60px;width:60px}.stat-card .stat-content h3{color:#f2f2f2;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.recent-activity{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:2rem}.recent-activity h2{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.recent-activity .activity-list{display:flex;flex-direction:column;gap:1rem}.recent-activity .activity-item{align-items:center;border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;display:flex;gap:1rem;justify-content:center;padding:1rem;transition:all .3s ease}.recent-activity .activity-item:hover{background:rgba(53,173,19,.05);border-color:rgba(53,173,19,.2)}.recent-activity .activity-item .activity-avatar .avatar-placeholder{align-items:center;background:#35ad13;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.recent-activity .activity-item .activity-content{flex:1}.recent-activity .no-activity{color:hsla(0,0%,95%,.6);padding:2rem;text-align:center}.users-table-container{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:rgba(53,173,19,.1)}.users-table thead th{border-bottom:1px solid hsla(0,0%,95%,.1);color:#f2f2f2;font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.users-table tbody tr{border-bottom:1px solid hsla(0,0%,95%,.1);transition:all .3s ease}.users-table tbody tr:hover{background:rgba(53,173,19,.05)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{padding:1rem;vertical-align:middle}.users-table .user-cell{align-items:center;display:flex;gap:.75rem;justify-content:center}.users-table .user-cell .user-avatar .avatar-placeholder{align-items:center;background:#35ad13;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.users-table .roles-cell{min-width:200px}.users-table .roles-cell .roles-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.users-table .roles-cell .role-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;line-height:1;padding:.25rem .5rem}.users-table .roles-cell .role-badge--user{background:rgba(6,182,212,.2);color:#06b6d4}.users-table .roles-cell .role-badge--admin{background:rgba(239,68,68,.2);color:#ef4444}.users-table .roles-cell .role-badge--moderator{background:rgba(245,158,11,.2);color:#f59e0b}.users-table .roles-cell .role-badge--super_admin{background:rgba(139,92,246,.2);color:#8b5cf6}.users-table .roles-cell .role-badge .role-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;font-weight:700;margin-left:.25rem;opacity:.7;padding:0;transition:all .3s ease}.users-table .roles-cell .role-badge .role-remove:hover{opacity:1;transform:scale(1.2)}.users-table .roles-cell .role-actions .role-select{background:rgba(43,43,43,.3);border:2px solid hsla(0,0%,95%,.2);border-radius:.75rem;box-sizing:border-box;color:#f2f2f2;font-size:1rem;font-size:.75rem;min-width:120px;padding:.25rem .5rem;transition:all .3s ease;width:100%}.users-table .roles-cell .role-actions .role-select:focus{background:rgba(43,43,43,.5);border-color:#35ad13;box-shadow:0 0 0 3px rgba(53,173,19,.1);box-shadow:0 0 0 2px rgba(53,173,19,.1);outline:none}.users-table .action-buttons{align-items:center;display:flex;gap:.5rem;justify-content:center}.users-table .no-users{color:hsla(0,0%,95%,.6);padding:2rem;text-align:center}.user-profile-grid{display:grid;gap:2rem;grid-template-columns:300px 1fr}@media(max-width:991.98px){.user-profile-grid{grid-template-columns:1fr}}.profile-card{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);height:-moz-fit-content;height:fit-content;padding:2rem}.profile-card .profile-header{text-align:center}.profile-card .profile-header .profile-avatar-large{margin-bottom:1rem}.profile-card .profile-header .profile-avatar-large .avatar-placeholder-large{align-items:center;background:#35ad13;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.info-sections{display:flex;flex-direction:column;gap:2rem}.connection-item{border:1px solid hsla(0,0%,95%,.1);border-radius:.75rem;gap:1rem;padding:1rem}.connection-item,.connection-item .connection-icon{align-items:center;display:flex;justify-content:center}.connection-item .connection-icon{background:rgba(53,173,19,.1);border-radius:.5rem;font-size:1.5rem;height:40px;width:40px}.connection-item .connection-details{flex:1}.no-connections{color:hsla(0,0%,95%,.6);font-style:italic;padding:1rem;text-align:center}.admin-user-profile .info-section{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);padding:1.5rem 2rem}.admin-user-profile .info-section h3{border-bottom:2px solid rgba(53,173,19,.2);color:#f2f2f2;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.admin-user-profile .info-items{display:flex;flex-direction:column;gap:1rem}.admin-user-profile .info-item{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;justify-content:space-between;padding:.75rem 0}.admin-user-profile .info-item:last-child{border-bottom:none}.admin-user-profile .info-item .info-label{color:hsla(0,0%,95%,.7);font-weight:500}.admin-user-profile .info-item .info-value{color:#f2f2f2;font-weight:500}.status-badge{border-radius:1rem;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge--active{background:rgba(53,173,19,.2);color:#50e725}.status-badge--inactive{background:rgba(239,68,68,.2);color:#f58a8a}.status-badge--verified{background:rgba(53,173,19,.2);color:#50e725}.status-badge--pending{background:rgba(245,158,11,.2);color:#f7b13c}.register-badge{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.register-badge--manual{background:rgba(74,74,74,.2);color:hsla(0,0%,95%,.9)}.register-badge--google{background:rgba(239,68,68,.2);color:#f58a8a}.register-badge--twitter{background:rgba(29,161,242,.2);color:#4db5f5}.register-badge--discord{background:rgba(6,182,212,.2);color:#15d7f8}@media(max-width:767.98px){.admin-layout,.admin-main{padding:1rem}.stats-grid{grid-template-columns:1fr}.users-table-container{overflow-x:auto}.user-profile-grid{gap:1rem}}.admin-brand h2{color:#35ad13;font-size:1.25rem;margin-bottom:.5rem}.admin-brand p,.stat-content p{color:hsla(0,0%,95%,.7);font-size:.875rem;margin:0}.activity-content h4{color:#f2f2f2;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.activity-content p{color:hsla(0,0%,95%,.7);font-size:.75rem;margin:0}.user-info h4{color:#f2f2f2;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.user-info p{color:hsla(0,0%,95%,.7);font-size:.75rem;margin-bottom:.25rem}.user-info small{color:hsla(0,0%,95%,.6);font-size:.7rem}.date-cell strong{color:#f2f2f2;display:block;font-size:.875rem;margin-bottom:.25rem}.date-cell small{color:hsla(0,0%,95%,.6);font-size:.75rem}.profile-title h2{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.profile-title p{color:hsla(0,0%,95%,.7);font-size:.875rem;margin-bottom:1rem}.connection-details h4{color:#f2f2f2;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.connection-details p{color:hsla(0,0%,95%,.8);font-size:.875rem;margin-bottom:.25rem}.connection-details small{color:hsla(0,0%,95%,.6);font-size:.75rem}.analytics-header{align-items:center;align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}@media(max-width:767.98px){.analytics-header{flex-direction:column}}.analytics-ranges{display:flex;flex-shrink:0;gap:.5rem}.analytics-range{background:hsla(0,0%,95%,.06);border-radius:.75rem;color:hsla(0,0%,95%,.7);font-size:.85rem;font-weight:600;padding:.4rem .9rem;text-decoration:none;transition:all .3s ease}.analytics-range.active,.analytics-range:hover{background:rgba(53,173,19,.2);color:#f2f2f2}.analytics-panel{background:#2b2b2b;border-radius:1rem;box-shadow:0 4px 20px rgba(43,43,43,.1);margin-bottom:2rem;padding:1.5rem}.analytics-panel h2{color:#f2f2f2;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}.trend-chart{gap:2px;height:180px}.trend-chart,.trend-col{align-items:flex-end;display:flex}.trend-col{flex:1 1 0;height:100%;min-width:2px}.trend-bar{background:linear-gradient(135deg,#35ad13,#2a8f0f);border-radius:3px 3px 0 0;min-height:2px;transition:all .3s ease;width:100%}.trend-bar:hover{opacity:.85}.analytics-table .analytics-path{color:hsla(0,0%,95%,.9);font-family:monospace;word-break:break-all}.scroll-meter{background:hsla(0,0%,95%,.08);border-radius:.5rem;height:20px;min-width:90px;overflow:hidden;position:relative}.scroll-meter .scroll-meter-fill{background:rgba(53,173,19,.35);inset:0 auto 0 0;position:absolute}.scroll-meter .scroll-meter-label{color:#f2f2f2;display:block;font-size:.75rem;font-weight:600;line-height:20px;position:relative;text-align:center}.analytics-empty{color:hsla(0,0%,95%,.6);margin:0}.analytics-note{color:hsla(0,0%,95%,.6);font-size:.85rem;line-height:1.6}.analytics-note code{background:hsla(0,0%,95%,.1);border-radius:.35rem;font-size:.8rem;padding:.1rem .4rem}.btn{align-items:center;border:2px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:focus{box-shadow:0 0 0 3px rgba(53,173,19,.3);outline:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.btn-primary{background-color:#35ad13;border-color:#35ad13;box-shadow:0 4px 12px rgba(53,173,19,.25);color:#fff}.btn.btn-primary:hover{background-color:#2d9310;border-color:#2a8a0f}.btn.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.btn.btn-primary:hover{box-shadow:0 8px 20px rgba(53,173,19,.35);transform:translateY(-2px)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-outline{background:transparent;border-color:#35ad13;color:#35ad13;font-weight:600}.btn.btn-outline:hover{background:#35ad13;border-color:#35ad13;box-shadow:0 4px 12px rgba(53,173,19,.25);color:#fff;transform:translateY(-2px)}.btn.btn-danger{background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.2);color:#fff}.btn.btn-danger:hover{background-color:#eb1a1a;border-color:#e21313}.btn.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(239,68,68,.5)}.btn.btn-danger:hover{box-shadow:0 8px 20px rgba(239,68,68,.3);transform:translateY(-2px)}.btn.btn-danger:active{transform:translateY(0)}.btn.btn-success{background-color:#35ad13;border-color:#35ad13;color:#fff}.btn.btn-success:hover{background-color:#2d9310;border-color:#2a8a0f}.btn.btn-success:focus{box-shadow:0 0 0 .2rem rgba(53,173,19,.5)}.btn.btn-success:hover{box-shadow:0 4px 12px rgba(53,173,19,.3);transform:translateY(-2px)}.btn.btn-lg{border-radius:.75rem;font-size:1.125rem;font-weight:600;padding:1rem 2rem}.btn.btn-sm{border-radius:.375rem;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.btn.btn-block{text-align:center;width:100%}.btn.loading{cursor:not-allowed;opacity:.8;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;bottom:0;content:"";height:16px;margin:auto;position:absolute;right:1rem;top:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oauth-login-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.oauth-login-section .btn-twitter{background:#1da1f2;border-color:#1da1f2;color:#fff;font-weight:600}.oauth-login-section .btn-twitter svg{flex-shrink:0;height:20px;width:20px}.oauth-login-section .btn-twitter:hover{background:#0c85d0;border-color:#0c85d0;box-shadow:0 6px 20px rgba(29,161,242,.4);transform:translateY(-2px)}.oauth-login-section .btn-twitter:active{box-shadow:0 2px 8px rgba(29,161,242,.4);transform:translateY(0)}.oauth-login-section .btn-google{background:#fff;border-color:#dadce0;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#2b2b2b;font-weight:600}.oauth-login-section .btn-google svg{flex-shrink:0;height:20px;width:20px}.oauth-login-section .btn-google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.oauth-login-section .btn-google:active{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(0)}.oauth-login-section .login-info{color:#6a6a6a;font-size:.875rem;margin-bottom:0;margin-top:1rem;text-align:center}@media(max-width:575.98px){.oauth-login-section .btn{font-size:.875rem;padding:1rem}.oauth-login-section .btn svg{height:18px;width:18px}}.toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1050}@media(max-width:575.98px){.toast-container{left:10px;max-width:none;right:10px;top:10px}}.toast{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:.75rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;max-width:400px;min-width:300px;opacity:0;pointer-events:auto;transform:translateX(100%);transition:all .3s ease}@media(max-width:575.98px){.toast{min-width:unset;width:100%}}.toast.show{opacity:1;transform:translateX(0)}.toast--success{border-left:4px solid #35ad13}.toast--success .toast-icon{color:#35ad13}.toast--error{border-left:4px solid #ef4444}.toast--error .toast-icon{color:#ef4444}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast-icon{color:#f59e0b}.toast--info{border-left:4px solid #06b6d4}.toast--info .toast-icon{color:#06b6d4}.toast .toast-content{align-items:center;align-items:flex-start;display:flex;gap:.75rem;justify-content:center;padding:1rem 1.25rem}.toast .toast-content .toast-icon{flex-shrink:0;font-size:1.125rem;font-weight:600;margin-top:.125rem}.toast .toast-content .toast-message{word-wrap:break-word;color:#f2f2f2;flex:1;font-size:.875rem;line-height:1.4;margin:0}.toast .toast-content .toast-close{align-items:center;background:none;border:none;border-radius:.25rem;color:hsla(0,0%,95%,.6);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:20px;justify-content:center;margin-left:.5rem;padding:0;transition:all .3s ease;width:20px}.toast .toast-content .toast-close:hover{background:hsla(0,0%,95%,.1);color:#f2f2f2}.toast .toast-content .toast-close:focus{outline:2px solid #35ad13;outline-offset:2px}.toast+.toast{margin-top:.5rem}.toast-loading .btn{position:relative}.toast-loading .btn:disabled{pointer-events:none}.toast-loading .btn:disabled:after{animation:toast-spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes toast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-color-scheme:dark){.toast{background:#2f2f2f;border-color:#444}}@media(prefers-contrast:high){.toast{border-width:2px}.toast--success{border-color:#35ad13}.toast--error{border-color:#ef4444}.toast--warning{border-color:#f59e0b}.toast--info{border-color:#06b6d4}}@media(prefers-reduced-motion:reduce){.toast{transition:opacity .2s ease-out}.toast,.toast.show{transform:none}}nav.breadcrumb{color:#4a4a4a;font-size:.875rem;margin-top:1rem}nav.breadcrumb a{color:#35ad13;text-decoration:none}nav.breadcrumb a:hover{text-decoration:underline}nav.breadcrumb .breadcrumb-sep{color:#4a4a4a;margin:0 .35rem}nav.breadcrumb .breadcrumb-current{color:#4a4a4a}.faq-section{margin-bottom:2rem;margin-top:2rem}.faq-section .faq-list{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:1.5rem;box-shadow:0 4px 20px rgba(43,43,43,.1);color:#f2f2f2;overflow:hidden}.faq-section .faq-header{align-items:center;border-bottom:1px solid hsla(0,0%,95%,.1);display:flex;gap:.75rem;justify-content:center;justify-content:flex-start;padding:1.5rem 2rem}.faq-section .faq-header .faq-icon{align-items:center;background:rgba(53,173,19,.15);border:2px solid rgba(53,173,19,.3);border-radius:50%;color:#35ad13;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.faq-section .faq-header .faq-title{color:#f2f2f2;font-size:1.25rem;font-weight:600;margin:0}.faq-section .faq-question{align-items:center;color:#f2f2f2;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;list-style:none;margin:0;padding:1.25rem 2rem;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-section .faq-question::-webkit-details-marker{display:none}.faq-section .faq-question:after{color:#35ad13;content:"▾";flex-shrink:0;font-size:1rem;margin-left:1rem;transition:all .3s ease}.faq-section .faq-question:hover{background:hsla(0,0%,95%,.04);color:#35ad13}.faq-section .faq-item{border-bottom:1px solid hsla(0,0%,95%,.08)}.faq-section .faq-item:last-child{border-bottom:none}.faq-section .faq-item[open]>.faq-question{border-bottom:1px solid hsla(0,0%,95%,.08);color:#35ad13}.faq-section .faq-item[open]>.faq-question:after{transform:rotate(180deg)}.faq-section .faq-answer{background:hsla(0,0%,95%,.02);font-size:.9rem;line-height:1.65;padding:1.25rem 2rem}.faq-section .faq-answer p{color:#f2f2f2;margin:0}.faq-section .faq-answer p+p{margin-top:.5rem}@media(max-width:767.98px){.faq-section .faq-header{padding:1.25rem 1.5rem}.faq-section .faq-answer,.faq-section .faq-question{padding:1rem 1.5rem}}@media(max-width:575.98px){.faq-section .faq-header{padding:1rem 1.25rem}.faq-section .faq-question{font-size:.875rem;padding:.9rem 1.25rem}.faq-section .faq-answer{padding:.9rem 1.25rem}}svg.icon{display:inline-block;flex-shrink:0;height:1em;vertical-align:middle;width:1em}