.sug{position:relative;width:100%}.sug__panel{position:fixed;z-index:var(--z-popup);padding:var(--s-8);background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);max-height:min(42rem,60vh);overflow-y:auto;overscroll-behavior:contain}.sug__panel[hidden]{display:none}.sug__list{display:flex;flex-direction:column;gap:var(--s-4)}.sug__all,.sug__hit{display:flex;align-items:center;gap:var(--s-12);min-height:var(--tap-target-min);padding:var(--s-8) var(--s-12);border-radius:var(--r-md);color:var(--c-text)}.sug__text{display:flex;flex-direction:column;gap:var(--s-4);min-width:0;margin-right:auto}.sug__title{font-size:var(--t-body-size);line-height:var(--t-body-line);letter-spacing:var(--t-body-track);overflow-wrap:anywhere}.sug__kind,.sug__meta{font-size:var(--t-meta-size);line-height:var(--t-meta-line);letter-spacing:var(--t-meta-track);color:var(--c-text-muted)}.sug__kind{flex-shrink:0}.sug__all[data-active=yes],.sug__hit[data-active=yes]{background-color:var(--c-accent-soft)}@media (hover:hover){.sug__all:hover,.sug__hit:hover{background-color:var(--c-accent-soft)}}.sug__all{justify-content:center;font-size:var(--t-meta-size);line-height:var(--t-meta-line);letter-spacing:var(--t-meta-track);color:var(--c-accent)}.sug__note{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-8) var(--s-12)}.sug__note-title{font-size:var(--t-meta-size);line-height:var(--t-meta-line);letter-spacing:var(--t-meta-track);color:var(--c-text-muted)}.sug__note-text{font-size:var(--t-body-size);line-height:var(--t-body-line);letter-spacing:var(--t-body-track);color:var(--c-text)}.sug__row{display:flex;align-items:flex-end;gap:var(--s-16)}.sug__row>.field{flex:1 1;min-width:0}.sug__mic{margin-bottom:var(--s-16)}