.search-field{position:relative;width:100%;max-width:680px;margin-inline:auto;text-align:left;isolation:isolate;z-index:8}.search-field__form{display:flex;align-items:center;gap:12px;padding:9px 9px 9px 22px;min-height:70px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 8px 26px #153b3410;transition:border-color .16s ease,box-shadow .16s ease}.search-field__form:focus-within{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent),0 12px 30px #153b3410}.search-field__icon{flex-shrink:0;color:var(--green)}.search-field__form input{width:100%;min-width:0;flex:1 1;border:0;padding:8px 0;background:transparent;color:var(--ink);font:inherit;font-size:16px;outline:none}.search-field__form input::placeholder{color:var(--muted);opacity:1}.search-field__clear{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;color:var(--muted);border:0;border-radius:50%;background:transparent}.search-field__clear:hover{color:var(--ink);background:var(--surface2)}.search-field__submit{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:48px;min-width:48px;padding:0 19px;border:0;border-radius:15px;color:var(--on-brand);background:var(--green);font:inherit;font-size:14px;font-weight:650;transition:filter .16s ease,transform .16s ease}.search-field__submit:hover{filter:brightness(.92)}.search-field__submit:active{transform:scale(.97)}.search-field__panel{position:absolute;inset:calc(100% + 10px) 0 auto;max-height:min(460px,62dvh);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 18px 55px #123e3426}.search-field__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 12px;color:var(--muted);font-size:12px;font-weight:550}.search-field__keyboard-hint{display:flex;align-items:center;gap:5px;white-space:nowrap;opacity:.8}.search-field__keyboard-hint kbd{padding:1px 4px;border:1px solid var(--line);border-radius:4px;font:inherit;font-size:10px}.search-field__option{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);text-align:left;font:inherit}.search-field__option.is-active,.search-field__option:hover{background:var(--surface2)}.search-field__suggestion-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--green) 9%,var(--surface));color:var(--green)}.search-field__suggestion-label{display:grid;grid-gap:3px;gap:3px;min-width:0;flex:1 1}.search-field__suggestion-label strong{overflow-wrap:anywhere;font-size:15px;font-weight:580;line-height:1.35}.search-field__suggestion-label small{color:var(--muted);font-size:12px;line-height:1.4}.search-field__suggestion-arrow{flex-shrink:0;color:var(--muted)}.search-field__empty{display:grid;justify-items:center;grid-gap:9px;gap:9px;padding:25px 18px;text-align:center}.search-field__empty>svg{margin-bottom:4px;color:var(--green)}.search-field__empty strong{color:var(--ink);font-size:15px;font-weight:600}.search-field__empty p{max-width:340px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.search-field--compact{max-width:480px}.search-field--compact .search-field__form{gap:10px;min-height:54px;padding:5px 5px 5px 16px;border-radius:17px;box-shadow:none}.search-field--compact .search-field__submit{min-width:44px;min-height:44px;padding:0;border-radius:12px}.search-field--compact .search-field__submit span{display:none}@media (max-width:600px){.search-field__form{gap:9px;min-height:64px;padding:7px 7px 7px 16px;border-radius:18px}.search-field__submit{min-height:48px;min-width:48px;padding:0;border-radius:12px}.search-field__keyboard-hint,.search-field__submit span{display:none}.search-field__panel{border-radius:17px}}@media (prefers-reduced-motion:reduce){.search-field__form,.search-field__submit{transition:none}}