.search-palette{font-family:var(--font-cn);display:inline-flex}.search-palette__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:transparent;color:var(--muted);cursor:pointer;height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.search-palette__trigger:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent),transparent 94%)}.search-palette__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-palette__trigger svg{width:14px;height:14px}.search-palette__trigger-kbd{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:1px 5px;border-radius:3px;border:1px solid var(--border);color:var(--faint);line-height:1.4}.search-palette__overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:start center;padding:96px 16px 16px}.search-palette__overlay[hidden]{display:none}.search-palette__backdrop{position:absolute;inset:0;background:color-mix(in oklch,var(--ink),transparent 50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:search-fade .18s var(--ease)}@keyframes search-fade{0%{opacity:0}to{opacity:1}}.search-palette__sheet{position:relative;width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 32px 80px -20px color-mix(in oklch,var(--ink),transparent 30%);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;max-height:calc(100dvh - 112px);animation:search-pop .2s var(--ease)}@keyframes search-pop{0%{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.search-palette__bar{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;border-bottom:1px solid var(--border)}.search-palette__bar-icon{flex-shrink:0;width:18px;height:18px;color:var(--muted)}.search-palette__bar input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font-family:var(--font-cn);font-size:17px;line-height:1.4;outline:none;padding:4px 0}.search-palette__bar input::-moz-placeholder{color:var(--faint)}.search-palette__bar input::placeholder{color:var(--faint)}.search-palette__bar input::-webkit-search-cancel-button{-webkit-appearance:none}.search-palette__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;width:32px;height:32px;border-radius:8px;color:var(--muted);display:grid;place-items:center;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);touch-action:manipulation}.search-palette__close:hover{background:color-mix(in oklch,var(--paper),transparent 30%);color:var(--accent)}.search-palette__close svg{width:16px;height:16px}.search-palette__results{overflow-y:auto;min-height:0;padding:8px;scrollbar-color:color-mix(in oklch,var(--accent),transparent 60%) transparent}.search-palette__empty{padding:36px 12px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.search-palette__result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--ink);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.search-palette__result.is-active,.search-palette__result:hover,.search-palette__result:focus-visible{background:color-mix(in oklch,var(--accent),transparent 92%);outline:none}.search-palette__result.is-active .search-palette__result-name,.search-palette__result:hover .search-palette__result-name{color:var(--accent)}.search-palette__badge{flex-shrink:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid;line-height:1}.search-palette__badge--author{color:var(--accent);border-color:color-mix(in oklch,var(--accent),transparent 50%)}.search-palette__badge--work{color:var(--gold);border-color:color-mix(in oklch,var(--gold),transparent 40%)}.search-palette__badge--era{color:var(--muted);border-color:var(--border-strong)}.search-palette__result-text{display:flex;flex-direction:column;gap:3px;min-width:0}.search-palette__result-name{font-family:var(--font-cn);font-size:15.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--t-fast) var(--ease)}.search-palette__result-secondary{font-family:var(--font-display);font-style:italic;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-palette__result-meta{flex-shrink:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--muted);text-align:right;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-palette__hint{display:flex;gap:18px;padding:10px 18px;border-top:1px solid var(--border);background:color-mix(in oklch,var(--paper),transparent 30%);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap}.search-palette__hint kbd{font-family:inherit;background:color-mix(in oklch,var(--paper),transparent 0%);border:1px solid var(--border-strong);border-radius:4px;padding:0 4px;margin-right:3px;line-height:1.4;color:var(--ink-soft)}@media(max-width:600px){.search-palette__trigger{height:28px;padding:0 8px}.search-palette__trigger-kbd{display:none}.search-palette__overlay{padding:0}.search-palette__sheet{max-width:none;max-height:100dvh;border-radius:0;border:0;animation:search-slide .2s var(--ease)}@keyframes search-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-palette__bar{padding:12px 12px 12px 16px}.search-palette__bar input{font-size:16px}.search-palette__hint{padding:10px 14px;gap:14px;font-size:10px}.search-palette__result{padding:12px 10px;gap:10px}.search-palette__result-name{font-size:15px}.search-palette__result-meta{display:none}}@media(prefers-reduced-motion:reduce){.search-palette__backdrop,.search-palette__sheet{animation:none}}