.searchbar.gi-search{--gi-search-h:34px;cursor:text;display:flex;align-items:center;gap:6px;border:1.5px solid transparent;border-radius:999px;padding:3px 5px;min-height:38px;margin:3px 0;position:relative;background:var(--surface);box-shadow:var(--sh);transition:box-shadow .2s var(--ease,ease-out),border-color .2s var(--ease,ease-out)}.searchbar.gi-search>.ic-svg,.searchbar.gi-search>span>.ic-svg{display:block}.searchbar.gi-search:active{transform:none}.searchbar.gi-search--open,.searchbar.gi-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 10px 26px -12px color-mix(in srgb,var(--accent) 45%,transparent)}.gi-search__cat{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;max-width:86px;border:none;border-radius:8px;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%;background-size:12px;padding:0 14px 0 8px;height:var(--gi-search-h);font:inherit;font-size:12px;font-weight:700;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;transition:background var(--d-fast) var(--ease)}.gi-search__cat:hover{background-color:color-mix(in srgb,var(--muted) 10%,transparent)}.gi-search__cat--open{background-color:color-mix(in srgb,var(--accent) 10%,transparent)}.gi-search__cat:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.gi-catmenu{position:fixed;z-index:1200;min-width:160px;max-width:calc(100vw - 16px);max-height:min(60vh,360px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 18px 46px -14px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.08);padding:4px;animation:gi-sugg-in .14s var(--ease) both;transition:opacity var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.gi-catmenu.closing{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;animation:none}[data-theme=dark] .gi-catmenu{box-shadow:0 18px 46px -12px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.4)}.gi-catmenu__opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;font-weight:700;text-align:left;cursor:pointer;white-space:nowrap}.gi-catmenu__opt .ic-svg{color:var(--muted);flex:0 0 auto}.gi-catmenu__opt:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.gi-catmenu__opt.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.gi-catmenu__opt.on .ic-svg{color:var(--accent)}.gi-search__div{flex:0 0 auto;width:1px;align-self:center;height:18px;margin:0 6px;background:var(--border)}.gi-search__field{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:var(--gi-search-h)}.searchbar.gi-search .gi-search__input{flex:1 1 auto;min-width:0;width:100%;height:100%;border:none;background:transparent;outline:none;font:inherit;font-size:12.5px;font-weight:600;line-height:var(--gi-search-h);color:var(--text);padding:0 4px}.gi-search__input::-webkit-search-cancel-button,.gi-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.gi-search__ph{position:absolute;left:4px;right:0;top:0;bottom:0;display:flex;align-items:center;gap:4px;pointer-events:none;font-size:12.5px;font-weight:600;line-height:var(--gi-search-h);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-search__ph-static{flex:0 0 auto}.gi-search__ph-term{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.gi-search__ph--anim .gi-search__ph-term{opacity:1;transform:translateY(0);transition:opacity .3s var(--ease),transform .3s var(--ease)}.gi-search__ph--anim.out .gi-search__ph-term{opacity:0;transform:translateY(-6px)}.gi-search__clear{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:var(--muted);background:color-mix(in srgb,var(--muted) 14%,transparent);transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease);margin-right:2px}.gi-search__clear:hover{color:var(--text);background:color-mix(in srgb,var(--muted) 24%,transparent)}.gi-search__filters{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2,color-mix(in srgb,var(--muted) 8%,var(--surface)));color:var(--text);font:inherit;font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.gi-search__filters .ic-svg{color:var(--muted)}.gi-search__filters:hover{background:color-mix(in srgb,var(--muted) 14%,var(--surface));border-color:color-mix(in srgb,var(--muted) 30%,var(--border))}.gi-search__filters--on{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}.gi-search__filters--on .ic-svg{color:var(--accent)}.gi-search__filters-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.gi-filtermenu{position:fixed;z-index:1200;width:min(320px,calc(100vw - 16px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 18px 46px -14px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.08);padding:14px;animation:gi-sugg-in .14s var(--ease) both;transition:opacity var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.gi-filtermenu.closing{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;animation:none}[data-theme=dark] .gi-filtermenu{box-shadow:0 18px 46px -12px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.4)}.gi-filtermenu__group+.gi-filtermenu__group{margin-top:14px}.gi-filtermenu__label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.gi-filtermenu__row{display:flex;flex-wrap:wrap;gap:6px}.gi-filtermenu__chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.gi-filtermenu__chip .ic-svg{color:var(--muted)}.gi-filtermenu__chip:hover{background:color-mix(in srgb,var(--muted) 10%,transparent)}.gi-filtermenu__chip.on{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.gi-filtermenu__chip.on .ic-svg{color:var(--accent)}.gi-filtermenu__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.gi-filtermenu__reset{border:none;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:8px 4px}.gi-filtermenu__reset:hover{color:var(--text)}.gi-filtermenu__apply{flex:1 1 auto;border:none;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:12.5px;font-weight:800;padding:10px 16px;cursor:pointer;transition:box-shadow var(--d-fast) var(--ease)}.gi-filtermenu__apply:hover{box-shadow:0 6px 16px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.gi-search__submit{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--accent) 60%,transparent);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.gi-search__submit:hover{box-shadow:0 6px 16px -4px color-mix(in srgb,var(--accent) 70%,transparent)}.gi-search__submit:active{transform:scale(.94)}.gi-sugg{position:fixed;z-index:1200;max-width:calc(100vw - 16px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 18px 46px -14px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.08);overflow:hidden;animation:gi-sugg-in .16s var(--ease) both}@keyframes gi-sugg-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gi-sugg__list{max-height:min(58vh,420px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.gi-sugg__opt{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;min-height:44px;border-left:2px solid transparent;transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.gi-sugg__opt.on{background:color-mix(in srgb,var(--accent) 9%,transparent);border-left-color:var(--accent)}.gi-sugg__thumb{flex:0 0 auto;width:38px;height:38px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--accent)}.gi-sugg__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.gi-sugg__ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.gi-sugg__ic--cat{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.gi-sugg__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.gi-sugg__title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-sugg__meta{font-size:11.5px;font-weight:600}.gi-sugg__meta,.gi-sugg__oos,.gi-sugg__status{color:var(--muted)}.gi-sugg__status{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;border-top:1px solid var(--border)}.gi-sugg__list:empty+.gi-sugg__status{border-top:none}.gi-sugg__status--err{color:var(--red)}.gi-sugg__spin{width:13px;height:13px;flex:0 0 auto;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-top-color:var(--accent);animation:gi-sugg-spin .7s linear infinite}@keyframes gi-sugg-spin{to{transform:rotate(1turn)}}[data-theme=dark] .gi-sugg{box-shadow:0 18px 46px -12px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.4)}@media (prefers-reduced-motion:reduce){.gi-search__ph--anim .gi-search__ph-term,.gi-sugg,.gi-sugg__spin{animation:none;transition:none}}@media (max-width:372px){.searchbar.gi-search{padding-left:10px;gap:1px}.gi-search__cat{max-width:64px}.gi-search__ph,.searchbar.gi-search .gi-search__input{font-size:13px}.gi-search__filters{padding:0 9px}.gi-search__filters span{display:none}}