.commands-page{max-width:960px;padding-top:3.5rem;padding-bottom:6rem}.commands-header{text-align:center;margin-bottom:3rem}.commands-badge{color:#9cb0ff;letter-spacing:.5px;background:#5865f21f;border:1px solid #5865f259;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-size:.82rem;font-weight:600;animation:.6s ease-out backwards fadeIn;display:inline-flex;box-shadow:0 0 16px #5865f233}.badge-spark{color:#ffd75e}.commands-header h1{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(90deg,#fff 30%,#a3a8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.85rem;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;animation:.8s ease-out .1s backwards fadeIn}.commands-header p{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.6;animation:.8s ease-out .2s backwards fadeIn}.commands-toolbar{flex-direction:column;gap:1.25rem;margin-bottom:3.25rem;animation:.8s ease-out .3s backwards fadeIn;display:flex}.search-box{align-items:center;width:100%;max-width:520px;margin:0 auto;display:flex;position:relative}.search-box svg:first-child{color:var(--text-muted);pointer-events:none;transition:color .25s;position:absolute;left:1.15rem}.search-box:focus-within svg:first-child{color:var(--primary)}.search-box input{width:100%;color:var(--text-main);font-family:var(--font-body);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e121ca6;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:.95rem 4.5rem .95rem 3.1rem;font-size:.95rem;transition:all .25s}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{background:#121622d9;border-color:#5865f299;box-shadow:0 0 0 4px #5865f226,0 0 25px #5865f233}.search-kbd{color:var(--text-muted);pointer-events:none;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;padding:.2rem .5rem;font-family:inherit;font-size:.72rem;font-weight:700;position:absolute;right:1rem}.clear-btn{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;right:.85rem}.clear-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.1)}.filter-pills{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.pill{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;--pill-color:#5865f2;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.45rem;padding:.45rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.pill:hover{color:#fff;border-color:var(--pill-color);background:#ffffff12;transform:translateY(-2px)}.pill.active{background:color-mix(in srgb, var(--pill-color) 16%, transparent);border-color:var(--pill-color);color:#fff;box-shadow:0 0 16px color-mix(in srgb, var(--pill-color) 25%, transparent)}.pill:first-child.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 18px var(--primary-glow)}.command-sections{flex-direction:column;gap:2.5rem;display:flex}.command-section{animation:.5s cubic-bezier(.2,.8,.2,1) backwards fadeInUp}.section-header{align-items:center;gap:1rem;margin-bottom:1rem;padding-left:.25rem;display:flex}.section-icon{background:color-mix(in srgb, var(--cat-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 30%, transparent);width:44px;height:44px;box-shadow:0 0 16px color-mix(in srgb, var(--cat-color) 15%, transparent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.section-info{flex:1;min-width:0}.section-info h2{font-family:var(--font-heading);color:#fff;margin-bottom:.15rem;font-size:1.3rem;font-weight:700}.section-info p{color:var(--text-muted);font-size:.88rem}.section-count{font-family:var(--font-heading);color:var(--cat-color);background:color-mix(in srgb, var(--cat-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 25%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;font-weight:700;display:flex}.command-list{flex-direction:column;gap:.65rem;display:flex}.command-row{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:3px solid #0000;border-radius:14px;grid-template-columns:minmax(200px,auto) 1fr auto;align-items:center;gap:1.25rem;padding:.95rem 1.25rem;transition:all .25s cubic-bezier(.2,.8,.2,1);animation:.4s cubic-bezier(.2,.8,.2,1) backwards fadeInUp;display:grid}.command-row:hover{border-color:color-mix(in srgb, var(--cat-color) 35%, transparent);border-left-color:var(--cat-color);background:#161b2699;transform:translate(5px);box-shadow:0 8px 30px #00000059}.cmd-left{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.command-name{color:#fff;white-space:nowrap;background:#00000059;border:1px solid #ffffff14;border-radius:8px;padding:.35rem .75rem;font-family:Consolas,monospace;font-size:.92rem;font-weight:700}.command-name .slash{color:var(--cat-color);margin-right:1px}.cmd-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff17;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.command-desc{color:var(--text-muted);min-width:0;font-size:.9rem;line-height:1.5}.copy-btn{color:var(--text-muted);cursor:pointer;opacity:.8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.command-row:hover .copy-btn{opacity:1}.copy-btn:hover,.copy-btn.copied{color:#fff;background:#5865f233;border-color:#5865f280;transform:scale(1.08)}.copy-btn.copied{background:#00ff9d26;border-color:#00ff9d66}.empty-state{text-align:center;background:var(--surface-color);border:1px dashed var(--surface-border);border-radius:20px;padding:4rem 2rem;animation:.5s ease-out fadeIn}.empty-icon{margin-bottom:1rem;font-size:2.75rem}.empty-state h3{font-family:var(--font-heading);color:#fff;margin-bottom:.5rem;font-size:1.35rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.reset-btn{background:var(--primary);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;padding:.7rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .25s}.reset-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-2px)}.results-count{text-align:center;color:var(--text-muted);margin-top:2.5rem;font-size:.85rem}.toast{color:#fff;opacity:0;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e121cf2;border:1px solid #00ff9d66;border-radius:50px;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-size:.92rem;font-weight:600;transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 30px #00000080,0 0 20px #00ff9d33}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{color:var(--accent)}@media (max-width:768px){.command-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.5rem 1rem;padding:1rem}.cmd-left{grid-area:1/1}.copy-btn{opacity:1;grid-area:1/2}.command-desc{grid-area:2/1/auto/-1}.search-kbd{display:none}.search-box input{padding-right:2.5rem}}