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