:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}a{font-weight:500;color:#ff6b6b;text-decoration:inherit}a:hover{color:#ffd93d}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background-color:#fff3;transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}input,textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.8em;color:#fff;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.landing-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.video-container{position:relative;width:100%;height:100%}.hero-video{width:100%;height:100%;object-fit:cover;filter:brightness(.8) contrast(1.2)}.video-fallback{width:100%;height:100%;position:relative}.fallback-gradient{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#1a1a2e,#0a0a0a);animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#1a1a2e,#0a0a0a)}50%{background:linear-gradient(135deg,#16213e,#1a1a2e,#0a0a0a,#1a1a2e,#16213e)}}.video-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.play-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;margin-bottom:2rem}.play-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.brand-title{text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.brand-title h1{font-size:3.5rem;font-weight:900;margin:0;letter-spacing:3px;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}.brand-title p{font-size:1.2rem;margin:.5rem 0 0;opacity:.9;font-weight:300}.skip-to-portal{margin-top:2rem;padding:.8rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skip-to-portal:hover{background:#fff3;transform:translateY(-2px)}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,107,107,.5)}to{text-shadow:0 0 30px rgba(255,107,107,.8)}}.video-control{position:absolute;bottom:30px;right:30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:3}.video-control:hover{background:#fff3;transform:scale(1.1)}.cta-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0ae6,#1a1a2ee6,#16213ee6);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.cta-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.cta-content h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.cta-content p{font-size:1.3rem;margin-bottom:3rem;opacity:.9;font-weight:300}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-button{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b33,#ffd93d33);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:linear-gradient(45deg,#ff6b6b66,#ffd93d66);border-color:#ffffff80;transform:translateY(-5px);box-shadow:0 10px 30px #ff6b6b4d}.music-btn:hover{box-shadow:0 10px 30px #ff6b6b66}.video-btn:hover{box-shadow:0 10px 30px #4cc9c466}.pricing-btn:hover{box-shadow:0 10px 30px #6bcf7f66}.settings-btn:hover{box-shadow:0 10px 30px #ffd93d66}@media (max-width: 768px){.brand-title h1{font-size:2.5rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:250px;justify-content:center}}.audio-visualizer{width:100%;height:200px;background:#ffffff0d;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:1rem 0}.visualizer-canvas{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.audio-visualizer{height:150px}}.music-player{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:2rem}.music-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.music-header h1{font-size:2.5rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.music-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 200px)}.player-section{background:#ffffff0d;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.now-playing{display:flex;flex-direction:column;gap:2rem;height:100%}.track-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.track-artwork{width:80px;height:80px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.track-details h3{margin:0;font-size:1.5rem;font-weight:700}.track-details p{margin:.5rem 0 0;opacity:.7;font-size:.9rem}.player-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.player-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.player-controls button:disabled{opacity:.5;cursor:not-allowed}.play-pause{width:70px!important;height:70px!important;background:linear-gradient(45deg,#ff6b6b,#ffd93d)!important}.player-controls button:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.progress-section{display:flex;align-items:center;gap:1rem;margin:1rem 0}.progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;cursor:pointer;position:relative}.volume-section{display:flex;align-items:center;gap:1rem;margin-top:auto}.volume-slider{flex:1;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;cursor:pointer}.track-info-mini{display:flex;align-items:center;gap:1rem;flex:1}.track-number{width:30px;height:30px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.track-name{font-weight:500}.track-actions{display:flex;gap:.5rem}.track-actions button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:.3rem;color:#fff;cursor:pointer;transition:all .3s ease}.track-actions button:hover{background:#fff3}@media (max-width: 768px){.music-content{grid-template-columns:1fr;gap:1rem}.music-header{flex-direction:column;gap:1rem}.music-header h1{font-size:2rem}.track-info{flex-direction:column;text-align:center}}.video-player{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:2rem}.video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.video-header h1{font-size:2.5rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.home-btn,.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.home-btn:hover,.upload-btn:hover{background:#fff3;transform:translateY(-2px)}.video-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;height:calc(100vh - 200px)}.player-section{display:flex;flex-direction:column;gap:1rem}.video-container{position:relative;background:#ffffff0d;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);aspect-ratio:16/9}.video-element{width:100%;height:100%;object-fit:cover;cursor:pointer}.no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;opacity:.7}.no-video button{padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.no-video button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b6b4d}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem;opacity:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.progress-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:3px;transition:width .1s ease}.time-current,.time-duration{font-size:.9rem;font-weight:500;min-width:40px}.control-buttons{display:flex;justify-content:space-between;align-items:center}.playback-controls{display:flex;align-items:center;gap:.5rem}.playback-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.play-pause{width:50px!important;height:50px!important;background:linear-gradient(45deg,#ff6b6b,#ffd93d)!important}.playback-controls button:hover{background:#fff3;transform:scale(1.1)}.secondary-controls{display:flex;align-items:center;gap:.5rem}.secondary-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.secondary-controls button:hover{background:#fff3}.volume-slider{width:80px;height:4px;background:#ffffff4d;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;cursor:pointer}.video-info{background:#ffffff0d;border-radius:15px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.video-info h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.video-info p{margin:0;opacity:.7;font-size:.9rem}.playlist-section{background:#ffffff0d;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto}.playlist-section h2{margin:0 0 1.5rem;font-size:1.8rem;font-weight:700}.empty-playlist{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:300px;opacity:.7}.empty-playlist button{padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-playlist button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b6b4d}.playlist{display:flex;flex-direction:column;gap:.5rem}.playlist-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border-radius:10px;transition:all .3s ease;cursor:pointer}.playlist-item:hover{background:#ffffff1a}.playlist-item.active{background:linear-gradient(45deg,#ff6b6b33,#ffd93d33);border:1px solid rgba(255,107,107,.4)}.video-info-mini{display:flex;align-items:center;gap:1rem;flex:1}.video-thumbnail{width:40px;height:40px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center}.video-details{flex:1}.video-name{font-weight:500;margin-bottom:.2rem}.video-type{font-size:.8rem;opacity:.7}.video-actions{display:flex;gap:.5rem}.video-actions button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:.3rem;color:#fff;cursor:pointer;transition:all .3s ease}.video-actions button:hover{background:#fff3}@media (max-width: 768px){.video-content{grid-template-columns:1fr;gap:1rem}.video-header{flex-direction:column;gap:1rem}.video-header h1{font-size:2rem}.control-buttons{flex-direction:column;gap:1rem}.secondary-controls{justify-content:center}}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:2rem}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.pricing-title{text-align:center;flex:1}.pricing-title h1{font-size:3.5rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;margin-bottom:1rem}.pricing-title p{font-size:1.3rem;opacity:.8;font-weight:300}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.pricing-toggle span{font-size:1.1rem;font-weight:600;transition:all .3s ease;opacity:.6}.pricing-toggle span.active{opacity:1;color:#ff6b6b}.toggle-switch{position:relative;width:60px;height:30px;background:#ffffff1a;border-radius:15px;cursor:pointer;transition:all .3s ease}.toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;transition:all .3s ease}.toggle-slider.annual{transform:translate(30px)}.discount-badge{background:linear-gradient(45deg,#ff6b6b,#ffd93d);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700;margin-left:.5rem}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card{background:#ffffff0d;border-radius:25px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);opacity:0;transition:opacity .3s ease}.pricing-card.popular:before{opacity:1}.pricing-card.popular{border-color:#ff6b6b66;transform:scale(1.05)}.popular-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.plan-header{text-align:center;margin-bottom:2rem}.plan-icon{width:80px;height:80px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.plan-header h3{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.plan-description{opacity:.8;font-size:.95rem;line-height:1.4}.plan-pricing{text-align:center;margin-bottom:2rem}.price-display{display:flex;align-items:baseline;justify-content:center;margin-bottom:.5rem}.currency{font-size:1.5rem;font-weight:600;opacity:.8}.price{font-size:3.5rem;font-weight:900;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 .2rem}.period{font-size:1.1rem;opacity:.7;font-weight:500}.original-price{font-size:.9rem;opacity:.6;text-decoration:line-through}.plan-features{list-style:none;margin-bottom:2rem}.plan-features li{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;font-size:.95rem;line-height:1.4}.plan-features li svg{color:#6bcf7f;flex-shrink:0}.subscribe-btn{width:100%;padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.subscribe-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.pricing-features{max-width:1200px;margin:0 auto 4rem}.features-section h2{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:3rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{background:#ffffff0d;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);background:#ffffff1a}.feature-item svg{color:#ff6b6b;margin-bottom:1rem}.feature-item h3{font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.feature-item p{opacity:.8;line-height:1.5}.pricing-faq{max-width:1000px;margin:0 auto 4rem;text-align:center}.pricing-faq h2{font-size:2.5rem;font-weight:800;margin-bottom:3rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;text-align:left}.faq-item{background:#ffffff0d;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.faq-item h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#ff6b6b}.faq-item p{opacity:.8;line-height:1.6}.pricing-footer{text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.1)}.pricing-footer a{color:#ff6b6b;text-decoration:none;font-weight:600;transition:color .3s ease}.pricing-footer a:hover{color:#ffd93d}@media (max-width: 768px){.pricing-header{flex-direction:column;gap:1rem}.pricing-title h1{font-size:2.5rem}.pricing-plans{grid-template-columns:1fr}.pricing-card.popular{transform:none}.features-grid,.faq-grid{grid-template-columns:1fr}}.settings-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:2rem}.settings-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.settings-header h1{font-size:2.5rem;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.home-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.home-btn:hover{background:#fff3;transform:translateY(-2px)}.settings-content{max-width:800px;margin:0 auto}.settings-section{background:#ffffff0d;border-radius:20px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.settings-section h2{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#ff6b6b}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item:last-child{border-bottom:none}.setting-item label{font-weight:600;flex:1}.setting-item input[type=range]{flex:1;max-width:200px;margin:0 1rem;-webkit-appearance:none;appearance:none;height:6px;background:#fff3;border-radius:3px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;cursor:pointer}.setting-item input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:50%;cursor:pointer;border:none}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:#ff6b6b;cursor:pointer}.setting-item select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:.95rem;cursor:pointer;min-width:150px}.setting-item select:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.setting-item select option{background:#1a1a2e;color:#fff}.setting-item span{font-weight:600;color:#ff6b6b;min-width:50px;text-align:center}.settings-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.save-btn,.reset-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.save-btn{background:linear-gradient(45deg,#ff6b6b,#ffd93d);color:#fff}.save-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.reset-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.reset-btn:hover{background:#fff3;transform:translateY(-3px)}@media (max-width: 768px){.settings-header{flex-direction:column;gap:1rem}.settings-header h1{font-size:2rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.8rem}.setting-item input[type=range]{max-width:100%;margin:0}.settings-actions{flex-direction:column;align-items:center}.save-btn,.reset-btn{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;overflow-x:hidden}#root{min-height:100vh}.App{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff5252,#ffeb3b)}button:focus{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.pulse{animation:pulse 2s infinite}