*{box-sizing:border-box}
body{font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif; margin:0; min-height:100vh; display:flex; flex-direction:column; background: linear-gradient(135deg,#e6eef8,#c9d6ff); color:#0b1220;}
header{padding:18px 20px; text-align:center; background: rgba(255,255,255,0.35); backdrop-filter: blur(6px); box-shadow:0 6px 18px rgba(11,18,32,0.08);}
header h1{margin:0; font-size:20px;}
.navlinks{margin-top:8px;}
.navlinks a{margin:0 8px; color: #0b1220; text-decoration:none; font-weight:600;}
.glass-container{display:flex; gap:20px; width:90%; max-width:1100px; margin:24px auto; padding:20px; background: rgba(255,255,255,0.5); border-radius:14px; backdrop-filter: blur(12px); box-shadow:0 8px 28px rgba(11,18,32,0.08); align-items:flex-start;}
#ranking{flex:2}
.widget{flex:1; background: rgba(255,255,255,0.45); padding:12px; border-radius:10px; min-height:140px;}
#vote-list div{background: rgba(11,18,32,0.04); padding:12px; margin-bottom:12px; border-radius:8px; display:flex; justify-content:space-between; align-items:center;}
button{padding:8px 12px; border-radius:8px; border:none; cursor:pointer; background: rgba(11,18,32,0.08);}
footer{padding:14px; text-align:center; margin-top:auto; background: rgba(255,255,255,0.25); backdrop-filter: blur(6px); color:#0b1220;}
.form-container{max-width:520px; margin:12px auto; display:flex; flex-direction:column; gap:12px;}
form label{display:flex; flex-direction:column; font-weight:600; color:#0b1220;}
input, textarea{padding:10px; border-radius:8px; border:1px solid rgba(11,18,32,0.06); margin-top:8px; background:rgba(255,255,255,0.85); color:#0b1220;}
.muted{color:rgba(11,18,32,0.6); font-size:14px; text-align:center}