*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:transparent;color:#111827}.widget{max-width:760px;margin:auto}.hero{background:linear-gradient(135deg,#07111f,#182a43);color:#fff;padding:18px 20px;border-radius:14px;margin-bottom:12px;box-shadow:0 8px 25px #0002}.hero div{font-size:13px;font-weight:800;letter-spacing:1px}.hero strong{display:block;margin-top:7px;font-size:20px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef0b18;margin-right:7px}.np,.history,.dj,.request{border-radius:12px;overflow:hidden;margin-bottom:12px;box-shadow:0 4px 15px #0001}.np{background:#ef0b18;color:#fff}.label{font-weight:800;padding:11px 15px;background:#a90008}.np #title{padding:17px;font-size:23px;font-weight:800;min-height:58px}.history{background:#fff}.history .label{background:#303846;color:#fff}.histrow{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid #eee;font-size:15px}.histrow:last-child{border-bottom:0}.histrow small{color:#64748b;white-space:nowrap}.dj{background:#f3f4f6}.dj .label{background:#111827;color:#fff}.djbody{display:flex;align-items:center;gap:15px;padding:14px}.djbody img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 3px 10px #0002}.djname{font-size:21px;font-weight:800}.djtime{color:#64748b;margin-top:5px}.request{background:#fff;border:1px solid #ddd;padding:18px}.request h2{margin:0 0 10px}.request label{display:block;font-weight:700;margin:10px 0}.request input{display:block;width:100%;padding:11px;border:1px solid #ccc;border-radius:7px;margin-top:5px;font-size:16px}.request button{border:0;background:#ef0b18;color:#fff;padding:12px 16px;border-radius:7px;cursor:pointer;font-weight:700}.ok{padding:10px;background:#dcfce7;color:#166534;border-radius:7px;margin-bottom:10px}@media(max-width:480px){.np #title{font-size:19px}.djbody img{width:72px;height:72px}.hero strong{font-size:18px}}