.topbar-search-overlay{position:fixed;inset:0;background:var(--modal-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--modal-z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4, 16px) var(--space-4, 16px);animation:modal-fade .15s ease-out;box-sizing:border-box}.topbar-search-overlay[hidden]{display:none}.topbar-search-overlay .panel{width:100%;max-width:var(--modal-panel-width);background:var(--color-bg, var(--bg-card, #fff));border:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .1)));border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg, 0 20px 50px rgba(0, 0, 0, .18));padding:var(--space-4, 16px);display:flex;gap:var(--space-2, 8px);align-items:center;animation:modal-rise .2s ease-out}.topbar-search-overlay .panel form{flex:1;display:flex;gap:var(--space-2, var(--s-2, 8px));align-items:center}.topbar-search-overlay input[type=search]{flex:1;height:44px;border:1px solid var(--color-border, var(--rule, rgba(0, 0, 0, .1)));border-radius:var(--radius-md, var(--r-md, 10px));padding:0 var(--space-4, var(--s-4, 16px));font-size:16px;color:var(--color-ink-1, var(--ink-1, #111827));background:var(--color-bg, var(--bg-canvas, #fff));outline:none}.topbar-search-overlay input[type=search]:focus,.topbar-search-overlay input[type=search]:focus-visible{border-color:var(--color-accent, var(--accent, #2563eb));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, var(--accent, #2563eb)) 22%,transparent);outline:none}.topbar-search-overlay input[type=search]::placeholder{color:var(--color-ink-3, var(--ink-3, #6b7280));opacity:1}@media (prefers-reduced-motion: reduce){.topbar-search-overlay,.topbar-search-overlay .panel{animation:none}}@media (max-width: 480px){.topbar-search-overlay{padding:6vh var(--space-3, 12px) var(--space-3, 12px)}.topbar-search-overlay .panel{max-width:none;padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.topbar-search-overlay .panel form{flex-wrap:wrap;gap:var(--space-2, 8px)!important}.topbar-search-overlay .panel form input[type=search]{flex:1 1 100%;min-width:0}.topbar-search-overlay .panel form .btn{flex:1 1 auto;min-width:0;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:14px;white-space:nowrap}.topbar-search-overlay .panel form [data-overlay-close]{flex:0 0 44px;width:44px;padding:0}}