.spal-backdrop{position:fixed;inset:0;z-index:120;background:oklch(.08 .01 240/.72);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:spal-fade .14s var(--ease,ease-out)}@keyframes spal-fade{0%{opacity:0}to{opacity:1}}.spal{width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-14,14px);box-shadow:0 24px 64px -16px oklch(0 0 0/.7);overflow:hidden}.search-trigger,.spal{font-family:var(--font-ui)}.search-trigger{cursor:pointer;text-align:left}.search-trigger:hover{border-color:var(--border-strong);color:var(--ink-2)}.search-trigger:focus-visible{border-color:var(--border-bright);outline:2px solid var(--border-bright);outline-offset:1px}.msearch-trigger-text,.search-trigger-text{flex:1;min-width:0;font-size:13px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msearch-trigger-text{text-align:left;font-family:var(--font-ui)}button.msearch{width:100%;cursor:pointer;font-family:var(--font-ui)}.spal-q{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;border-bottom:1px solid var(--ds-border);color:var(--ink-3);flex-shrink:0}.spal-q input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:var(--ink);font-size:15px;font-family:var(--font-ui)}.spal-q input::-moz-placeholder{color:var(--ink-4)}.spal-q input::placeholder{color:var(--ink-4)}.spal-esc{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:3px 7px;border:1px solid var(--ds-border);border-radius:5px;color:var(--ink-3);background:var(--bg);cursor:pointer}.spal-esc:hover{color:var(--ink-2);border-color:var(--border-strong)}.spal-body{overflow-y:auto;padding:6px;flex:1}.spal-group{padding:6px 8px 2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:space-between;gap:8px}.spal-group .spal-group-n{color:var(--ink-4)}.spal-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-10,10px);border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;color:var(--ink);font-family:var(--font-ui)}.spal-row.on,.spal-row:hover{background:var(--bg-3)}.spal-row.on{border-color:var(--border-strong)}.spal-row.on .spal-enter{opacity:1}.spal-tile{width:34px;height:34px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink);background:var(--bg-4);border:1px solid var(--ds-border)}.spal-meta{flex:1;min-width:0;display:block}.spal-name{font-size:13px;font-weight:600;color:var(--ink)}.spal-name,.spal-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spal-sub{letter-spacing:.06em;margin-top:2px}.spal-enter,.spal-sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.spal-enter{display:inline-flex;align-items:center;letter-spacing:.08em;opacity:0;flex-shrink:0}.spal-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 10px}.spal-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--ds-border);background:var(--bg);color:var(--ink-2);font-size:12px;cursor:pointer;font-family:var(--font-ui)}.spal-chip:hover{border-color:var(--border-strong);color:var(--ink)}.spal-empty{padding:26px 16px 30px;text-align:center;color:var(--ink-3);font-size:13px}.spal-empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:6px}.spal-skel{height:50px;margin:4px 2px;border-radius:var(--r-10,10px);background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:spal-shimmer 1.2s ease-in-out infinite}@keyframes spal-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid var(--ds-border);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-4);flex-shrink:0}.spal-foot b{color:var(--ink-3);font-weight:500}@media (max-width:640px){.spal-backdrop{padding:8vh 10px 10px}.spal{max-height:78vh}}@media (max-height:500px) and (orientation:landscape),(max-width:720px){.spal-q input{font-size:16px}.spal-esc{min-height:40px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media (hover:none) and (pointer:coarse){.spal-keys{display:none}.spal-foot{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.spal-backdrop,.spal-skel{animation:none}}