*{margin:0;padding:0;box-sizing:border-box;font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;}
body{
    background:#000;
    color:#0ff;
    min-height:100vh;
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    background: radial-gradient(circle at top left,#000,#050505 70%);
}

/* Matrix background */
canvas{
    position:fixed;
    top:0;
    left:0;
    z-index:0;
}

/* Glass panel container */
.container{
    position:relative;
    z-index:1;
    width:100%;
    max-width:450px;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border-radius:28px;
    padding:20px;
    box-shadow:0 8px 40px rgba(0,255,255,0.3);
    border:1px solid rgba(0,255,255,0.2);
}

/* Profile */
.profile{text-align:center;margin-bottom:15px;}
.profile img{
    width:90px;
    height:90px;
    border-radius:50%;
    border:3px solid rgba(0,255,255,0.5);
    box-shadow:0 0 12px #0ff50f50;
}

/* Stats grid responsive */
.stats{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap:8px;
    margin:12px 0;
}
.stat{
    background:rgba(0,255,255,0.08);
    padding:10px;
    border-radius:15px;
    text-align:center;
    font-size:12px;
    backdrop-filter: blur(8px);
    border:1px solid rgba(0,255,255,0.2);
    box-shadow:0 4px 15px rgba(0,255,255,0.15);
}

/* Section title */
.section-title{
    margin:15px 0 6px;
    font-size:14px;
    color:#0ff;
    font-weight:600;
    text-shadow:0 0 5px rgba(0,255,255,0.5);
}

/* Lists */
.list{
    background:rgba(0,255,255,0.05);
    padding:10px;
    border-radius:15px;
    max-height:180px;
    overflow:auto;
    font-size:12px;
    border:1px solid rgba(0,255,255,0.15);
}

/* Buttons */
.btn{
    display:block;
    padding:12px;
    margin:5px 0;
    border-radius:20px;
    text-decoration:none;
    text-align:center;
    color:#000;
    font-weight:bold;
    background: linear-gradient(135deg, rgba(0,242,255,0.9), rgba(0,255,157,0.9));
    transition:.3s;
    box-shadow:0 4px 15px rgba(0,255,255,0.3);
    cursor:pointer;
}
.btn:hover{
    transform:scale(1.05);
    box-shadow:0 0 20px #0ff,0 0 35px #00ff9d;
}
.btn-glow{
    animation:glow 1.8s ease-in-out infinite alternate;
}
@keyframes glow{
    0%{box-shadow:0 0 10px #0ff;}
    50%{box-shadow:0 0 25px #0ff;}
    100%{box-shadow:0 0 10px #0ff;}
}

/* Music buttons responsive */
.music-controls{display:flex;gap:5px;flex-wrap:wrap;}
.music-controls button{flex:1;}

/* Bot status */
.status{text-align:center;margin-top:10px;font-size:13px;}
.online{color:#00ff9d;font-weight:bold;text-shadow:0 0 6px #0ff;}

/* Images */
img.full{width:100%;border-radius:15px;box-shadow:0 0 15px rgba(0,255,255,0.2);}

/* Footer */
footer{text-align:center;margin-top:10px;font-size:11px;color:#aaa;}