.qs-toggle{width:2rem;height:1.75rem;color:var(--color-dim);border-radius:9999px;place-items:center;display:grid}.qs-toggle:hover{color:var(--color-ink)}.qs-box{display:none;position:relative}.qs-open .qs-box{z-index:1500;display:block;position:absolute;inset:calc(100% + 4px) 0 auto}@media (width>=640px){.qs-toggle{display:none}.qs-box,.qs-open .qs-box{display:block;position:relative;inset:auto}}.qs-icon{width:.9rem;color:var(--color-dim);pointer-events:none;position:absolute;top:50%;left:.6rem;translate:0 -50%}.qs-input{border:1px solid var(--color-line);background:var(--color-sheet);width:100%;height:1.875rem;color:var(--color-ink);transition:width var(--dur-base) var(--ease-base), border-color var(--dur-fast) var(--ease-base), box-shadow var(--dur-fast) var(--ease-base);border-radius:9999px;outline:none;padding:0 1.75rem 0 1.9rem;font-size:14px}.qs-input::-webkit-search-cancel-button{display:none}.qs-input::placeholder{color:var(--color-dim)}.qs-input:focus{border-color:var(--color-title);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-title) 18%, transparent)}@media (width>=640px){.qs-input{width:11rem}.qs-input:focus{width:18rem}}.qs-kbd{border:1px solid var(--color-line);background:var(--color-panel);min-width:1.1rem;color:var(--color-dim);text-align:center;pointer-events:none;border-radius:4px;padding:0 .25rem;font:11px/1.4 ui-monospace,monospace;display:none;position:absolute;top:50%;right:.55rem;translate:0 -50%}@media (hover:hover) and (width>=640px){.qs-input:not(:focus)+.qs-kbd{display:block}}.qs-pop{z-index:1500;border:1px solid var(--color-line);background:var(--color-sheet);width:min(26rem,100vw - 1.5rem);box-shadow:0 10px 28px -8px color-mix(in srgb, var(--color-ink) 28%, transparent);border-radius:8px;position:absolute;top:calc(100% + 4px);right:0}.qs-open .qs-pop{width:100%}.qs-list{overscroll-behavior:contain;max-height:min(26rem,70vh);padding:4px;overflow-y:auto}.qs-head{color:var(--color-dim);padding:6px 8px 2px;font-size:12px;font-weight:600}.qs-head:not(:first-child){border-top:1px solid color-mix(in srgb, var(--color-line) 60%, transparent);margin-top:2px}.qs-item{cursor:var(--cursor-game);border-radius:6px;align-items:baseline;gap:.6rem;padding:5px 8px;font-size:14px;display:flex}.qs-item[aria-selected=true]{background:var(--color-chip);color:#fff}.qs-item[aria-selected=true] .qs-name{color:#fff}.qs-item[aria-selected=true] .qs-sub{color:#ffffffb3}.qs-item[aria-selected=true] mark{color:var(--color-gold)}.qs-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);flex:0 auto;overflow:hidden}.qs-name mark{color:var(--color-gold-strong);background:0 0;font-weight:600}.qs-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;color:var(--color-dim);flex:0 auto;margin-left:auto;font-size:12px;overflow:hidden}.qs-note,.qs-more{color:var(--color-dim);padding:4px 8px;font-size:12px}.qs-note{text-align:center;padding:10px 8px}.app-nav-pop{overflow:hidden}@media (hover:none){.app-nav-pop{display:none!important}}.app-wait{min-height:60vh;padding-top:16px;position:relative;overflow:hidden}.app-wait-bar{background:var(--color-line);height:3px;position:absolute;inset:0 0 auto;overflow:hidden}.app-wait-bar:after{background:var(--color-gold-line);content:"";width:35%;animation:1.2s ease-in-out infinite app-slide;position:absolute;inset:0}@keyframes app-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.app-bone{background:var(--color-line);border-radius:4px;animation:1.4s ease-in-out infinite app-pulse}@keyframes app-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.app-wait-bar:after{opacity:.6;width:100%;animation:none}.app-bone{animation:none}}