html.lenis{scroll-behavior:auto!important}
html{scrollbar-gutter:stable}
main[tabindex="-1"]:focus{outline:none}
html:has(dialog[open]){overflow:hidden}
dialog{overscroll-behavior:contain}
#scroll-progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:80;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8755af,#c79bf0,#ebd3ff);box-shadow:0 0 12px #b279db66}
#brand-cursor{display:none;position:fixed;top:0;left:0;z-index:100;pointer-events:none;opacity:0;white-space:nowrap;line-height:1;transition:opacity .18s ease;will-change:transform;color:#e2bfff}
.cursor-wordmark{display:inline-block;font:750 13px/1 Inter,system-ui,sans-serif;letter-spacing:-.75px;text-shadow:0 0 11px #ba69f077,0 0 22px #9850d244;transition:color .2s,text-shadow .2s,transform .18s}
.cursor-arrow{display:inline-block;vertical-align:top;font:11px/1 Inter,system-ui,sans-serif;margin-left:4px;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s;color:#eddbff}
#brand-cursor[data-mode=link] .cursor-wordmark{color:#f2deff;text-shadow:0 0 16px #cd7fff99}
#brand-cursor[data-mode=link] .cursor-arrow{opacity:1;transform:translate(0,-2px)}
#brand-cursor.pressed .cursor-wordmark{transform:scale(.9)}
@media(hover:hover) and (pointer:fine){#brand-cursor{display:block}body,a,button,summary,select{cursor:url('./cursor.svg') 4 4,auto}input,textarea,[contenteditable=true]{cursor:text}select{cursor:default}button:disabled{cursor:not-allowed}}
.js-reveal .reveal{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s ease;transform:translateY(23px);filter:blur(3px)}
.js-reveal .reveal.in-view{transform:none;filter:none}
/* One search surface, with continuous menu motion and frame-paced lettering. */
.command-search-tools{gap:0}
.query-chip{font-size:11px;border:1px solid #68427b;background:#291833;color:#e8d1f7;border-radius:20px;padding:6px 12px;min-height:36px;max-width:50%;overflow-wrap:anywhere}
.results-label{flex-wrap:wrap;gap:8px 14px}.results-label #reset{margin-left:auto}
#typed[data-typing=waiting]{visibility:hidden}
.type-word{display:inline-block;white-space:nowrap}
.type-glyph{display:inline-block;background:linear-gradient(115deg,#ead6ff,#b287d4 70%,#d2b1ed);background-clip:text;-webkit-text-fill-color:transparent}
.caret{animation:caret-breathe 1.15s ease-in-out infinite}
#palette[open]{animation:palette-arrive .32s cubic-bezier(.22,.68,0,1) both;transform-origin:50% 0}
#palette.closing{animation:none;pointer-events:none}
#palette::backdrop{animation:palette-backdrop-in .28s ease both}
#palette.closing::backdrop{animation:palette-backdrop-out .17s ease both}
#palette-input{caret-color:#dfb7ff;transition:border-color .2s,color .2s}
#palette-input:focus{border-color:#b080ce}
.palette-result{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.palette-enter{transition:opacity .18s ease,transform .18s ease;transform:translateX(-3px)}
.palette-result.active>.palette-enter{transform:translateX(0)}
#palette-results .empty-results{animation:palette-content-in .2s ease both;min-height:84px;display:grid;place-items:center;padding:24px 15px}
.command-card{animation-timing-function:cubic-bezier(.22,.68,0,1);animation-duration:.34s}
.header nav a{transition:color .22s ease,background .22s ease}
.js-reveal .reveal{filter:none;transform:translateY(16px);transition:opacity .45s ease,transform .6s cubic-bezier(.22,.68,0,1)}
.js-reveal .reveal.in-view{transform:none;filter:none}
@keyframes caret-breathe{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes palette-arrive{from{opacity:0;transform:translateY(-9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes palette-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes palette-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes palette-content-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.query-chip{max-width:100%;font-size:12px;min-height:40px}.results-label #active-query{order:3;width:100%;border-radius:8px;text-align:left}}
.header .palette-trigger[hidden]+.discord-link{margin-left:auto}
@media(max-width:650px){.header:has(.palette-trigger[hidden]){grid-template-columns:1fr 44px}.header:has(.palette-trigger[hidden]) .discord-link{grid-column:2}}
#palette-results{flex:1 1 auto}
#palette-results:has(.empty-results){display:flex;flex-direction:column}
#palette-results .empty-results{flex:1}