:root{--red:#ff1a1a;--bg:#050000}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--bg);color:#fff;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:0;background:#050000}.bg-gif{position:absolute;inset:0;background:url("https://media.giphy.com/media/UjNIYLcTyxws0/giphy.gif") center/cover no-repeat;opacity:.28;filter:contrast(1.15) brightness(.65) saturate(1.3)}.bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,rgba(140,0,0,.5) 0,transparent 45%),radial-gradient(ellipse at 85% 75%,rgba(70,0,15,.45) 0,transparent 40%),linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(5,0,0,.9) 100%)}.particle{position:absolute;width:2px;height:2px;background:#f33;border-radius:50%;opacity:.5;animation:rise 14s linear infinite;box-shadow:0 0 6px #f22}.p1{left:10%;animation-delay:0s}.p2{left:25%;animation-delay:2.5s;width:3px;height:3px}.p3{left:45%;animation-delay:5s}.p4{left:65%;animation-delay:1.2s}.p5{left:80%;animation-delay:3.8s;width:3px;height:3px}.p6{left:92%;animation-delay:6.5s}@keyframes rise{0%{transform:translateY(100vh) scale(.3);opacity:0}15%{opacity:.6}85%{opacity:.4}100%{transform:translateY(-10vh) scale(1.1);opacity:0}}.scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);opacity:.5}.view{display:none;position:relative;z-index:10;width:100%;max-width:440px;padding:20px;animation:fadeIn .4s ease}.view.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:rgba(12,0,0,.82);border:1px solid rgba(255,40,40,.28);border-radius:24px;padding:40px 32px 32px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 50px rgba(180,0,0,.22),inset 0 1px 0 rgba(255,80,80,.1);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f33,transparent)}.avatar-wrap{width:150px;height:150px;margin:0 auto 26px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff1a1a,#4a0000,#f33,#4a0000);background-size:200% 200%;animation:border-shift 5s ease infinite,avatar-glow 3s ease-in-out infinite;position:relative;box-shadow:0 0 30px rgba(255,30,30,.45)}@keyframes border-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes avatar-glow{0%,100%{box-shadow:0 0 25px rgba(255,30,30,.4)}50%{box-shadow:0 0 45px rgba(255,50,50,.7),0 0 70px rgba(150,0,20,.3)}}.avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #0a0000;display:block}.nick{font-family:Orbitron,sans-serif;font-size:2.9rem;font-weight:900;letter-spacing:7px;text-align:center;margin-bottom:6px;background:linear-gradient(90deg,#f11,#f55,#fcc,#f22,#c00,#f66,#f11);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-red 3.2s linear infinite,glow-red 2.4s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255, 25, 25, .8))}@keyframes shimmer-red{0%{background-position:0 50%}100%{background-position:280% 50%}}@keyframes glow-red{0%,100%{filter:drop-shadow(0 0 12px rgba(255, 20, 20, .7))}50%{filter:drop-shadow(0 0 26px rgba(255, 50, 50, 1))}}.status{text-align:center;font-size:.88rem;color:#f77;letter-spacing:1.5px;margin-bottom:28px;opacity:.9;font-weight:300}.player{background:rgba(20,0,0,.65);border:1px solid rgba(255,50,50,.3);border-radius:18px;padding:16px;margin-bottom:18px;transition:all .3s ease}.player:hover{border-color:rgba(255,70,70,.55);box-shadow:0 0 22px rgba(255,30,30,.25)}.player-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.eq{display:flex;align-items:flex-end;gap:3px;height:26px;width:28px;opacity:.4;transition:opacity .3s}.eq.playing{opacity:1}.eq span{width:3.5px;background:linear-gradient(to top,#a00,#f33);border-radius:2px;animation:eq .85s ease-in-out infinite alternate;animation-play-state:paused}.eq.playing span{animation-play-state:running}.eq span:first-child{height:35%;animation-delay:.1s}.eq span:nth-child(2){height:65%;animation-delay:.25s}.eq span:nth-child(3){height:100%;animation-delay:0s}.eq span:nth-child(4){height:50%;animation-delay:.35s}.eq span:nth-child(5){height:80%;animation-delay:.15s}@keyframes eq{from{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}.player-meta{flex:1;min-width:0}.player-title{font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:.78rem;color:#f88;margin-top:2px}.play-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(145deg,#ff2a2a,#900);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(255,30,30,.5);transition:all .2s ease;flex-shrink:0}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 28px rgba(255,50,50,.75)}.volume-row{display:flex;align-items:center;gap:10px;padding:0 4px}.vol-icon{font-size:.95rem;color:#f66;width:20px;text-align:center;flex-shrink:0}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:5px;background:rgba(255,50,50,.25);border-radius:5px;outline:0;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#f33,#c00);box-shadow:0 0 10px rgba(255,30,30,.6);cursor:pointer;transition:transform .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f33;border:none;box-shadow:0 0 10px rgba(255,30,30,.6);cursor:pointer}.vol-value{font-size:.75rem;color:#c77;width:32px;text-align:right;flex-shrink:0}.nav-btn{display:block;width:100%;text-align:center;background:0 0;border:1px solid rgba(255,50,50,.4);color:#f88;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:1.5px;padding:14px;border-radius:14px;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.nav-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,40,40,.12),transparent);transform:translateX(-100%);transition:transform .5s ease}.nav-btn:hover{border-color:#f33;color:#fff;box-shadow:0 0 20px rgba(255,30,30,.3);background:rgba(255,20,20,.08)}.nav-btn:hover::before{transform:translateX(100%)}.tg-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center;background:linear-gradient(135deg,rgba(0,136,204,.15),rgba(0,100,180,.08));border:1px solid rgba(0,160,230,.45);color:#7ec8ff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:1.2px;padding:14px;border-radius:14px;cursor:pointer;transition:all .3s ease;margin-top:10px;text-decoration:none;position:relative;overflow:hidden}.tg-btn:hover{border-color:#29b6f6;color:#fff;background:linear-gradient(135deg,rgba(0,160,230,.28),rgba(0,120,200,.15));box-shadow:0 0 22px rgba(0,160,230,.35)}.tg-btn svg{width:18px;height:18px;flex-shrink:0}.quote{text-align:center;font-size:.82rem;color:#b77;font-style:italic;margin-top:22px;line-height:1.55;opacity:.85}.footer{text-align:center;margin-top:18px;font-size:.68rem;color:#633;letter-spacing:1.5px}.sites-header{text-align:center;margin-bottom:32px}.sites-header h1{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:4px;background:linear-gradient(90deg,#f22,#f88,#f22);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-red 4s linear infinite;margin-bottom:6px}.sites-header p{font-size:.85rem;color:#a66;letter-spacing:1px}.sites-list{display:flex;flex-direction:column;gap:12px}.site-card{display:flex;align-items:center;gap:14px;background:rgba(25,0,0,.55);border:1px solid rgba(255,50,50,.22);border-radius:16px;padding:16px 18px;transition:all .3s ease;position:relative;overflow:hidden}.site-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#f22;opacity:0;transition:opacity .3s}.site-card:hover{border-color:rgba(255,70,70,.5);background:rgba(40,0,0,.7);transform:translateX(5px);box-shadow:0 0 20px rgba(255,30,30,.18)}.site-card:hover::before{opacity:1}.site-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#f22,#600);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 0 12px rgba(255,30,30,.3)}.site-info{flex:1;min-width:0}.site-name{font-weight:600;font-size:1rem;margin-bottom:2px}.site-desc{font-size:.78rem;color:#c88}.placeholder{text-align:center;padding:28px 16px;color:#855;font-size:.88rem;border:1px dashed rgba(255,50,50,.25);border-radius:16px;margin-top:8px;line-height:1.5}.back-btn{display:block;width:100%;text-align:center;margin-top:28px;color:#f77;background:0 0;border:none;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:color .25s;font-family:Inter,sans-serif}.back-btn:hover{color:#faa}.music-fab{position:fixed;bottom:28px;right:28px;z-index:50;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(145deg,#f22,#800);color:#fff;font-size:1.35rem;cursor:pointer;box-shadow:0 4px 25px rgba(255,20,20,.5);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.music-fab:hover{transform:scale(1.1);box-shadow:0 6px 35px rgba(255,40,40,.7)}.music-fab.playing{animation:pulse-fab 1.8s ease-in-out infinite}@keyframes pulse-fab{0%,100%{box-shadow:0 4px 25px rgba(255,20,20,.5)}50%{box-shadow:0 4px 40px rgba(255,50,50,.85)}}audio{display:none}@media (max-width:480px){.nick{font-size:2.3rem;letter-spacing:4px}.avatar-wrap{width:130px;height:130px}.card{padding:32px 22px 26px}.music-fab{bottom:20px;right:20px;width:50px;height:50px}.sites-header h1{font-size:1.5rem}}
.site-card{text-decoration:none;color:inherit}
.site-icon-v3{background:linear-gradient(145deg,#a78bfa,#4f46e5);font-size:.85rem;font-weight:700;letter-spacing:-.04em}