.sp{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.sp-bar{top:calc(var(--header-h) + var(--s-2));z-index:5;align-items:flex-end;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--surface);display:flex;position:sticky}.sp-bar-field{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sp-bar-label{justify-content:space-between;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);display:flex}.sp-count{text-transform:none;letter-spacing:0}.sp-sel{font-size:var(--fs-md);min-height:var(--control-h-sm)}.sp-bar-label{white-space:nowrap}.sp-copyall,.sp-clear{flex:none}.sp-search{max-width:32rem}.sp-cats,.sp-subchips{gap:var(--s-2);padding-bottom:var(--s-1);scrollbar-width:thin;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.sp-chip{min-height:var(--control-h-sm);padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface);color:var(--text-2);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease);flex:none;align-items:center;font-weight:500;display:inline-flex}.sp-chip[hidden]{display:none}.sp-chip:hover{border-color:var(--control-border);color:var(--text)}.sp-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.sp-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (pointer:coarse){.sp-chip{min-height:var(--control-h)}}@media (width>=48rem){.sp-cats,.sp-subchips{flex-wrap:wrap;overflow-x:visible}}.sp-sub{gap:var(--s-3);flex-direction:column;display:flex}.sp-sub[hidden]{display:none}.sp-tono{max-width:16rem}.sp-head{flex-direction:column;gap:2px;display:flex}.sp-detail{align-items:center;gap:var(--s-3);min-height:4.5rem;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface-2);display:flex}.sp-d-glyph{min-width:3.25rem;height:3.25rem;padding:0 var(--s-2);border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border);font-family:var(--sp-font);white-space:nowrap;flex:none;place-items:center;max-width:8rem;font-size:1.75rem;line-height:1;display:grid;overflow:hidden}.sp-d-body{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.sp-d-name{overflow-wrap:anywhere;font-weight:550}.sp-d-codes{gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.sp-d-code{align-items:center;gap:var(--s-1);min-width:0;display:inline-flex}.sp-d-k{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.sp-d-code code{font-size:var(--fs-sm);overflow-wrap:anywhere}.sp-d-code .btn{min-width:2rem;min-height:2rem}.sp{--sp-font:"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Sans Math", "Noto Sans CJK JP", var(--font-sans), sans-serif}.sp-main{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.sp-main[hidden]{display:none}.sp-grid{gap:var(--s-1);grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));display:grid}.sp-grid[hidden]{display:none}.sp-grid-wide{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.sp-sublabel{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:500}.sp-cell{border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);min-width:0;min-height:2.75rem;color:var(--text);font-family:var(--sp-font);cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0 2px;font-size:1.375rem;line-height:1;display:flex;position:relative}.sp-cell:hover{border-color:var(--control-border);background:var(--surface-2)}.sp-cell:focus-visible{outline:2px solid var(--focus);outline-offset:1px;z-index:1}.sp-cell.sp-copied{border-color:var(--ok);background:var(--ok-soft)}.sp-cell.sp-miss-cell{color:var(--text-3);opacity:.45}.sp-cell-wide{min-height:3rem;padding:var(--s-2) var(--s-3);font-size:var(--fs-base);text-align:center;overflow-wrap:anywhere;line-height:1.3}.sp-cell-inv{font-family:var(--font-sans);flex-direction:column;gap:2px}.sp-cell-inv .sp-inv-name{font-size:var(--fs-sm);font-weight:500;line-height:1.25}.sp-cell-inv .sp-inv-code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.sp-state{margin-top:var(--s-2)}.sp-state[hidden]{display:none}.sp-sugs{justify-content:center;gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.sp-miss[hidden]{display:none}@media (width<=480px){.sp-bar{padding:var(--s-2)}.sp-copyall{min-width:var(--control-h-sm);padding-inline:0}.sp-copyall-t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sp-d-glyph{min-width:2.75rem;height:2.75rem;font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.sp-cell,.sp-chip{transition:none}}