*{box-sizing:border-box}body{margin:0;background:#05060b;color:#fff;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:76px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #222;background:#050509;position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800}.logo b,.footer-logo b{color:#ff1761}.logo span{font-size:17px}.logo small{display:block;font-size:8px;letter-spacing:2px;color:#aaa}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:24px}nav{margin-left:auto;display:flex;gap:30px}nav a{font-size:12px;font-weight:bold;color:#ddd;padding:30px 0}nav a.active,nav a:hover{color:#ff1761}.hero{text-align:center;padding:90px 20px 75px;background:radial-gradient(circle,#45105d,transparent 55%),linear-gradient(135deg,#080912,#030409)}.hero>p:first-child{color:#ff1761;font-weight:bold;letter-spacing:2px}.hero h1{font-size:60px;margin:10px 0;font-weight:900}.hero h1 span{color:#ff1761}.hero .sub{max-width:650px;margin:20px auto 0;color:#aaa;line-height:1.7}.toolbar{padding:35px 5%;display:flex;justify-content:space-between;gap:15px;align-items:center}.cats{display:flex;gap:8px;flex-wrap:wrap}.cats button{border:1px solid #30313d;background:#0d0e15;color:#aaa;padding:10px 13px;border-radius:20px;font-size:10px;font-weight:bold;cursor:pointer}.cats button.active,.cats button:hover{background:#ff1761;color:#fff;border-color:#ff1761}input{width:210px;padding:11px 14px;border-radius:8px;border:1px solid #30313d;background:#0d0e15;color:#fff;outline:none}.grid{padding:0 5% 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article{background:#0d0e15;border:1px solid #242530;border-radius:12px;overflow:hidden}.pic{height:190px;display:flex;align-items:flex-end;padding:15px;font-size:75px;background:radial-gradient(circle at 70% 30%,#82126e,#121b58 45%,#07080d)}.pic small{background:#ff1761;color:#fff;font-size:9px;font-weight:bold;padding:6px 8px;border-radius:4px;margin-left:10px}.p2{background:radial-gradient(circle,#0a91b2,#43115d 50%,#06070b)}.p3{background:radial-gradient(circle,#ed2b5d,#171879 45%,#06070b)}.p4{background:radial-gradient(circle,#b20d6b,#17112f 50%,#05060a)}.p5{background:radial-gradient(circle,#ff7218,#45145c 50%,#06070a)}.p6{background:radial-gradient(circle,#3924e8,#0e638a 50%,#05060a)}.body{padding:19px}.body label,.story label{font-size:10px;color:#ff1761;font-weight:bold}.body h2{font-size:20px;line-height:1.3;margin:9px 0}.body p{color:#aaa;line-height:1.6;font-size:13px}.body a{color:#ff1761;font-size:10px;font-weight:bold}.story{margin:0 5% 70px;padding:35px;background:linear-gradient(135deg,#11121d,#1a0b25);border:1px solid #2d2635;border-radius:12px}.story h2{font-size:30px}.story p{color:#aaa;max-width:800px;line-height:1.7}footer{border-top:1px solid #222;padding:35px 5%;color:#888;font-size:12px}.footer-logo{font-size:20px;color:#fff;margin-bottom:10px}footer p{max-width:350px;line-height:1.6}@media(max-width:800px){nav{display:none}.menu{display:block}nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#08090f;flex-direction:column;padding:20px;gap:0}nav.open a{padding:15px}.hero h1{font-size:45px}.toolbar{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.cats{justify-content:center}input{width:100%}}
.mini-player{margin-left:auto;display:flex;align-items:center;gap:10px;background:#10111a;border:1px solid #333442;border-radius:30px;padding:6px 12px 6px 6px}.mini-player button{width:36px;height:36px;border:0;border-radius:50%;background:#ff1761;color:#fff;cursor:pointer}.mini-player b{display:block;font-size:9px}.mini-player small{display:block;color:#888;font-size:8px;margin-top:2px}.bars{color:#ff1761;font-size:11px;letter-spacing:1px}.radio-dock{position:fixed;left:20px;right:20px;bottom:18px;z-index:10;background:rgba(10,10,17,.95);backdrop-filter:blur(14px);border:1px solid #3b3040;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 40px #0009}.radio-dock>div:first-child{display:flex;align-items:center;gap:8px;min-width:210px}.radio-dock b{font-size:11px}.radio-dock small{display:block;color:#888;font-size:9px}.live-dot{width:8px;height:8px;background:#ff1761;border-radius:50%;box-shadow:0 0 10px #ff1761}.radio-dock button{background:#ff1761;color:#fff;border:0;border-radius:7px;padding:10px 15px;font-size:10px;font-weight:bold;cursor:pointer}.volume{margin-left:auto;color:#aaa;font-size:12px}.volume input{width:100px;padding:0}@media(max-width:800px){.mini-player{display:none}.radio-dock{left:10px;right:10px;bottom:10px}.radio-dock>div:first-child{min-width:0;flex:1}.volume{display:none}}