.search-dock{display:block;width:44px;height:44px;flex:0 0 44px;align-self:center;border-radius:50%;background:var(--accent-soft);opacity:0;pointer-events:none}
#search-follower-bounds{position:fixed;inset:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));visibility:hidden;pointer-events:none;contain:strict}
#search-follower{position:fixed;left:0;top:0;width:52px;height:52px;z-index:45;transform-origin:0 0;pointer-events:none;will-change:transform}
#search-shortcut{display:grid;place-items:center;position:relative;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border:0;border-radius:50%;pointer-events:auto;transform-origin:0 0;color:var(--text);background:color-mix(in srgb,var(--panel,var(--bg)) 55%,transparent);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px 1px #ffffff50,inset 0 -1px 1px #ffffff10,0 7px 24px #00000026;cursor:pointer;touch-action:manipulation;transition:background .2s,box-shadow .2s}
html[data-theme=light] #search-shortcut{background:#fffaf078;box-shadow:inset 0 1px 1px #ffffffd9,0 6px 22px #60544226}
#search-shortcut:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel,var(--bg)) 65%);box-shadow:inset 0 1px 1px #ffffff50,0 9px 28px #0000002c}
html[data-theme=light] #search-shortcut:hover{background:#fffaf0c4}
#search-shortcut:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.search-shortcut-icon{display:grid;place-items:center;width:26px;height:26px;pointer-events:none}
.search-shortcut-icon svg{width:26px;height:26px}
#search-follower[data-position=docked] #search-shortcut{box-shadow:inset 0 1px 1px #ffffff30,0 2px 8px #00000012;background:color-mix(in srgb,var(--accent) 12%,transparent)}
.search-shortcut-hint{position:absolute;right:calc(100% + 10px);padding:7px 11px;border-radius:10px;background:var(--panel,var(--bg));box-shadow:0 4px 16px #0002;color:var(--text);font-size:16px;white-space:nowrap;opacity:0;transform:translateX(4px);transition:opacity .15s,transform .15s;pointer-events:none}
#search-follower:not([data-position=docked]) #search-shortcut:is(:hover,:focus-visible) .search-shortcut-hint{opacity:1;transform:none}
@media(max-width:720px){html[data-theme] .search-wrap{gap:10px;padding-left:10px!important;padding-right:12px!important}}
@media(prefers-reduced-motion:reduce){#search-shortcut,.search-shortcut-hint{transition:none}}
@media(prefers-reduced-transparency:reduce){#search-shortcut,html[data-theme=light] #search-shortcut{background:var(--panel,var(--bg))}}
@supports not (backdrop-filter:blur(1px)){#search-shortcut{background:var(--panel,var(--bg))}}
@media(forced-colors:active){#search-shortcut{background:Canvas!important;color:ButtonText;border:1px solid ButtonText;box-shadow:none}}
