@layer components{.sm-backdrop{z-index:110;background:color-mix(in oklch, var(--surface-container-lowest) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.sm-panel{background:var(--surface-secondary);border:1px solid var(--border);width:100%;max-width:460px;box-shadow:var(--shadow-lift);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.sm-input-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.sm-search-icon{color:var(--muted);flex-shrink:0}.sm-input{color:var(--foreground);font-size:14px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.sm-input::placeholder{color:var(--muted)}.sm-esc-badge{font-size:11px;font-family:var(--font-mono,monospace);color:var(--muted);background:var(--surface-tertiary,var(--border));border:1px solid var(--border);border-radius:.375rem;flex-shrink:0;padding:2px 6px;font-weight:500}.sm-section{border-bottom:1px solid var(--border);padding:.75rem 1rem}.sm-section:last-of-type{border-bottom:none}.sm-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:10px;font-weight:700}.sm-trending-chips{flex-wrap:wrap;gap:.4rem;display:flex}.sm-chip{color:var(--foreground);background:var(--surface-tertiary,color-mix(in oklch, var(--border) 50%, transparent));border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.sm-chip:hover{background:color-mix(in oklch, var(--accent) 12%, var(--surface-secondary));border-color:var(--accent);color:var(--accent)}.sm-results{flex-direction:column;gap:2px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sm-result-item{cursor:pointer;border-radius:.5rem;grid-template-columns:72px 1fr auto auto;align-items:center;gap:.75rem;padding:.6rem .5rem;transition:background .12s;display:grid}.sm-result-item--active,.sm-result-item:hover{background:color-mix(in oklch, var(--accent) 8%, var(--surface-secondary))}.sm-result-ticker{color:var(--foreground);font-size:14px;font-weight:700}.sm-result-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sm-result-price{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:600}.sm-change-chip{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.sm-change-chip--positive{background:color-mix(in oklch, var(--gain) 15%, transparent);color:var(--gain)}.sm-change-chip--negative{background:color-mix(in oklch, var(--loss) 15%, transparent);color:var(--loss)}.sm-empty{color:var(--muted);text-align:center;padding:1rem .5rem;font-size:13px}.sm-footer{border-top:1px solid var(--border);background:var(--surface-tertiary,color-mix(in oklch, var(--border) 30%, transparent));justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.sm-footer-hints{color:var(--muted);align-items:center;gap:.25rem;font-size:11px;display:flex}.sm-footer-hints kbd{font-family:var(--font-mono,monospace);background:var(--surface-secondary);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-size:10px}.sm-footer-meta{color:var(--muted);letter-spacing:.04em;font-size:11px}.sm-result-item--skeleton{pointer-events:none}.sm-skeleton-bar{background:color-mix(in oklch, var(--muted) 20%, transparent);border-radius:.25rem;height:.75rem;animation:1.2s ease-in-out infinite sm-pulse;display:inline-block}.sm-skeleton-bar--ticker{width:3rem}.sm-skeleton-bar--name{width:8rem;margin-left:.75rem}@keyframes sm-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:520px){.sm-backdrop{align-items:flex-end;padding-top:0}.sm-panel{border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%}}}