.spq{--bg:#05070a;--surface:#0f1318;--surface-2:#161b22;--ink:#e9edf1;--muted:#8f9aa7;--line:#222b35;--accent:#ea2a3f;--accent-strong:#b5121b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:200;overscroll-behavior:contain;background:var(--bg);color:var(--ink);position:fixed;inset:0;overflow-y:auto}.spq ::selection{background:#ea2a3f59}.spq-bg{pointer-events:none;background:radial-gradient(46% 52% at 50% 108%,#ea2a3f42,#0000 70%),radial-gradient(34% 40% at 12% 8%,#b5121b33,#0000 72%),radial-gradient(30% 36% at 92% 22%,#ea2a3f1a,#0000 72%);animation:18s ease-in-out infinite alternate spq-drift;position:fixed;inset:0}.spq-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000)}@keyframes spq-drift{0%{opacity:.85;transform:translate(0,0)scale(1)}to{opacity:1;transform:translateY(-12px)scale(1.05)}}.spq-progress{background:#ffffff12;height:2px}.spq-progress>span{background:linear-gradient(90deg,#b5121b,#ea2a3f);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 14px 1px #ea2a3fb3}@keyframes spq-in-fwd{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}@keyframes spq-in-back{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}@keyframes spq-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.spq-screen[data-dir="1"]{animation:.42s cubic-bezier(.2,.8,.2,1) both spq-in-fwd}.spq-screen[data-dir="-1"]{animation:.42s cubic-bezier(.2,.8,.2,1) both spq-in-back}.spq-screen[data-dir="0"]{animation:.5s cubic-bezier(.2,.8,.2,1) both spq-rise}.spq-opt{animation:.45s cubic-bezier(.2,.8,.2,1) both spq-rise;animation-delay:calc(var(--i,0) * 40ms + .12s)}.spq-reveal{animation:.6s cubic-bezier(.2,.8,.2,1) both spq-rise;animation-delay:calc(var(--i,0) * 90ms)}.spq-key{background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff17;transition:border-color .2s,background-color .2s,box-shadow .25s,transform .2s;position:relative;box-shadow:inset 0 1px #ffffff0d}.spq-key:hover{background:linear-gradient(#ea2a3f17,#ea2a3f08);border-color:#ea2a3f8c;transform:translateY(-1px)}.spq-key:active{transform:translateY(0)scale(.995)}.spq-key[aria-pressed=true]{background:linear-gradient(#ea2a3f33,#b5121b1f);border-color:#ea2a3f;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ea2a3f59,0 12px 40px -14px #ea2a3fb3}.spq-key:focus-visible{outline-offset:3px;outline:2px solid #ea2a3f}.spq-cap{min-width:26px;height:26px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);background:#ffffff0a;border:1px solid #ffffff29;border-radius:7px;padding:0 6px;font-size:12px;transition:background-color .2s,border-color .2s,color .2s}.spq-key:hover .spq-cap,.spq-key[aria-pressed=true] .spq-cap{color:#fff;background:#ea2a3f;border-color:#ea2a3f}.spq-bar{background:linear-gradient(#05070a00,#05070a 45%)}@media (prefers-reduced-motion:reduce){.spq-bg,.spq-screen,.spq-opt,.spq-reveal{animation:none}.spq-progress>span,.spq-key{transition:none}}