:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.music-player{z-index:1001;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;top:20px;right:20px}.player-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ff00ff4d;border-radius:20px;min-width:320px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 20px #f0f3,inset 0 1px #ffffff1a}.player-container.expanded{min-width:380px;max-width:420px}.player-container.minimized{opacity:.9;min-width:280px;max-width:300px;transform:scale(.95)}.player-container.minimized:hover{opacity:1;transform:scale(1)}.mini-player{cursor:pointer;background:linear-gradient(135deg,#ff00ff1a,#00ffff1a);justify-content:space-between;align-items:center;padding:12px 15px;transition:all .3s;display:flex;position:relative;overflow:hidden}.mini-player:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.mini-player:hover:before{left:100%}.track-info-mini{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cover-art-mini{border:2px solid #ff00ff80;border-radius:10px;flex-shrink:0;width:45px;height:45px;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff00ff4d}.cover-art-mini img{object-fit:cover;width:100%;height:100%}.play-pulse{opacity:0;background:#ff00ff4d;border-radius:10px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.play-pulse.playing{animation:2s infinite pulse}@keyframes pulse{0%{opacity:.3}to{opacity:.7}}.track-details-mini{flex-direction:column;flex:1;min-width:0;display:flex}.title-mini{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 10px #ff00ff80;font-size:.85rem;font-weight:600;overflow:hidden}.artist-mini{color:var(--text);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.time-mini{color:var(--text);opacity:.6;margin-top:2px;font-size:.7rem}.controls-mini{align-items:center;gap:6px;display:flex}.play-btn-mini,.next-btn-mini,.menu-btn,.minimize-btn{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f3;border:1px solid #f0f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.play-btn-mini:hover,.next-btn-mini:hover,.menu-btn:hover,.minimize-btn:hover{color:var(--primary);background:#f0f6;transform:translateY(-2px);box-shadow:0 4px 12px #ff00ff4d}.menu-container{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1002;background:#141428f2;border:1px solid #ff00ff4d;border-radius:10px;min-width:160px;margin-top:5px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #0006}.dropdown-menu button{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:all .3s;display:flex}.dropdown-menu button:hover{background:#f0f3;transform:translate(5px)}.search-section{background:#ffffff0d;border:1px solid #f0f3;border-radius:15px;margin-bottom:15px;padding:15px}.search-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.search-header h4{color:var(--text);margin:0;font-size:.9rem;font-weight:600}.search-header button{color:var(--text);cursor:pointer;background:#f0f3;border:1px solid #f0f6;border-radius:6px;padding:4px;transition:all .3s}.search-header button:hover{background:#f0f6}.search-input-container{align-items:center;margin-bottom:12px;display:flex;position:relative}.search-input-container svg{color:#fff9;position:absolute;left:12px}.search-input{width:100%;color:var(--text);background:#0000004d;border:1px solid #ff00ff4d;border-radius:10px;padding:10px 10px 10px 35px;font-size:.8rem;transition:all .3s}.search-results{max-height:200px;overflow-y:auto}.search-result-item{border-radius:8px;align-items:center;gap:10px;margin-bottom:5px;padding:8px;transition:all .3s;display:flex}.search-result-item:hover{background:#ffffff1a}.search-result-item img{object-fit:cover;border-radius:6px;width:40px;height:40px}.track-info{flex:1;min-width:0}.track-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.track-artist{color:var(--text);opacity:.7;font-size:.7rem;display:block}.track-actions{gap:5px;display:flex}.preview-btn,.add-btn{color:var(--text);cursor:pointer;background:#f0f3;border:1px solid #f0f6;border-radius:6px;padding:4px 8px;font-size:.7rem;transition:all .3s}.preview-btn:hover,.add-btn:hover{background:#f0f6;transform:scale(1.1)}.expanded-content{max-height:80vh;padding:20px;overflow-y:auto}.cover-art-expanded{border:3px solid #ff00ff80;border-radius:20px;width:140px;height:140px;margin:0 auto 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #ff00ff4d,0 0 30px #f0f3}.cover-art-expanded img{object-fit:cover;z-index:2;width:100%;height:100%;position:relative}.glitch-overlay{opacity:0;mix-blend-mode:overlay;background:linear-gradient(45deg,#ff00ff1a 0%,#00ffff1a 50%,#ffff001a 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.cover-art-expanded:hover .glitch-overlay{opacity:1;animation:.3s infinite glitch}@keyframes glitch{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}}.vinyl-effect{opacity:0;background:conic-gradient(#0000,#ffffff1a,#0000,#ff00ff1a,#0000);border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.vinyl-effect.spinning{opacity:1;animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track-info-expanded{text-align:center;margin-bottom:20px}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:#f0f;z-index:-1;animation:.5s linear infinite alternate-reverse glitch-1}.glitch-text:after{color:#0ff;z-index:-2;animation:.5s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}.title-expanded{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 20px #ff00ff80;margin:0 0 5px;font-size:1.4rem;font-weight:700;overflow:hidden}.artist-expanded{color:var(--text);opacity:.8;margin:0 0 15px;font-size:1rem}.progress-bar{cursor:pointer;background:#ffffff1a;border-radius:3px;height:6px;margin:20px 0;transition:all .3s;position:relative;overflow:hidden}.progress-bar:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar:hover{height:8px;transform:scaleY(1.2)}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;height:100%;transition:width .1s;position:relative;box-shadow:0 0 20px #ff00ff80}.progress-handle{background:var(--accent);opacity:0;width:16px;height:16px;box-shadow:0 0 20px var(--accent),0 0 40px #ff00ff80;border:2px solid #fff;border-radius:50%;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-bar:hover .progress-handle{opacity:1;transform:translate(-50%,-50%)scale(1.2)}.time-display{color:var(--text);opacity:.7;justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.controls-expanded{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.main-controls{justify-content:center;align-items:center;gap:25px;display:flex}.control-btn{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.control-btn:hover{color:var(--primary);background:#ff00ff4d;transform:translateY(-3px);box-shadow:0 8px 25px #ff00ff4d}.play-btn-expanded{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:18px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #f0f6,0 0 30px #ff00ff4d}.play-btn-expanded:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.play-btn-expanded:hover:before{animation:.8s shine}@keyframes shine{to{transform:translate(100%)}}.play-btn-expanded:hover{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 40px #f0f9,0 0 50px #f0f6}.streaming-link-btn{color:#1ed760;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1ed76033,#1db9544d);border:1px solid #1ed76066;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex}.streaming-link-btn:hover{color:#1ed760;background:linear-gradient(135deg,#1ed7604d,#1db95466);transform:translateY(-3px);box-shadow:0 8px 25px #1ed7604d}.embed-section{background:#ffffff0d;border:1px solid #f0f3;border-radius:15px;margin:25px 0;padding:20px;position:relative;overflow:hidden}.embed-section:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);width:100%;height:2px;position:absolute;top:0;left:0}.embed-section h4{color:var(--text);opacity:.9;text-shadow:0 0 10px #ff00ff80;margin:0 0 15px;font-size:.9rem;font-weight:600}.embed-container{border-radius:15px;overflow:hidden;transform:translateZ(0)}.embed-container iframe{box-shadow:0 8px 32px #0000004d;border:none!important;border-radius:15px!important}.playlist-preview{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:20px}.playlist-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.playlist-header h4{color:var(--text);opacity:.9;margin:0;font-size:.9rem;font-weight:600}.add-music-btn{color:var(--text);cursor:pointer;background:#f0f3;border:1px solid #f0f6;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.7rem;transition:all .3s;display:flex}.add-music-btn:hover{background:#f0f6;transform:translateY(-2px)}.upcoming-tracks{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.upcoming-track{cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:10px;transition:all .3s;display:flex;position:relative}.upcoming-track:hover{background:#ffffff14;transform:translate(5px)}.upcoming-track.current{background:#ff00ff26;border:1px solid #f0f6;box-shadow:0 4px 15px #f0f3}.upcoming-track.played{opacity:.6}.upcoming-track img{object-fit:cover;border:1px solid #ff00ff4d;border-radius:8px;width:40px;height:40px}.upcoming-info{flex-direction:column;flex:1;min-width:0;display:flex}.upcoming-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.upcoming-artist{color:var(--text);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.upcoming-duration{color:var(--text);opacity:.5;margin-top:2px;font-size:.65rem}.now-playing-indicator{margin-left:auto;font-size:.8rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.remove-track-btn{color:#f44;cursor:pointer;opacity:0;background:#f003;border:1px solid #f006;border-radius:4px;margin-left:8px;padding:3px;transition:all .3s}.upcoming-track:hover .remove-track-btn{opacity:1}.remove-track-btn:hover{background:#f006;transform:scale(1.1)}.audio-visualizer{opacity:0;align-items:end;gap:2px;width:100%;height:4px;padding:0 15px;transition:opacity .3s;display:flex;position:absolute;bottom:-8px;left:0}.audio-visualizer.active{opacity:1}.visualizer-bar{background:linear-gradient(to top,var(--primary),var(--secondary));height:2px;animation:1.5s ease-in-out infinite visualizer;animation-delay:calc(var(--bar-index)*.1s);border-radius:2px;flex:1;box-shadow:0 0 10px #ff00ff80}@keyframes visualizer{0%,to{opacity:.4;height:2px}50%{opacity:1;height:12px}}.upcoming-tracks::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar{width:6px}.upcoming-tracks::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.search-results::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.upcoming-tracks::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:3px}.upcoming-tracks::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--secondary),var(--primary))}.search-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--secondary),var(--primary))}@media (max-width:768px){.music-player{top:10px;left:10px;right:10px}.player-container{min-width:unset;width:auto}.player-container.expanded{min-width:unset;max-width:unset}.player-container.minimized{min-width:250px;max-width:280px}.expanded-content{padding:15px}.cover-art-expanded{width:120px;height:120px}.main-controls{gap:20px}}@media (max-width:480px){.music-player{margin:10px;position:relative;top:0;left:0;right:0}.mini-player{padding:10px}.player-container.minimized{min-width:220px;max-width:250px}.player-container.minimized .track-details-mini{display:none}}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1fcc;border-bottom:1px solid #f0f3;width:100%;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.header-left{flex:none;align-items:center;display:flex}.logo{color:var(--text);cursor:pointer;flex:none;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-text{background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-accent{color:var(--accent);animation:10s linear infinite spin}.header-right{flex:none;align-items:center;gap:2rem;display:flex}.nav{align-items:center;gap:1.5rem;display:flex}.nav-item{color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:0 0;border:none;border-radius:25px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative}.nav-item:hover{color:var(--primary);text-shadow:var(--neon-glow)}.nav-item.active{color:var(--accent)}.nav-indicator{background:var(--accent);width:6px;height:6px;box-shadow:var(--neon-glow);border-radius:50%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.status-indicator{text-transform:uppercase;letter-spacing:1px;color:var(--dark);white-space:nowrap;border-radius:15px;padding:.3rem .8rem;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite alternate glow}.header-left .music-player{position:relative;top:0;left:10px}.header-left .player-container{transform-origin:0;transition:transform .3s;transform:scale(.9)}.header-left .player-container:hover{transform:scale(.95)}.header-left .player-container.minimized{transform:scale(.85)}.header-left .player-container.expanded{transform:scale(1)}.feed-link{background:linear-gradient(45deg,var(--primary),var(--accent));color:var(--dark);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:20px;align-items:center;padding:.4rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.feed-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f0f6}.feed-text{font-weight:900}.spotify-logo{background:#ffffff1a;border-radius:50%;align-items:center;padding:.3rem;transition:all .3s;display:flex}.spotify-logo:hover{background:#fff3;transform:scale(1.1)rotate(5deg)}.spotify-logo img{filter:brightness(0)invert();width:24px;height:24px;transition:all .3s}.spotify-logo:hover img{filter:brightness(0)invert(1)drop-shadow(0 0 8px var(--accent))}.video-frame video{object-fit:cover;filter:grayscale(.3)brightness(.8);width:100%;height:100%;transition:all .3s}.video-frame:hover video{filter:grayscale(0)brightness()}.account-circle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:.5rem;padding:.3rem .6rem;transition:all .3s;display:flex}.account-circle:hover{border-color:var(--accent);background:#ffffff1a}.account-avatar{border:2px solid var(--primary);border-radius:50%;width:32px;height:32px;transition:all .3s;overflow:hidden}.account-circle:hover .account-avatar{border-color:var(--accent);transform:scale(1.1)}.account-avatar img{object-fit:cover;width:100%;height:100%}.status-indicator.online{background:#0f0;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #0f0}.header-right{align-items:center;gap:1rem;display:flex}@media (max-width:1200px){.video-carousel{display:none}.feed-link{padding:.3rem .6rem;font-size:.7rem}.spotify-logo img{width:20px;height:20px}.account-avatar{width:28px;height:28px}}@media (max-width:968px){.header-right{gap:.8rem}.feed-link{display:none}.account-circle{padding:.2rem .5rem}}@media (max-width:768px){.header-right{gap:.6rem}.spotify-logo{display:none}.account-circle{background:0 0;border:none;padding:0}.account-avatar{width:24px;height:24px}.status-indicator.online{width:6px;height:6px}}@media (max-width:480px){.header-right{gap:.4rem}.account-circle{display:none}}.header-hidden{pointer-events:none}.header-hidden .header-container{transform:translateY(-100%)}.shortcut-indicator{color:var(--accent);opacity:.7;z-index:1001;background:#000c;border-radius:0 0 10px 10px;padding:.2rem .8rem;font-family:Courier New,monospace;font-size:.7rem;transition:all .3s;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.shortcut-indicator:hover{opacity:1}.header{transition:all .5s cubic-bezier(.4,0,.2,1)}.header-container{transition:transform .5s cubic-bezier(.4,0,.2,1)}.header:not(.header-hidden){height:auto}.header.header-hidden{height:0;overflow:hidden}.header{will-change:transform,opacity}@media (max-width:768px){.header{opacity:1!important;pointer-events:all!important;height:auto!important;transform:translateY(0)!important}.shortcut-indicator{display:none}}.feed-link,.spotify-logo,.video-frame,.account-circle{transition:all .3s}.video-carousel{align-items:center;gap:.5rem;display:flex}.video-frame{border:2px solid var(--secondary);background:#000;border-radius:6px;width:40px;height:45px;transition:all .3s;position:relative;overflow:hidden}.video-frame:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 3px 12px #ff00ff4d}.video-frame iframe{filter:grayscale(.3)brightness(.8);border:none;width:100%;height:100%;transition:all .3s}.video-frame:hover iframe{filter:grayscale(0)brightness()}@media (max-width:1200px){.header-container{gap:1.5rem;padding:1rem 1.5rem}.nav{gap:1rem}.nav-item{padding:.4rem .8rem;font-size:.8rem}}@media (max-width:968px){.header-container{flex-wrap:wrap;justify-content:center;gap:1rem}.header-left{flex:1;order:1;justify-content:flex-start}.logo{flex:none;order:2}.header-right{flex:1;order:3;justify-content:flex-end}.header-left .music-player{transform:scale(.8)}}@media (max-width:768px){.header-container{flex-direction:column;gap:.8rem;padding:.8rem 1rem}.header-left,.logo,.header-right{order:unset;flex:unset;justify-content:center;width:100%}.header-left{margin-bottom:.5rem}.header-right{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.nav-item{padding:.3rem .6rem;font-size:.75rem}.header-left .music-player{transform:scale(.75)}.status-indicator{padding:.2rem .6rem;font-size:.6rem}}@media (max-width:480px){.header-container{padding:.6rem .8rem}.header-left .music-player{transform:scale(.7)}.logo{font-size:1.2rem}.nav-item{padding:.2rem .5rem;font-size:.7rem}.header-left .player-container.minimized .track-details-mini,.header-left .player-container .controls-mini .minimize-btn{display:none}}.header-left .music-player,.header-left .player-container{transition:all .3s}.header-left .player-container.expanded{z-index:1002;position:relative}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;width:100%;max-width:1400px;padding:0 2rem;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text{text-align:left}.hero-visual{justify-content:center;align-items:center;display:flex}.favorites-title{color:var(--primary);text-align:center;text-shadow:0 0 10px #201d2080;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.character-grid{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.character-icon{cursor:pointer;transition:all .3s}.icon-frame{border:2px solid var(--primary);background:#ffffff0d;border-radius:12px;width:70px;height:90px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.character-icon:hover .icon-frame{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #ff00ff4d,0 0 15px #f0f3}.icon-frame img{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:all .3s}.character-icon:hover .icon-frame img{transform:scale(1.05)}.icon-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:10px;width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.character-icon:hover .icon-glow{left:100%}@media (max-width:968px){.icon-frame{width:65px;height:65px}.character-grid{gap:8px}}@media (max-width:768px){.favorites-section{padding:.8rem}.icon-frame{border-radius:10px;width:60px;height:60px}.character-grid{gap:6px}.favorites-title{font-size:1rem}}@media (max-width:480px){.icon-frame{border-radius:8px;width:55px;height:55px}.character-grid{gap:5px}.favorites-title{font-size:.9rem}}.matrix-text{width:100%;color:var(--primary);opacity:.3;pointer-events:none;font-family:Courier New,monospace;font-size:.7rem;animation:20s linear infinite matrix;position:absolute;top:0;left:0}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:1.1}.title-line{display:block}.title-line.accent{background:linear-gradient(40deg,var(--primary),var(--secondary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate gradient-shift}@keyframes gradient-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.hero-subtitle{opacity:.9;margin-bottom:3rem;font-size:clamp(1rem,3vw,1.3rem);line-height:1.6}.glitch-text{color:var(--accent);font-family:Courier New,monospace;animation:2s infinite glitch}.hero-cta{margin-top:2rem}.dimensional-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--dark);cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.dimensional-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f0f6}.dimensional-btn:active{transform:translateY(0)}.btn-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.dimensional-btn:hover .btn-glow{left:100%}.scan-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);width:100%;height:2px;animation:3s linear infinite scan;position:absolute;top:0;left:0}.dimensional-portal{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.portal-circle{border:3px solid var(--primary);background:linear-gradient(135deg,#0a0a1f 0%,#1a1a3f 100%);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;animation:20s linear infinite portal-rotate;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #ff00ff4d,inset 0 0 50px #ff00ff1a}@keyframes portal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-image{z-index:3;border:2px solid var(--accent);width:180px;height:180px;box-shadow:0 0 20px var(--accent),inset 0 0 20px #ff03;border-radius:50%;position:relative;overflow:hidden}.image-placeholder{background:linear-gradient(45deg,var(--primary),var(--secondary));width:100%;height:100%;color:var(--dark);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.ring{border:1px solid;border-radius:50%;animation:15s linear infinite reverse ring-rotate;position:absolute}.ring-1{border-color:var(--secondary);width:250px;height:250px;box-shadow:0 0 15px var(--secondary)}.ring-2{border-color:var(--primary);width:280px;height:280px;box-shadow:0 0 10px var(--primary)}.ring-3{border-color:var(--accent);width:320px;height:320px;box-shadow:0 0 5px var(--accent)}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oriental-elements{width:100%;height:100%;position:absolute}.oriental-elements.day{animation:10s ease-in-out infinite day-cycle}.oriental-elements.night{opacity:0;animation:10s ease-in-out infinite night-cycle}@keyframes day-cycle{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes night-cycle{0%,50%{opacity:0}51%,to{opacity:1}}.sakura{color:#ff69b4;text-shadow:0 0 10px #ff69b4;font-size:1.5rem;animation:8s linear infinite sakura-fall;position:absolute}.sakura-1{animation-delay:0s;top:10%;left:20%}.sakura-2{animation-delay:2s;top:30%;right:15%}.sakura-3{animation-delay:4s;bottom:20%;left:25%}@keyframes sakura-fall{0%{opacity:0;transform:translateY(-100px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(400px)rotate(360deg)}}.kanji{color:var(--primary);text-shadow:0 0 10px var(--primary);font-family:serif;font-size:2rem;animation:6s ease-in-out infinite kanji-float;position:absolute}.kanji-1{animation-delay:1s;top:15%;right:20%}.kanji-2{animation-delay:3s;bottom:25%;left:15%}@keyframes kanji-float{0%,to{opacity:.1;transform:translateY(0)rotate(0)}50%{opacity:.05;transform:translateY(-30px)rotate(180deg)}}.bamboo{color:var(--secondary);font-size:2rem;animation:4s ease-in-out infinite bamboo-sway;position:absolute}.bamboo-1{animation-delay:.5s;bottom:10%;right:20%}@keyframes bamboo-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.moon{font-size:2.5rem;animation:4s ease-in-out infinite alternate moon-glow;position:absolute;top:15%;left:20%}@keyframes moon-glow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.star{color:var(--accent);font-size:1.2rem;animation:2s ease-in-out infinite twinkle;position:absolute}.star-1{animation-delay:0s;top:25%;right:25%}.star-2{animation-delay:1s;top:40%;left:30%}.star-3{animation-delay:.5s;bottom:30%;right:30%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.lantern{font-size:2rem;animation:3s ease-in-out infinite lantern-swing;position:absolute;bottom:15%;right:25%}@keyframes lantern-swing{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.yin-yang{animation:15s linear infinite yin-yang-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yin-yang-symbol{filter:grayscale()brightness(2);opacity:.3;font-size:3rem}@keyframes yin-yang-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.energy-particles{width:100%;height:100%;position:absolute}.particle{background:var(--secondary);width:4px;height:4px;box-shadow:0 0 10px var(--secondary);animation:3s linear infinite particle-orbit;animation-delay:var(--delay);border-radius:50%;position:absolute;top:50%;left:50%}.particle:nth-child(2n){background:var(--primary);box-shadow:0 0 10px var(--primary)}@keyframes particle-orbit{0%{transform:rotate(calc(var(--i)*30deg))translateX(140px)rotate(calc(var(--i)*-30deg));opacity:1}to{transform:rotate(calc(var(--i)*30deg + 360deg))translateX(140px)rotate(calc(var(--i)*-30deg - 360deg));opacity:0}}.portal-glow{background:radial-gradient(circle,var(--primary)0%,transparent 70%);opacity:.1;z-index:-1;border-radius:50%;width:350px;height:350px;animation:3s ease-in-out infinite alternate glow-pulse;position:absolute}@keyframes glow-pulse{0%{opacity:.05;transform:scale(1)}to{opacity:.2;transform:scale(1.1)}}.floating-code{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.code-snippet{color:var(--primary);opacity:.6;text-shadow:var(--neon-glow);font-family:Courier New,monospace;font-size:.9rem;animation:8s ease-in-out infinite float;position:absolute}@media (max-width:968px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.dimensional-portal{width:300px;height:300px}.portal-circle{width:250px;height:250px}.portal-image{width:150px;height:150px}}@media (max-width:768px){.hero-content{padding:0 1rem}.dimensional-btn{padding:.8rem 2rem;font-size:1rem}.dimensional-portal{width:250px;height:250px}.portal-circle{width:200px;height:200px}.portal-image{width:120px;height:120px}.ring-1{width:180px;height:180px}.ring-2{width:200px;height:200px}.ring-3{width:220px;height:220px}}.about{background:linear-gradient(135deg,var(--darker)0%,#1a1a2e 50%,var(--dark)100%);justify-content:center;align-items:center;min-height:100vh;padding:100px 2rem;display:flex;position:relative}.about-container{width:100%;max-width:1400px}.oriental-main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid;border-image:linear-gradient(45deg,var(--primary),var(--secondary),var(--accent))1;background:#0f0f23f2;border-radius:40px;padding:4rem 3rem;position:relative;overflow:hidden;box-shadow:0 0 100px #ff00ff1a,inset 0 0 100px #ff00ff0d}.oriental-bg-elements{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.japanese-wave{clip-path:polygon(0% 100%,100% 100%,100% 0%,0% 100%);opacity:.3;background:linear-gradient(#0000,#ff00ff1a);width:100%;height:100px;position:absolute;bottom:0;left:0}.bamboo-stalk{opacity:.1;background:linear-gradient(#0f0,green);border-radius:2px;width:4px;height:200px;position:absolute;top:20%;right:10%}.bamboo-stalk:before,.bamboo-stalk:after{content:"";background:green;border-radius:1px;width:24px;height:2px;position:absolute;left:-10px}.bamboo-stalk:before{top:40px}.bamboo-stalk:after{top:80px}.floating-kanji{color:#ff00ff1a;font-family:serif;font-size:4rem;animation:20s ease-in-out infinite kanji-float;position:absolute}.floating-kanji:first-child{animation-delay:0s;top:10%;left:5%}.floating-kanji:nth-child(2){animation-delay:7s;top:60%;right:8%}.floating-kanji:nth-child(3){animation-delay:14s;bottom:20%;left:10%}.cherry-blossom{opacity:.1;background:radial-gradient(circle,#ff69b4,#0000);width:30px;height:30px;animation:15s linear infinite blossom-fall;position:absolute;top:15%;right:15%}.sakura-petals{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sakura-petals:before,.sakura-petals:after{content:"❀";color:#ff69b4;opacity:.1;animation:8s linear infinite petal-fall;position:absolute}.sakura-petals:before{animation-delay:0s;top:10%;left:20%}.sakura-petals:after{animation-delay:4s;top:30%;right:25%}@keyframes blossom-fall{0%{opacity:0;transform:translateY(-100px)rotate(0)}10%{opacity:.1}90%{opacity:.1}to{opacity:0;transform:translateY(500px)rotate(360deg)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-100px)rotate(0)}10%{opacity:.1}90%{opacity:.1}to{opacity:0;transform:translateY(400px)rotate(360deg)}}.oriental-frame{pointer-events:none;z-index:1;border:2px solid #f0f3;border-radius:35px;position:absolute;inset:20px;overflow:hidden;box-shadow:0 0 40px #ff00ff1a,inset 0 0 40px #ff00ff0d}.frame-corner{border:2px solid var(--accent);opacity:.3;border-radius:15px;width:50px;height:50px;animation:4s ease-in-out infinite corner-pulse;position:absolute}.frame-corner.top-left{border-bottom:none;border-right:none;animation-delay:0s;top:-10px;left:-10px}.frame-corner.top-right{border-bottom:none;border-left:none;animation-delay:1s;top:-10px;right:-10px}.frame-corner.bottom-left{border-top:none;border-right:none;animation-delay:2s;bottom:-10px;left:-10px}.frame-corner.bottom-right{border-top:none;border-left:none;animation-delay:3s;bottom:-10px;right:-10px}.frame-detail{opacity:.3;background:linear-gradient(90deg,#0000,#ff00ff1a,#0000);position:absolute}.frame-detail.horizontal{width:80%;height:1px;animation:6s ease-in-out infinite line-glow;top:50%;left:10%;transform:translateY(-50%)}.frame-detail.vertical{width:1px;height:80%;animation:6s ease-in-out infinite reverse line-glow;top:10%;left:50%;transform:translate(-50%)}@keyframes corner-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes line-glow{0%,to{opacity:.2}50%{opacity:.5}}.about-content{z-index:2;position:relative}.oriental-header{text-align:center;margin-bottom:4rem}.japanese-title{justify-content:center;align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.kanji-large{color:var(--primary);opacity:.7;font-family:serif;font-size:4rem;animation:4s ease-in-out infinite kanji-pulse}@keyframes kanji-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.section-title{text-transform:uppercase;letter-spacing:4px;margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.section-title .accent{background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.japanese-subtitle{color:var(--text);opacity:.7;border-top:1px solid #ff00ff4d;padding-top:1rem;font-size:1.2rem;font-style:italic;display:inline-block}.about-grid{grid-template-columns:1fr 1.2fr;gap:4rem;margin-bottom:3rem;display:grid}.philosophy-section{flex-direction:column;gap:3rem;display:flex}.philosophy-card{background:#ffffff0d;border:1px solid #f0f3;border-radius:25px;padding:2.5rem;position:relative;overflow:hidden}.philosophy-card:before{content:"";background:linear-gradient(45deg,#0000,#ff00ff0d,#0000);width:100%;height:100%;animation:6s ease-in-out infinite shimmer;position:absolute;top:0;left:0}.philosophy-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.yin-yang-symbol{font-size:2rem;animation:10s linear infinite yin-yang-spin}.philosophy-header h3{color:var(--secondary);margin:0;font-size:1.4rem}.intro-text{color:var(--text);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.wisdom-card{background:#ffff000d;border:1px solid #ff03;border-radius:15px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.wisdom-icon{flex-shrink:0;font-size:1.5rem;animation:3s ease-in-out infinite wisdom-float}@keyframes wisdom-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wisdom-text{color:var(--accent);margin:0;font-style:italic;line-height:1.6}.philosophy-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.philosophy-item{cursor:default;background:#00ffff0d;border:1px solid #0ff3;border-radius:15px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.philosophy-item:hover{background:#00ffff1a;transform:translate(5px)}.philo-icon{flex-shrink:0;font-size:1.5rem}.philo-text{color:var(--text);font-size:.9rem;font-weight:500}.philo-glow{background:linear-gradient(90deg,#0000,#0ff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.philosophy-item:hover .philo-glow{left:100%}.real-stats{background:#ff00ff0d;border:1px solid #f0f3;border-radius:20px;padding:2rem;position:relative;overflow:hidden}.stats-title{text-align:center;color:var(--primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.stats-icon{animation:2s ease-in-out infinite stats-bounce}@keyframes stats-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.real-stat{text-align:center;background:#0003;border-radius:15px;padding:1rem;transition:all .3s;position:relative}.real-stat:hover{background:#0000004d;transform:translateY(-5px)}.stat-number{color:var(--accent);text-shadow:0 0 10px var(--accent);margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text);opacity:.8;font-size:.9rem}.stat-orb{background:radial-gradient(circle,var(--accent)0%,transparent 70%);opacity:0;border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.real-stat:hover .stat-orb{opacity:.1;width:80px;height:80px}.skills-section-oriental{position:relative}.skills-header{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.samurai-helmet{font-size:2rem;animation:3s ease-in-out infinite helmet-bounce}@keyframes helmet-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(10deg)}}.skills-header h3{color:var(--text);text-align:center;margin:0;font-size:1.8rem}.dojo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.skill-dojo-card{perspective:1000px;cursor:pointer}.skill-dojo-inner{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141428cc;border:2px solid #ff00ff4d;border-radius:20px;padding:1.5rem 1rem;transition:all .3s;position:relative;overflow:hidden}.skill-dojo-card:hover .skill-dojo-inner{border-color:var(--skill-color);box-shadow:0 0 30px var(--skill-color),inset 0 0 30px #ffffff1a}.skill-icon-frame{justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex;position:relative}.skill-icon-img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 10px var(--skill-color));transition:all .3s}.skill-dojo-card:hover .skill-icon-img{transform:scale(1.2)rotate(5deg)}.icon-glow{background:radial-gradient(circle,var(--skill-color)0%,transparent 70%);opacity:0;filter:blur(10px);z-index:-1;width:80px;height:80px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-dojo-card:hover .icon-glow{opacity:.3}.skill-name-oriental{color:var(--text);margin:0;font-family:Segoe UI,sans-serif;font-size:1rem;font-weight:700}.knowledge-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:10;background:#0a0a1ff2;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.popup-content{z-index:2;width:100%;position:relative}.popup-header{text-align:center;margin-bottom:1rem}.popup-title{color:var(--skill-color);text-shadow:0 0 10px var(--skill-color);font-size:.9rem;font-weight:700}.knowledge-list{flex-direction:column;gap:.5rem;display:flex}.knowledge-item{color:var(--text);align-items:center;gap:.5rem;font-size:.75rem;line-height:1.3;display:flex}.knowledge-bullet{flex-shrink:0;font-size:.8rem}.popup-glow{background:radial-gradient(circle,var(--skill-color)0%,transparent 70%);opacity:.1;filter:blur(15px);z-index:1;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dojo-effects{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.energy-aura{background:radial-gradient(circle,var(--skill-color)0%,transparent 70%);opacity:0;border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-dojo-card:hover .energy-aura{opacity:.1;width:120px;height:120px}.chi-particle{background:var(--skill-color);opacity:0;border-radius:50%;width:4px;height:4px;transition:all .3s;position:absolute}.skill-dojo-card:hover .chi-particle{opacity:1;animation:2s ease-in-out infinite chi-flow;animation-delay:calc(var(--particle-index)*.5s)}.chi-particle:first-child{top:20%;left:20%}.chi-particle:nth-child(2){top:20%;right:20%}.chi-particle:nth-child(3){bottom:20%;left:20%}.chi-particle:nth-child(4){bottom:20%;right:20%}@keyframes chi-flow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.oriental-grand-frame{width:100%;min-height:300px;margin-top:2rem;position:relative}.grand-frame-content{border:3px solid;border-image:linear-gradient(45deg,var(--primary),var(--accent),var(--secondary),var(--primary))1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0f23e6 0%,#191937cc 50%,#0f0f23e6 100%);border-radius:30px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 0 60px #ff00ff26,inset 0 0 60px #ff00ff0d}.grand-corner{border:2px solid var(--accent);opacity:.4;border-radius:20px;width:80px;height:80px;animation:4s ease-in-out infinite corner-glow;position:absolute}.grand-corner-tl{border-bottom:none;border-right:none;animation-delay:0s;top:-10px;left:-10px}.grand-corner-tr{border-bottom:none;border-left:none;animation-delay:1s;top:-10px;right:-10px}.grand-corner-bl{border-top:none;border-right:none;animation-delay:2s;bottom:-10px;left:-10px}.grand-corner-br{border-top:none;border-left:none;animation-delay:3s;bottom:-10px;right:-10px}@keyframes corner-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.oriental-symbols{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.symbol-group{flex-direction:column;gap:2rem;display:flex;position:absolute}.left-group{top:50%;left:1rem;transform:translateY(-50%)}.right-group{top:50%;right:1rem;transform:translateY(-50%)}.japanese-char{color:#f0f3;writing-mode:vertical-rl;text-orientation:mixed;font-family:serif;font-size:1.8rem;animation:6s ease-in-out infinite char-float}.japanese-char:first-child{animation-delay:0s}.japanese-char:nth-child(2){animation-delay:2s}.japanese-char:nth-child(3){animation-delay:4s}@keyframes char-float{0%,to{opacity:.2;transform:translateY(0)rotate(0)}50%{opacity:.4;transform:translateY(-10px)rotate(5deg)}}.frame-line{opacity:.3;background:linear-gradient(90deg,#0000,#ff00ff4d,#0000);position:absolute}.horizontal-line{width:80%;height:1px;left:10%}.vertical-line{width:1px;height:80%;top:10%}.top-line{top:20px}.bottom-line{bottom:20px}.left-line{left:20px}.right-line{right:20px}.grand-frame-inner{z-index:2;text-align:center;position:relative}.frame-title{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.frame-title h3{color:var(--text);text-transform:uppercase;letter-spacing:3px;margin:0;font-size:1.8rem;font-weight:700}.title-icon{font-size:2rem;animation:3s ease-in-out infinite title-bounce}@keyframes title-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(10deg)}}.frame-text{max-width:800px;margin:0 auto 2.5rem}.frame-text p{color:var(--text);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.frame-text strong{color:var(--accent);text-shadow:0 0 10px var(--accent)}.sub-text{opacity:.9;font-style:italic;font-size:1rem!important}.rap-elements{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.rap-tag{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--dark);text-transform:uppercase;letter-spacing:1px;cursor:default;border-radius:25px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.rap-tag:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.rap-tag:hover:before{left:100%}.rap-tag:hover{transform:translateY(-3px);box-shadow:0 5px 20px #f0f6}.frame-glow-effect{z-index:1;background:radial-gradient(circle,#ff00ff1a 0%,#00ffff0d 30%,#0000 70%);width:200%;height:200%;animation:15s linear infinite glow-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:var(--primary);width:3px;height:3px;animation:4s ease-in-out infinite particle-float;animation-delay:calc(var(--i)*.5s);border-radius:50%;position:absolute}.particle:nth-child(odd){background:var(--secondary)}.particle:first-child{top:10%;left:10%}.particle:nth-child(2){top:20%;right:15%}.particle:nth-child(3){bottom:30%;left:20%}.particle:nth-child(4){bottom:15%;right:25%}.particle:nth-child(5){top:40%;left:5%}.particle:nth-child(6){top:60%;right:10%}.particle:nth-child(7){bottom:40%;left:15%}.particle:nth-child(8){bottom:20%;right:5%}@keyframes particle-float{0%,to{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(10px,-10px)scale(1.2)}50%{opacity:.4;transform:translate(-5px,5px)scale(.8)}75%{opacity:.7;transform:translate(-10px,-5px)scale(1.1)}}@keyframes glow-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.bushido-message{text-align:center;background:#0000004d;border:1px solid #ff00ff4d;border-radius:25px;padding:2rem;position:relative;overflow:hidden}.bushido-content{justify-content:center;align-items:center;gap:2rem;display:flex}.bushido-icon{font-size:2rem;animation:3s ease-in-out infinite flag-wave}.bushido-text{color:var(--text);font-size:1.1rem;line-height:1.6}@keyframes flag-wave{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@media (max-width:1200px){.oriental-main-card{border-radius:35px;padding:3rem 2rem}.about-grid{grid-template-columns:1fr;gap:3rem}.dojo-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.about{padding:100px 1rem}.oriental-main-card{border-radius:25px;padding:2rem 1.5rem}.japanese-title{flex-direction:column;gap:1rem}.kanji-large{font-size:3rem}.philosophy-grid,.stats-grid{grid-template-columns:1fr}.bushido-content{flex-direction:column;gap:1rem}.skills-header{flex-direction:column;gap:.5rem}.grand-frame-content{padding:2rem}.frame-title{flex-direction:column;gap:1rem}.symbol-group{display:none}}@media (max-width:480px){.oriental-main-card{border-radius:20px;padding:1.5rem 1rem}.section-title{font-size:1.8rem}.dojo-grid{grid-template-columns:repeat(2,1fr)}.philosophy-card,.grand-frame-content{padding:1.5rem}.rap-elements{flex-direction:column;align-items:center}}.projects{min-height:100vh;padding:100px 2rem;position:relative}.projects-loading{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:50vh;display:flex}.loading-spinner{border:3px solid #0000;border-top:3px solid var(--primary);border-right:3px solid var(--secondary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1f99;border:1px solid #f0f3;border-radius:15px;flex-direction:column;height:100%;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary);transform:translateY(-5px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-title{color:var(--text);flex:1;margin:0;font-size:1.3rem;font-weight:700}.project-links{gap:.5rem;display:flex}.project-link{color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.project-link:hover{color:var(--primary);background:#ff00ff1a;transform:scale(1.1)}.project-description{color:var(--text);opacity:.8;flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-tech{margin-bottom:1.5rem}.tech-tag{color:var(--secondary);border:1px solid var(--secondary);background:#00ffff1a;border-radius:15px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.project-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.contributors-section{align-items:center;display:flex}.contributors-avatars{cursor:pointer;position:relative}.avatars-container{align-items:center;display:flex}.contributor-avatar{border:2px solid var(--dark);background:var(--dark);border-radius:50%;width:32px;height:32px;margin-left:-8px;transition:all .3s}.contributor-avatar:first-child{margin-left:0}.contributor-avatar:hover{z-index:10;border-color:var(--primary);transform:scale(1.2)}.contributors-more{background:linear-gradient(45deg,var(--primary),var(--secondary));width:32px;height:32px;color:var(--dark);border:2px solid var(--dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}.contributors-more:hover{z-index:10;transform:scale(1.2)}.contributors-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary);z-index:1000;background:#0f0f23f2;border-radius:12px;min-width:200px;padding:1rem;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.tooltip-content h4{color:var(--primary);margin:0 0 .5rem;font-size:.9rem;font-weight:600}.tooltip-contributors{flex-direction:column;gap:.5rem;display:flex}.tooltip-contributor{border-radius:6px;align-items:center;gap:.5rem;padding:.3rem;transition:background .3s;display:flex}.tooltip-contributor:hover{background:#ff00ff1a}.tooltip-avatar{border-radius:50%;width:24px;height:24px}.tooltip-contributor span{color:var(--text);font-size:.8rem;font-weight:500}.tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--primary);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.readme-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--dark);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.readme-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f0f6}.project-glow{background:linear-gradient(90deg,#0000,#ff00ff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-card:hover .project-glow{left:100%}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#050510e6;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{border:2px solid var(--primary);background:#0a0a1ff2;border-radius:20px;width:100%;max-width:800px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 0 50px #ff00ff4d}.modal-header{background:#050510cc;border-bottom:1px solid #f0f3;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:1.5rem}.close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.close-btn:hover{color:var(--primary);background:#ff00ff1a}.modal-body{max-height:calc(90vh - 100px);padding:2rem;overflow-y:auto}.readme-content{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.readme-content pre{color:var(--text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.repo-stats{border-top:1px solid #ffffff1a;justify-content:center;gap:2rem;margin-bottom:2rem;padding-top:1rem;display:flex}.repo-stats span{color:var(--accent);font-family:Courier New,monospace;font-weight:700}.contributors-section-modal{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.contributors-section-modal h4{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.contributors-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.contributor-item{color:inherit;background:#ffffff0d;border-radius:10px;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;transition:all .3s;display:flex}.contributor-item:hover{background:#ff00ff1a;transform:translateY(-2px)}.contributor-avatar-modal{border:2px solid var(--primary);border-radius:50%;width:40px;height:40px}.contributor-name{color:var(--text);font-size:.9rem;font-weight:600}.contributions-count{color:var(--accent);margin-left:auto;font-size:.8rem}@media (max-width:768px){.projects{padding:100px 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.project-footer{flex-direction:column;align-items:stretch;gap:1rem}.contributors-section{justify-content:center}.readme-btn{justify-content:center;width:100%}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.repo-stats{flex-direction:column;align-items:center;gap:1rem}.contributors-grid{grid-template-columns:1fr}.contributors-tooltip{min-width:250px;position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.social{justify-content:center;align-items:center;min-height:100vh;padding:100px 2rem;display:flex;position:relative}.social-container{text-align:center;width:100%;max-width:1000px}.social-subtitle{opacity:.8;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.social-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;background:#0a0a1f99;border:1px solid #f0f3;border-radius:15px;padding:2rem 1.5rem;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.social-card:hover{border-color:var(--social-color);transform:translateY(-10px);box-shadow:0 10px 30px #ff00ff4d}.social-icon{color:var(--social-color);margin-bottom:1rem;transition:all .3s}.social-card:hover .social-icon{filter:drop-shadow(0 0 10px var(--social-color));transform:scale(1.2)}.social-platform{color:var(--text);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.social-description{opacity:.7;font-size:.9rem;line-height:1.4}.social-glow{background:linear-gradient(90deg,#0000,#ff00ff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-card:hover .social-glow{left:100%}.contact-message{background:#ffff001a;border:1px solid #ffff004d;border-radius:15px;max-width:600px;margin:0 auto;padding:2rem}.contact-message p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.status-message{color:var(--accent);justify-content:center;align-items:center;gap:1rem;font-family:Courier New,monospace;font-weight:700;display:flex}.pulse{background:var(--accent);width:12px;height:12px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s infinite pulse}@media (max-width:768px){.social{padding:100px 1rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.social-card{padding:1.5rem 1rem}.contact-message{padding:1.5rem}}.cosmic-background{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;animation:100s linear infinite stars;position:absolute;top:0;left:0}.stars2{background-image:radial-gradient(1px 1px at 150px 200px,#fff,#0000),radial-gradient(1px 1px at 300px 150px,#eee,#0000);background-repeat:repeat;background-size:400px 400px;width:100%;height:100%;animation:150s linear infinite stars;position:absolute;top:0;left:0}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.nebula{background:radial-gradient(circle at 20% 80%,#ff00ff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00ffff1a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ffff000d 0%,#0000 50%);width:100%;height:100%;animation:30s ease-in-out infinite alternate nebula;position:absolute;top:0;left:0}@keyframes nebula{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}.black-hole{background:radial-gradient(circle,transparent 40%,var(--darker)70%);border-radius:50%;width:300px;height:300px;animation:20s linear infinite black-hole;position:absolute;top:50%;left:10%}@keyframes black-hole{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-elements{width:100%;height:100%;position:absolute;top:0;left:0}.floating-element{color:var(--primary);opacity:.7;text-shadow:var(--neon-glow);font-size:24px;animation:15s linear infinite float;position:absolute}.app-container{background:#000;min-height:100vh;font-family:Courier New,monospace;overflow-x:hidden}.app-container:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#0000 50%,#ff00ff08 50%),linear-gradient(#0000 50%,#00ffff08 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;animation:20s linear infinite matrixGrid;position:fixed;top:0;left:0}@keyframes matrixGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.main-nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:3px solid #0ff;gap:2rem;padding:1rem 2rem;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.nav-tab{color:#f0f;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:#000;border:2px solid #f0f;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Courier New,monospace;font-size:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-tab.active,.nav-tab:hover{color:#000;background:#f0f}.nav-tab:before{content:"";z-index:-1;background:#0ff;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.nav-tab:hover:before{left:0}.tab-icon{font-size:1.2rem}.tab-label{font-weight:700}.main-content{justify-content:center;align-items:flex-start;min-height:calc(100vh - 8rem);padding-top:8rem;display:flex}.profile-section{width:100%;max-width:1200px;padding:2rem}.profile-container{background:#000000e6;border:3px solid #f0f;padding:2rem;position:relative;overflow:hidden}.profile-container:before{content:"";pointer-events:none;border:3px solid #0ff;animation:2s ease-in-out infinite alternate borderPulse;position:absolute;inset:-3px}@keyframes borderPulse{0%{opacity:.3;filter:hue-rotate()}to{opacity:1;filter:hue-rotate(360deg)}}.music-section{width:100%;max-width:1400px;padding:2rem}.music-container{background:#000000e6;border:3px solid #0ff;min-height:80vh;padding:2rem;position:relative;overflow:hidden}.music-container:before{content:"";pointer-events:none;border:3px solid #f0f;animation:2s ease-in-out infinite alternate borderPulseReverse;position:absolute;inset:-3px}@keyframes borderPulseReverse{0%{opacity:1;filter:hue-rotate()}to{opacity:.3;filter:hue-rotate(360deg)}}.music-search{margin-bottom:3rem}.search-form{gap:1rem;max-width:600px;margin:0 auto;display:flex}.search-input{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#000;border:2px solid #f0f;flex:1;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.search-input:focus{border-color:#0ff;outline:none;box-shadow:0 0 20px #00ffff80}.search-btn{color:#0ff;cursor:pointer;background:#000;border:2px solid #0ff;padding:1rem 2rem;font-family:Courier New,monospace;font-size:1.2rem;transition:all .3s}.search-btn:hover{color:#000;background:#0ff}.main-player{align-items:center;gap:3rem;margin-bottom:3rem;display:flex}.album-art{background-position:50%;background-size:cover;border:4px solid #f0f;flex-shrink:0;width:300px;height:300px;position:relative;overflow:hidden}.album-glow{background:radial-gradient(circle,#0000 30%,#ff00ff4d 70%);animation:2s infinite alternate pulse;position:absolute;inset:0}.vinyl-effect{background:radial-gradient(circle,#0000 40%,#000c 70%);position:absolute;inset:0}.vinyl-rotation{background:conic-gradient(#000,#f0f,#000,#0ff,#000);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-center{background:#000;border:3px solid #fff;border-radius:50%;width:30px;height:30px}.player-info{flex:1}.track-title{color:#fff;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #f0f;margin-bottom:1rem;font-size:3rem}.track-artist{color:#0ff;margin-bottom:.5rem;font-size:1.5rem}.track-album{color:#ccc;margin-bottom:2rem;font-size:1rem}.progress-container{margin:2rem 0}.progress-time{color:#fff;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f0f,#0ff);border-radius:2px;height:100%}.player-controls{justify-content:center;gap:2rem;margin-top:2rem;display:flex}.control-btn{color:#f0f;cursor:pointer;background:#000;border:2px solid #f0f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex}.control-btn:hover{color:#000;background:#f0f;transform:scale(1.1)}.play-btn{color:#0ff;border-color:#0ff;width:80px;height:80px;font-size:2rem}.play-btn:hover{color:#000;background:#0ff}.repeat-btn{font-size:1.2rem}.playlist-container{border-top:2px solid #f0f;padding-top:2rem}.playlist-title{color:#fff;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:1rem;font-size:1.5rem}.playlist-tracks{max-height:400px;padding-right:1rem;overflow-y:auto}.playlist-track{cursor:pointer;background:#00000080;border:1px solid #0000;border-bottom-color:#ff00ff4d;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.playlist-track:hover{background:#ff00ff1a;border-color:#f0f}.playlist-track.active{background:#f0f3;border-color:#f0f}.track-number{text-align:center;color:#0ff;width:30px;font-weight:700}.track-image{border:2px solid #0ff;width:50px;height:50px;overflow:hidden}.track-image img{object-fit:cover;width:100%;height:100%}.track-details{flex:1}.track-details h4{color:#fff;margin-bottom:.25rem;font-size:1rem}.track-details p{color:#ccc;font-size:.8rem}.track-duration{color:#f0f;font-weight:700}.track-play-btn{color:#0ff;cursor:pointer;opacity:0;background:0 0;border:none;font-size:1rem;transition:all .3s}.playlist-track:hover .track-play-btn{opacity:1}.profile-back-btn{margin-bottom:2rem}.back-btn{color:#f0f;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:#000;border:2px solid #f0f;padding:1rem 2rem;font-family:Courier New,monospace;font-size:.9rem;transition:all .3s;position:relative;overflow:hidden}.back-btn:before{content:"";z-index:-1;background:#f0f;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.back-btn:hover{color:#000}.back-btn:hover:before{left:0}.back-arrow{margin-right:.5rem}.profile-header{border-bottom:2px solid #f0f;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.profile-avatar{background:#000;border:4px solid #0ff;width:120px;height:120px;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;filter:grayscale()contrast(200%);width:100%;height:100%;transition:all .3s}.profile-avatar:hover img{filter:grayscale(0%)contrast();transform:scale(1.1)}.profile-info{flex:1}.profile-name{color:#fff;text-transform:uppercase;letter-spacing:8px;text-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #f0f;margin-bottom:1rem;font-size:4rem;font-weight:900;animation:3s infinite textFlicker}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.7}75%{opacity:.9}}.profile-stats{gap:3rem;margin-bottom:2rem;display:flex}.stat-number{color:#f0f;margin-bottom:.5rem;font-size:2.5rem;font-weight:900;display:block}.profile-actions{gap:1rem;display:flex}.action-btn{color:#f0f;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#000;border:2px solid #f0f;padding:1rem 2rem;font-family:Courier New,monospace;font-size:.9rem;transition:all .3s;position:relative;overflow:hidden}.action-btn:before{content:"";z-index:-1;background:#f0f;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.action-btn:hover{color:#000}.action-btn:hover:before{left:0}.playlist-tracks::-webkit-scrollbar{width:8px}.playlist-tracks::-webkit-scrollbar-track{background:#0000004d}.playlist-tracks::-webkit-scrollbar-thumb{background:linear-gradient(#f0f,#0ff);border-radius:4px}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0ff,#f0f)}@media (max-width:1024px){.main-player{text-align:center;flex-direction:column}.album-art{width:250px;height:250px}.main-nav{padding:.5rem 1rem;top:1rem}.nav-tab .tab-label{display:none}}@media (max-width:768px){.main-content{padding-top:6rem}.profile-name{letter-spacing:4px;font-size:2.5rem}.track-title{font-size:2rem}.player-controls{gap:1rem}.control-btn{width:50px;height:50px}.play-btn{width:60px;height:60px}}@media (max-width:480px){.main-nav{top:.5rem}.music-container,.profile-container{padding:1rem}.profile-header{text-align:center;flex-direction:column}.profile-avatar{width:100px;height:100px}.profile-stats{gap:1.5rem}.stat-number{font-size:1.8rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f0f;--secondary:#0ff;--accent:#ff0;--dark:#0a0a1f;--darker:#050510;--text:#fff;--neon-glow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}body{background:var(--darker);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative}section{justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex;position:relative}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--primary);box-shadow:var(--neon-glow);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes matrix{0%{background-position:0 0}to{background-position:100% 100%}}.float{animation:6s ease-in-out infinite float}.glow{animation:2s ease-in-out infinite alternate glow}@media (max-width:768px){section{padding:80px 15px}}@media (max-width:480px){section{padding:80px 10px}}