.command-list{flex-direction:column;gap:24px;padding:16px;display:flex}.command-group__title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding:0 4px 6px;font-size:.65rem;font-weight:600;display:flex}.command-group__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.command-group__count{color:var(--text-dim);margin-left:auto;font-size:.6rem;font-weight:400}.command-group__items{flex-direction:column;gap:1px;list-style:none;display:flex}.command-item{cursor:pointer;border-left:3px solid #0000;border-radius:0;align-items:baseline;gap:14px;padding:7px 10px 7px 12px;transition:background .12s;display:flex}.command-item:hover{background:var(--bg-tertiary)}.command-item--selected{background:var(--bg-tertiary);border-left-color:var(--accent)}.command-item__key{color:var(--accent);min-width:42px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.command-item__desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.command-item__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:2px 6px;font-size:.55rem;font-weight:500}.command-item__badge--beginner{color:#6ee7b7;background:#1a3a2a}.command-item__badge--intermediate{color:#fbbf24;background:#3a2a1a}.command-item__badge--advanced{color:#c4b5fd;background:#2a1a3a}.keyboard{background:var(--bg-primary);flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex}.keyboard__row{gap:6px;display:flex}.key{--key-size:56px;width:calc(var(--key-size) * var(--key-width,1) + (var(--key-width,1) - 1) * 6px);height:var(--key-size);background:var(--key-bg);border:1px solid var(--key-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.key__label{color:var(--key-text);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;line-height:1}.key__shift{color:var(--key-text-dim);font-family:JetBrains Mono,monospace;font-size:.6rem;position:absolute;top:5px;right:6px}.key--highlighted{background:color-mix(in srgb, var(--highlight-color) 18%, var(--key-bg));border-color:color-mix(in srgb, var(--highlight-color) 50%, var(--key-border))}.key--highlighted .key__label{color:var(--highlight-color);font-weight:700}.key--motion{background:color-mix(in srgb, var(--highlight-color) 8%, var(--key-bg));border-color:color-mix(in srgb, var(--highlight-color) 25%, var(--key-border))}.key--motion .key__label{color:color-mix(in srgb, var(--highlight-color) 60%, var(--key-text))}.key--pressed.key--pressed{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 30%, transparent)}.key--pressed.key--pressed .key__label{color:var(--bg-primary);text-shadow:none}.key--wide .key__label{font-size:.68rem}.key__seq-badge{color:var(--bg-primary);background:var(--highlight-color,var(--accent));border-radius:2px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:700;line-height:1.2;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.key__motion-badge{color:var(--bg-primary);background:color-mix(in srgb, var(--highlight-color,var(--accent)) 80%, #fff);border-radius:2px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:700;line-height:1.2;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cheat-keyboard{background:#1a1a1a;border-radius:12px;align-items:flex-start;gap:16px;min-height:0;padding:12px 16px;display:flex;overflow:visible}.cheat-keyboard__scaler{flex:1;justify-content:flex-start;align-items:flex-start;display:flex;overflow:visible;container-type:inline-size}.cheat-keyboard__legend{flex-direction:column;flex-shrink:0;gap:8px;padding-top:8px;display:flex}.cheat-keyboard__legend-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;font-size:.68rem;font-weight:500;display:flex}.cheat-keyboard__legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.cheat-keyboard__layout{--cols:15.5;--rows:6.5;--unit:calc(100cqi / var(--cols));width:100%;height:calc(var(--unit) * var(--rows));gap:calc(var(--unit) * .08);flex-direction:column;display:flex}.cheat-keyboard__row{gap:calc(var(--unit) * .08);flex:1;min-height:0;display:flex}.cheat-keyboard__row:first-child{flex:1}.cheat-key{flex:var(--key-width,1);background:var(--cat-bg,#3a3a3c);-webkit-user-select:none;user-select:none;border:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:2px;transition:transform .1s,z-index;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0006}.cheat-key--colored:hover,.cheat-key--pressed.cheat-key--colored{z-index:10;border-radius:6px;transform:scale(1.6);box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff1a}.cheat-key--pressed:not(.cheat-key--colored){background:var(--accent,#7aa2f7);box-shadow:0 0 10px #7aa2f74d}.cheat-key--pressed:not(.cheat-key--colored) .cheat-key__label,.cheat-key--pressed:not(.cheat-key--colored) .cheat-key__raw{color:var(--bg-primary,#0d0d0d)}.cheat-key__label{color:#ffffff8c;font-family:SF Pro,-apple-system,Inter,sans-serif;font-size:clamp(.42rem,.7vw,.7rem);font-weight:400;line-height:1}.cheat-key__raw{color:#ffffff73;font-family:SF Pro,-apple-system,Inter,sans-serif;font-size:clamp(.5rem,.8vw,.85rem);font-weight:700;position:absolute;bottom:6%;left:8%}.cheat-key--colored .cheat-key__raw{color:#0009}.cheat-key__lower{color:#000000d9;text-align:center;white-space:pre-line;font-family:SF Pro,-apple-system,Inter,sans-serif;font-size:clamp(.44rem,.75vw,.72rem);font-weight:700;line-height:1.2}.mini-editor{background:var(--bg-primary);flex-direction:column;flex:1;min-height:200px;display:flex}.mini-editor__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:40px;padding:10px 16px;display:flex}.mini-editor__instruction{color:var(--text-secondary);font-size:.75rem}.mini-editor__feedback{color:var(--accent);font-size:.7rem;font-weight:600;animation:.3s feedbackPop}@keyframes feedbackPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mini-editor__content{cursor:text;color:#fff;outline:none;flex:1;padding:16px;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;overflow:auto}.mini-editor__content:focus{box-shadow:inset 0 0 0 1px var(--accent)}.mini-editor__lines{flex-direction:column;display:flex}.mini-editor__line{white-space:pre;display:flex}.mini-editor__line-num{text-align:right;width:32px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:12px;font-size:.7rem}.mini-editor__line-text{flex:1}.mini-editor__cursor{background:var(--accent);color:var(--bg-primary);animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{50%{opacity:.5}}.mini-editor__footer{border-top:1px solid var(--border);background:var(--bg-secondary);align-items:center;gap:12px;padding:10px 16px;display:flex}.mini-editor__key{color:var(--accent);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.mini-editor__example{color:var(--text-secondary);margin-left:auto;font-size:.7rem}.mini-editor__mode{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.mini-editor__mode--normal{background:var(--accent);color:var(--bg-primary)}.mini-editor__mode--insert{color:var(--bg-primary);background:#73daca}.mini-editor__mode--visual,.mini-editor__mode--visual-line{color:var(--bg-primary);background:#bb9af7}.mini-editor__mode--search{color:var(--bg-primary);background:#e0af68}.mini-editor__selected{background:#bb9af759}.mini-editor__line--selected .mini-editor__line-text{background:#bb9af733}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header__title{cursor:pointer;border-radius:var(--radius-sm,4px);align-items:center;gap:12px;margin:-4px -8px;padding:4px 8px;transition:background .15s;display:flex}.header__title:hover{background:var(--bg-tertiary)}.header__logo{color:#0f0f17;background:#2dd4bf;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;display:flex}.header__title-text{flex-direction:column;display:flex}.header__title h1{color:var(--text-primary);letter-spacing:-.5px;font-size:1.1rem;font-weight:700}.header__subtitle{color:var(--text-secondary);margin-top:2px;font-size:.7rem}.header__filters{gap:4px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:.7rem;transition:all .15s}.filter-btn--all:not(.filter-btn--active):hover{border-color:var(--accent);color:var(--accent)}.filter-btn--beginner:not(.filter-btn--active):hover{color:#10b981;border-color:#10b981}.filter-btn--intermediate:not(.filter-btn--active):hover{color:#f59e0b;border-color:#f59e0b}.filter-btn--advanced:not(.filter-btn--active):hover{color:#a78bfa;border-color:#a78bfa}.filter-btn--active{font-weight:600}.filter-btn--all.filter-btn--active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.filter-btn--beginner.filter-btn--active{color:#022c22;background:#10b981;border-color:#10b981}.filter-btn--intermediate.filter-btn--active{color:#1c1004;background:#f59e0b;border-color:#f59e0b}.filter-btn--advanced.filter-btn--active{color:#1a0a3e;background:#a78bfa;border-color:#a78bfa}:root{--bg-primary:#0d0d0d;--bg-secondary:#161616;--bg-tertiary:#1f1f1f;--text-primary:#e8e8e8;--text-secondary:#b8b8b8;--text-dim:#666;--border:#2a2a2a;--accent:#7aa2f7;--key-bg:#1f1f1f;--key-border:#363636;--key-text:#b8b8b8;--key-text-dim:#666;--cat-motion:#00faac;--cat-command:#1bcbfc;--cat-operator:#fef96a;--cat-extra:#f4b386;--cat-insert:#de95ff;--radius:6px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.layout{background:var(--border);flex:1;gap:1px;display:flex;overflow:hidden}.layout__left{background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;width:380px;min-width:320px;overflow-y:auto}.layout__right{background:var(--border);flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden}.editor-toggle{background:var(--bg-primary);flex-shrink:0;gap:2px;padding:6px 12px;display:flex}.editor-toggle__btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:.68rem;transition:all .15s}.editor-toggle__btn:hover{border-color:var(--accent);color:var(--accent)}.editor-toggle__btn--active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);font-weight:600}