.home-container{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding:16px;box-sizing:border-box}.home-header{text-align:center;margin-top:10vh;margin-bottom:4vh}.home-title{font-size:clamp(1.8rem,6vw,3rem);font-weight:700;margin:0}.home-subtitle{font-size:clamp(1rem,3.5vw,1.2rem);opacity:.75;margin-top:8px}.keyboard{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.8vh;margin-top:3vh}.keyboard-row{gap:clamp(6px,2vw,14px)}.key-btn,.keyboard-row{display:flex;justify-content:center}.key-btn{width:clamp(34px,8vw,56px);height:clamp(34px,8vw,56px);background:#222;border:2px solid #444;border-radius:10px;color:white;font-size:clamp(.9rem,3.2vw,1.3rem);font-weight:700;align-items:center}.keyboard-row.bottom{padding-left:clamp(26px,8vw,60px);padding-right:clamp(26px,8vw,60px)}.vote-info{margin-top:auto;margin-bottom:12px;text-align:right;font-size:.85rem;align-self:flex-end}body,html{overflow-x:hidden}@media (max-width:480px){.home-header{margin-top:18vh}.keyboard{margin-top:6vh;gap:2vh}.keyboard-row{gap:1.5vw}.keyboard-row.bottom{padding-left:12vw;padding-right:12vw}}