div.search_wrapper{width:clamp(45ch,30%,75ch);position:relative}div.search_wrapper input{width:100%}div.result_wrapper{position:absolute;margin-top:.2rem;width:100%;gap:.5rem;background:rgba(var(--background-grey)/.8);border-radius:10px;border:1px solid rgba(var(--card-background-color)/var(--card-border-alpha));padding:1rem;max-height:25rem;overflow-y:auto;z-index:1000;-webkit-backdrop-filter:blur(var(--dialog-background-blur));backdrop-filter:blur(var(--dialog-background-blur));opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top center}div.result_wrapper:has(div.search_results){display:block;opacity:1;transform:translateY(0) scale(1);visibility:visible}.search_results{animation:fadeInUp .3s ease-out;position:relative;z-index:1001}.search_result_item{opacity:0;transform:translateY(10px);animation:slideInUp .3s ease-out forwards;margin-bottom:.75rem;padding:.75rem;border-radius:8px;border:1px solid rgba(var(--card-background-color)/var(--card-border-alpha));background:rgba(var(--card-background-color)/.3);transition:all .2s ease;cursor:pointer}.search_result_item:first-child{animation-delay:.1s}.search_result_item:nth-child(2){animation-delay:.15s}.search_result_item:nth-child(3){animation-delay:.2s}.search_result_item:nth-child(4){animation-delay:.25s}.search_result_item:nth-child(5){animation-delay:.3s}.search_result_item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);background:rgba(var(--card-background-color)/.5)}.result_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.result_header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.result_type{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;background:rgba(var(--accent-color)/.1);color:var(--accent-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.search_result_item p{margin:.5rem 0;color:var(--text-color-secondary);font-size:.875rem;line-height:1.4}.result_meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.result_meta small{font-size:.75rem;color:var(--text-color-muted);background:rgba(var(--card-background-color)/.5);padding:.25rem .5rem;border-radius:6px}.results_summary{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--card-background-color)/var(--card-border-alpha))}.results_summary p{margin:0;font-size:.875rem;color:var(--text-color-secondary);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search_wrapper.loading .result_wrapper{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){div.search_wrapper{width:100%}div.result_wrapper{max-height:20rem}.search_result_item{padding:.5rem}.result_header h4{font-size:.875rem}}button.logout_button{background:none;color:rgba(var(--text));border:none;font-size:1rem}button.logout_button:hover{cursor:pointer}