.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(--s-4, 16px) var(--s-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(--r-lg, 16px);box-shadow:var(--el-3);padding:var(--s-4, 16px);display:flex;gap:var(--s-2, 8px);align-items:center;animation:modal-rise .2s ease-out}.topbar-search-overlay .panel form{flex:1;display:flex;gap:var(--s-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(--r-md, var(--r-md, 10px));padding:0 var(--s-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}.topbar-search-overlay .panel form button[type=submit],.topbar-search-overlay [data-overlay-close]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--r-pill, 999px);border:1px solid transparent;background:transparent;font-family:inherit;font-size:var(--t-body-sm, .875rem);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}.topbar-search-overlay .panel form button[type=submit]{flex:0 0 auto;padding:0 18px;background:var(--accent, #640c64);border-color:var(--accent, #640c64);color:var(--accent-ink, #fff)}.topbar-search-overlay .panel form button[type=submit]:hover{background:var(--accent-hover, var(--accent, #640c64));border-color:var(--accent-hover, var(--accent, #640c64))}.topbar-search-overlay [data-overlay-close]{flex:0 0 44px;width:44px;height:44px;padding:0;font-size:var(--t-body-lg, 17px);color:var(--theme-text, var(--ink-2, #4a4a55))}.topbar-search-overlay [data-overlay-close]:hover{background:color-mix(in srgb,currentColor 10%,transparent);color:var(--theme-text, var(--ink-1, #111827))}.topbar-search-overlay .panel form button:focus-visible{outline:2px solid var(--theme-ring, var(--c-iris, var(--accent, #2563eb)));outline-offset:2px}@media(prefers-reduced-motion:reduce){.topbar-search-overlay,.topbar-search-overlay .panel{animation:none}}@media(max-width:480px){.topbar-search-overlay{padding:6vh var(--s-3, 12px) var(--s-3, 12px)}.topbar-search-overlay .panel{max-width:none;padding:var(--s-3, 12px);gap:var(--s-2, 8px)}.topbar-search-overlay .panel form{flex-wrap:wrap;gap:var(--s-2, 8px)!important}.topbar-search-overlay .panel form input[type=search]{flex:1 1 100%;min-width:0}.topbar-search-overlay .panel form button[type=submit]{flex:1 1 auto;min-width:0}}