:root{--color-bg: #fafafa;--color-bgSecondary: #f4f4f4;--color-text: #2a2a2a;--color-textSecondary: #6b6b6b;--color-border: #d0d0d0;--color-borderActive: #b8b8b8;--color-key-bg: #f7f7f7;--color-key-bgPressed: #ededed;--color-disabled-bg: #f0f0f0;--color-disabled-text: #9a9a9a}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit;background:none;border:none;padding:0;cursor:pointer}.ui-key{width:100%;height:56px;border-radius:8px;background:var(--color-key-bg);border:1px solid var(--color-border);display:grid;grid-template-columns:44px 1fr;align-items:stretch;transition:background .08s linear,border-color .08s linear}.ui-key:active{background:var(--color-key-bgPressed);border-color:var(--color-borderActive)}.ui-key:disabled{background:var(--color-disabled-bg);border-color:var(--color-border);cursor:default}.ui-key__icon{display:flex;align-items:flex-end;justify-content:center;padding:0 10px 10px;opacity:.85;max-height:100%}.ui-key__icon>img,.ui-key__icon>svg{height:65%;width:auto}.ui-key__label{display:flex;align-items:flex-end;justify-content:flex-end;padding:0 10px 10px 0;font-size:16px;font-weight:400;line-height:1.1;color:var(--color-text)}.ui-key:disabled .ui-key__label{color:var(--color-disabled-text)}.boosters-row{display:flex;justify-content:space-between;gap:8px}.booster-btn{flex:1;height:56px;border-radius:8px;background:var(--color-key-bg);border:1px solid var(--color-border);position:relative;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .08s linear,border-color .08s linear}.booster-btn:active{background:var(--color-key-bgPressed);border-color:var(--color-borderActive);transform:scale(.96)}.booster-btn.disabled{opacity:.5}.booster-count{position:absolute;top:6px;right:8px;font-size:12px}