/* Motion is an enhancement: the finder stays fully usable without it. */
:root{--accent:#c0a5ff;--cyan:#71e5ef;--surface:#161725;--border:#343449;--muted:#acadc4}
body{background:#090b15;isolation:isolate;overflow-x:hidden}
.ambient-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 14% 8%,#30194688,transparent 48%),radial-gradient(ellipse at 92% 33%,#11304766,transparent 46%)}
.aurora{position:absolute;width:70vw;max-width:1000px;height:55vh;min-height:330px;border-radius:50%;opacity:.35;filter:blur(70px);will-change:transform;transform:translate3d(0,0,0)}
.aurora-violet{left:-18%;top:-14%;background:radial-gradient(ellipse,#8a46ec99,transparent 68%)}
.aurora-cyan{right:-23%;top:17%;background:radial-gradient(ellipse,#10b7cb66,transparent 68%)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#b2b9f10a 1px,transparent 1px),linear-gradient(90deg,#b2b9f10a 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#0009,transparent 82%)}
#effects-canvas{width:100%;height:100%;display:block;opacity:.8}
.masthead{background:#0c0d189e;backdrop-filter:blur(16px);border-bottom-color:#7473bc2b}
.brand-mark{background:linear-gradient(135deg,#d6b8ff,#a28bff 65%,#81d8f7);box-shadow:0 0 28px #a278ec36;transition:transform .3s ease,box-shadow .3s ease}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 38px #a278ec5c}
.header-tools{display:flex;align-items:center;gap:12px}
.header-tag{border-color:#60588155;background:#1e1b322e}
.effects-toggle{display:flex;align-items:center;gap:7px;border:1px solid #665c895d;background:#24203699;color:#d1c5f6;border-radius:50px;padding:9px 12px;font-size:.8125rem;white-space:nowrap;transition:background .2s,border-color .2s}
.effects-toggle svg{width:16px;height:16px}
.effects-toggle:hover{border-color:var(--accent);background:#322a48}
.effects-toggle[aria-pressed="true"]{color:#bff6fa;border-color:#70dce94f;background:#1c34403d}
.effects-toggle:disabled{cursor:default;opacity:.75}
.section-eyebrow{color:#b4aacd}.index-number{box-shadow:0 0 18px #b49aff12;border-color:#a485ef45;background:#2a204378}
.search-heading h1{font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:700;letter-spacing:-.045em;text-shadow:0 0 50px #bba3ff25}
.search-heading h1 span{color:var(--cyan);text-shadow:0 0 20px #71e5ef80}
.search-form{position:relative;border:1px solid transparent;background:linear-gradient(125deg,#1b1930f5,#121c2cf5) padding-box,linear-gradient(110deg,#a17aea90,#5ce1ee60,#a17aea90) border-box;background-size:100% 100%,200% 100%;box-shadow:0 0 0 4px #ad79ff05,0 8px 42px #03040b55,0 0 36px #9965ed12;transition:box-shadow .3s ease}
.search-form:focus-within{border-color:transparent;box-shadow:0 0 0 4px #bda2ff10,0 0 42px #9e6bef2b,0 0 24px #70e1ef12}
.search-icon{color:#c2afec}
.primary-button{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#cbb1ff,#ac92fc 65%,#a2d3fd);box-shadow:0 4px 22px #9873ed30;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.primary-button::after{content:"";position:absolute;inset:-60% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff66 49%,transparent 58%);transform:translateX(-70%) rotate(-10deg)}
.primary-button:hover{background:linear-gradient(120deg,#dcc8ff,#c4a9ff 65%,#b6e3ff);transform:translateY(-2px);box-shadow:0 6px 32px #aa84ff66}
.primary-button:active{transform:translateY(0) scale(.98)}
.primary-button:disabled{transform:none}
.secondary-button,.recent-chip,.name-chip,.badge-item{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.secondary-button:hover,.recent-chip:hover{transform:translateY(-2px);box-shadow:0 5px 24px #ab86f91a}
.empty-state{position:relative;overflow:hidden;background:linear-gradient(145deg,#18152ab3,#101b25b3);border-style:solid;border-color:#69619a42;box-shadow:inset 0 1px 0 #c2a5ff09,0 18px 60px #00000024}
.empty-state::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#8957e118,transparent 60%)}
.empty-symbol{position:relative;border-radius:22px;background:linear-gradient(135deg,#3c275755,#20374955);box-shadow:0 0 48px #a477ee14;color:#d0b4ff;margin-bottom:28px;overflow:visible}
.empty-symbol::before,.empty-symbol::after{content:"";position:absolute;inset:-11px;border-radius:50%;border:1px solid transparent;border-top-color:#b18aff75;border-right-color:#b18aff15;pointer-events:none}
.empty-symbol::after{inset:-22px;border-top-color:#71e5ef44;border-right-color:transparent;transform:rotate(150deg)}
.available-details span{background:#1d203259;border-color:#45405980}
.loading-state{position:relative;background:linear-gradient(140deg,#20193377,#132a3177);border:1px solid #8164b04a;border-radius:var(--radius);margin-top:32px;min-height:230px;overflow:hidden}
.loading-state::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#c5a5ff08,transparent);transform:translateX(-100%);pointer-events:none}
.spinner{position:relative;width:52px;height:52px;flex-shrink:0;border:1px solid #a586ed42;border-top-color:var(--cyan);box-shadow:0 0 35px #a278ec1c}
.spinner::before{content:"";position:absolute;inset:6px;border:2px solid transparent;border-left-color:var(--accent);border-bottom-color:#bda1ff26;border-radius:50%}
.spinner::after{content:"";position:absolute;inset:19px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px #71e5ef60}
.profile-card{border-color:#77619765;background:radial-gradient(ellipse at 0 20%,#7944b622,transparent 55%),linear-gradient(125deg,#1b1829f5,#131f2df5);box-shadow:0 14px 58px #00000038,0 0 42px #8757c80c}
.profile-card::before{background:linear-gradient(var(--accent),var(--cyan));box-shadow:0 0 20px #b392ff77}
.avatar-wrap{border-color:#a484d95e;background:radial-gradient(ellipse at 50% 35%,#53406b,#1e2237);box-shadow:0 0 0 5px #bda1ff05,0 0 38px #a677ec17;transition:transform .35s ease,box-shadow .35s ease}
.avatar-wrap:hover{transform:scale(1.045) rotate(-2deg);box-shadow:0 0 0 5px #bda1ff0b,0 0 38px #a677ec33}
.avatar-wrap img{transition:opacity .4s ease}
.stats-grid{background:linear-gradient(120deg,#1b1727e8,#14212ae8);border-color:#74649043;overflow:hidden;box-shadow:0 10px 40px #00000024}
.stat{position:relative;transition:background .25s ease;overflow:hidden}.stat:hover{background:#b395fc08}
.stat strong{font-variant-numeric:tabular-nums;color:#f2e9ff;text-shadow:0 0 25px #c4a0ff20}
.age-stat strong{color:#adf0f3}
.panel{position:relative;background:linear-gradient(135deg,#1a1928ed,#141e2aed);border-color:#5a557348;box-shadow:0 8px 30px #00000018;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.panel:hover{transform:translateY(-4px);border-color:#a087cb65;box-shadow:0 12px 35px #00000030,0 0 26px #ac83f10b}
.panel-heading h3{color:#f1eaff}.panel-label{color:#b6afc9}
.count-badge{background:#34284766;border-color:#80689c55;color:#d2b3fa}
.group-initial{background:linear-gradient(135deg,#3e295a77,#1a343e77);border-color:#9874c944}
.group-row{transition:background .2s ease}.group-row:hover{background:#b498fc05}
.badge-item:hover{transform:translateY(-2px);border-color:#b19bcc66;box-shadow:0 0 18px #ab87f212}
.footer{background:#0d101ab3;border-top-color:#7473bc24}
body.effects-on .aurora-violet{animation:aurora-drift 16s ease-in-out infinite alternate}
body.effects-on .aurora-cyan{animation:aurora-drift 21s ease-in-out infinite alternate-reverse}
body.effects-on .search-form{animation:border-flow 9s linear infinite}
body.effects-on.is-searching .search-form{animation-duration:2.5s;box-shadow:0 0 0 4px #bca2ff0c,0 0 55px #a17ae52d}
body.effects-on .empty-symbol{animation:icon-float 5s ease-in-out infinite}
body.effects-on .empty-symbol::before{animation:orbit-ring 12s linear infinite}
body.effects-on .empty-symbol::after{animation:orbit-ring 18s linear infinite reverse}
body.effects-on .primary-button:hover::after{animation:button-shine .65s ease-out}
body.effects-on .loading-state::before{animation:scanner-sweep 2.6s ease-in-out infinite}
body.effects-on .spinner{animation:spin 2.1s linear infinite}
body.effects-on .spinner::before{animation:spin 1.1s linear infinite reverse}
body.effects-on .search-section{animation:surface-enter .65s both}
body.effects-on .empty-state{animation:surface-enter .75s .08s both}
.reveal-pending{opacity:0;transform:translateY(18px) scale(.985)}
.reveal-active{animation:surface-enter .6s cubic-bezier(.18,.75,.22,1) both}
.reveal-order-1{animation-delay:60ms}.reveal-order-2{animation-delay:120ms}.reveal-order-3{animation-delay:180ms}.reveal-order-4{animation-delay:240ms}.reveal-order-5{animation-delay:300ms}
body.effects-off #effects-canvas{display:none}
body.effects-off .aurora{will-change:auto}
body.effects-off *,body.effects-off *::before,body.effects-off *::after{animation:none!important;transition:none!important}
body.effects-off .reveal-pending{opacity:1;transform:none}
body.effects-off .panel:hover,body.effects-off .avatar-wrap:hover,body.effects-off .brand:hover .brand-mark,body.effects-off .primary-button:hover,body.effects-off .primary-button:active,body.effects-off .secondary-button:hover,body.effects-off .recent-chip:hover,body.effects-off .badge-item:hover{transform:none}
body.effects-paused *,body.effects-paused *::before,body.effects-paused *::after{animation-play-state:paused!important}
@keyframes aurora-drift{from{transform:translate3d(-4%,0,0) rotate(-6deg) scale(.95)}to{transform:translate3d(13%,15%,0) rotate(9deg) scale(1.12)}}
@keyframes border-flow{to{background-position:0 0,200% 0}}
@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes orbit-ring{to{transform:rotate(360deg)}}
@keyframes button-shine{to{transform:translateX(70%) rotate(-10deg)}}
@keyframes scanner-sweep{to{transform:translateX(100%)}}
@keyframes surface-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.header-tools{gap:0}.effects-toggle{padding:8px 10px;font-size:.75rem}.effects-toggle svg{width:14px;height:14px}.brand{gap:9px;font-size:.94rem}.brand-mark{width:37px;height:37px;font-size:1.45rem;flex-shrink:0}.masthead{gap:8px}.aurora{filter:blur(45px);width:100vw}.aurora-cyan{right:-55%}.search-heading h1{font-size:clamp(1.9rem,6vw,2.5rem)}.search-form{box-shadow:0 0 25px #aa7bed15}.panel:hover{transform:none}.loading-state{padding:24px 18px}.available-details span{font-size:.8125rem}}
@media(max-width:360px){.brand{font-size:.875rem}.brand-mark{width:31px;height:31px;font-size:1.3rem;border-radius:9px}.brand-mark span{right:5px;bottom:3px}.effects-toggle{padding:8px;font-size:.75rem}.effects-toggle svg{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#effects-canvas{display:none}.aurora{will-change:auto}.reveal-pending{opacity:1;transform:none}.panel:hover,.avatar-wrap:hover,.brand:hover .brand-mark,.primary-button:hover,.secondary-button:hover,.recent-chip:hover,.badge-item:hover{transform:none}}