/* A single, stable search panel: query, scan, relevant memories. */
.developer-page .retrieval-stage{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--dev-343536,#343536);border-radius:3px;background:var(--dev-0d0e0f,#0d0e0f);isolation:isolate}
.retrieval-stage .context-retrieval{display:block;width:100%;height:100%;overflow:hidden;font-family:inherit}
.retrieval-stage .recall-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.retrieval-stage .recall-shell{fill:var(--dev-191b1e,#191b1e);stroke:var(--dev-3b3e43,#3b3e43);stroke-width:1.2}
.retrieval-stage .recall-brand{fill:var(--dev-e3e6eb,#e3e6eb);font-size:20px;font-weight:500;letter-spacing:-.4px}
.retrieval-stage .recall-input{fill:var(--dev-111315,#111315);stroke:var(--dev-404750,#404750);stroke-width:1;transition:stroke .5s ease}
.retrieval-stage.is-searching .recall-input{stroke:var(--dev-7994b6,#7994b6)}
.retrieval-stage .recall-search{color:var(--dev-a9ccff,#a9ccff);transition:opacity .5s ease}
.retrieval-stage .recall-query{font-size:18px;fill:var(--dev-dbe6f5,#dbe6f5);opacity:1;transition:opacity .55s ease}
.retrieval-stage .recall-record{transition:opacity .65s ease}
.retrieval-stage .recall-record-surface{fill:var(--dev-202327,#202327);stroke:transparent;stroke-width:1;transition:fill .65s ease,stroke .65s ease}
.retrieval-stage .recall-placeholder{fill:var(--dev-444a52,#444a52);transition:opacity .45s ease}
.retrieval-stage .recall-result{fill:var(--dev-c1d9fa,#c1d9fa);font-size:17px;opacity:0;transition:opacity .6s ease}
.retrieval-stage .recall-check{color:var(--dev-a9ccff,#a9ccff);opacity:0;transition:opacity .5s ease}
.retrieval-stage .recall-record.is-selected .recall-record-surface{fill:var(--dev-26313f,#26313f);stroke:var(--dev-526c8d,#526c8d)}
.retrieval-stage .recall-record.is-selected .recall-placeholder{opacity:0}
.retrieval-stage .recall-record.is-selected .recall-result,.retrieval-stage.is-complete .recall-record.is-selected .recall-check{opacity:1}
.retrieval-stage.is-matched [data-record="1"],.retrieval-stage.is-matched [data-record="3"]{opacity:.35}
.retrieval-stage .recall-scan{opacity:0;will-change:transform}
.retrieval-stage.is-searching .recall-scan{animation:recall-scan-down 1.65s linear both}
.retrieval-stage.is-offscreen .recall-scan,.retrieval-stage.is-paused .recall-scan{animation-play-state:paused}
.retrieval-stage.is-resetting .recall-query{opacity:0}
@keyframes recall-scan-down{0%{transform:translateY(0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(222px);opacity:0}}
@media(prefers-reduced-motion:reduce){.retrieval-stage *{transition:none!important;animation:none!important}}