html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#fff7fb;font-family:Inter,system-ui,sans-serif;color:#2b1b25}#root{height:100%}*{box-sizing:border-box;min-width:0}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffb8d8;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ec3d97}.retro-btn-active{background:#ec3d97;color:#fff;border:2px solid #2b1b25;box-shadow:0 5px #b61762;border-radius:16px;transition:all .1s ease}.retro-btn-inactive{background:#fff7fb;color:#9b7f8f;border:1.5px solid #f4b8d5;border-radius:14px;transition:all .15s ease}.retro-btn-inactive:hover{transform:translateY(-2px);box-shadow:0 4px #f4b8d5;border-color:#ffb8d8;color:#ec3d97}.key-btn{background:#fff;border:1.5px solid #ffb8d8;box-shadow:0 3px #f4b8d5;border-radius:12px;transition:all .12s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.key-btn:hover{transform:translateY(-3px);box-shadow:0 6px #f4b8d5,0 8px 16px #ec3d971f;border-color:#ec3d97;background:#fff0f8}.key-btn:active{transform:translateY(2px);box-shadow:0 1px #f4b8d5}