.ui-legacy body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--background-top) 88%, black) 0%, var(--background) 52%, var(--background-bottom) 100%)}.ui-legacy .registry-dex-shell{border:1px solid color-mix(in srgb, var(--steel-bright) 22%, var(--border));background:radial-gradient(circle at bottom left, color-mix(in srgb, var(--signal-amber) 9%, transparent), transparent 28%), radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 14%, transparent), transparent 24%), radial-gradient(circle at top left, color-mix(in srgb, var(--steel-bright) 16%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--steel) 22%, var(--surface)) 0%, color-mix(in srgb, var(--surface) 92%, black) 100%);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--steel-bright) 38%, transparent), inset 0 -1px 0 #00000080, inset 2px 0 0 color-mix(in srgb, var(--steel-bright) 8%, transparent), inset -2px 0 0 #0003, 0 24px 48px #00000073;border-radius:1.5rem;position:relative;overflow:hidden}.ui-legacy .registry-dex-shell:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--steel-bright) 10%, transparent) 12%, transparent 28%), linear-gradient(180deg, transparent 0, color-mix(in srgb, var(--steel-bright) 8%, transparent) 100%);opacity:.8;position:absolute;inset:0}.ui-legacy .registry-dex-header{border-bottom:1px solid color-mix(in srgb, var(--steel-bright) 14%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--steel-bright) 20%, var(--surface)) 0%, color-mix(in srgb, var(--surface) 90%, black) 48%, color-mix(in srgb, var(--accent) 16%, var(--surface)) 80%, color-mix(in srgb, var(--signal-amber) 12%, var(--surface)) 100%);position:relative}.ui-legacy .registry-dex-screen{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--screen-glow) 55%, var(--screen)) 0%, var(--screen) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--steel-bright) 12%, transparent), inset 0 12px 30px color-mix(in srgb, var(--background) 28%, transparent);border-radius:1rem;position:relative}.ui-legacy .registry-dex-screen:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent 0%, #d6e0ea8c 49.5%, #d6e0ea8c 50.5%, transparent 100%), linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 22%, transparent) 35%, transparent 100%);opacity:.38;background-size:100% 3px,160% 100%;animation:6s linear infinite registry-dex-scan;position:absolute;inset:0}.ui-legacy .registry-dex-grid{background-image:linear-gradient(90deg,#7b9ec714 1px,#0000 1px),linear-gradient(#7b9ec714 1px,#0000 1px);background-size:18px 18px}.ui-legacy .registry-dex-lens{border:1px solid color-mix(in srgb, var(--steel-bright) 35%, var(--border));width:2.9rem;height:2.9rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 0 14px #ffffff1f;background:radial-gradient(circle at 34% 34%,#ffffffe6 0,#ffffff8c 12%,#8bb2df 14%,#335476 38%,#16263a 72%,#09131f 100%);border-radius:9999px;animation:3.2s ease-in-out infinite registry-dex-lens-pulse}.ui-legacy.light .registry-dex-lens{background:radial-gradient(circle at 34% 34%,#fffffff5 0,#ffffffb8 14%,#b8d0ea 18%,#7da3cb 42%,#dde8f5 78%,#f7fbff 100%)}.ui-legacy .registry-dex-lamp{border:1px solid #ffffff2e;border-radius:9999px;width:.8rem;height:.8rem;box-shadow:inset 0 0 6px #ffffff2e}.ui-legacy .registry-dex-lamp--blue{background:radial-gradient(circle at 35% 35%,#e2efff 0,#74a8dd 42%,#1d4367 100%);animation:6s ease-in-out infinite registry-dex-beacon-blue}.ui-legacy .registry-dex-lamp--silver{background:radial-gradient(circle at 35% 35%,#f6fbff 0,#c4d1df 45%,#586779 100%);animation:7s ease-in-out infinite registry-dex-beacon-silver}.ui-legacy .registry-dex-lamp--amber{background:radial-gradient(circle at 35% 35%,#fff4c9 0,#e9b760 42%,#7d4f1e 100%);animation:8s ease-in-out infinite registry-dex-beacon-amber}.ui-legacy .registry-dex-chip{border:1px solid color-mix(in srgb, var(--steel-bright) 14%, var(--border));background:color-mix(in srgb, var(--background) 72%, var(--accent) 10%);font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 70%, var(--accent) 30%);border-radius:9999px;padding:.2rem .55rem;font-size:.625rem;line-height:1;transition:transform .18s,border-color .18s,color .18s,background-color .18s}.ui-legacy .registry-dex-chip:active{transform:scale(.96)}.ui-legacy .registry-dex-panel{border:1px solid color-mix(in srgb, var(--steel-bright) 12%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--screen)) 0%, color-mix(in srgb, var(--surface) 96%, black) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--steel-bright) 12%, transparent), 0 12px 24px color-mix(in srgb, var(--background-bottom) 22%, transparent);border-radius:1rem;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.36s cubic-bezier(.2,.8,.2,1) both registry-dex-rise}.ui-legacy .registry-dex-panel:active{transform:translateY(0)scale(.998)}.ui-legacy .registry-dex-divider{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--steel-bright) 18%, var(--border)) 18%, color-mix(in srgb, var(--accent) 16%, var(--border)) 82%, transparent 100%);height:1px}.ui-legacy .registry-dex-boot{animation:.52s cubic-bezier(.22,1,.36,1) both registry-dex-boot-in}.ui-legacy .registry-dex-boot-delayed{animation:.52s cubic-bezier(.22,1,.36,1) 60ms both registry-dex-boot-in}.ui-legacy.light .registry-dex-shell,.ui-legacy.light .registry-dex-panel,.ui-legacy.light .registry-dex-screen{box-shadow:inset 0 1px #ffffff8c,0 12px 26px #5f748c1f}.ui-legacy.light .registry-dex-shell{border-color:color-mix(in srgb, var(--accent) 16%, var(--border));background:radial-gradient(circle at bottom left, color-mix(in srgb, var(--signal-amber) 10%, white), transparent 30%), radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 10%, white), transparent 26%), radial-gradient(circle at top left, color-mix(in srgb, var(--steel-bright) 55%, white), transparent 34%), linear-gradient(180deg, color-mix(in srgb, white 78%, var(--steel-bright)) 0%, color-mix(in srgb, white 92%, var(--background)) 100%)}.ui-legacy.light .registry-dex-shell:before{opacity:.5}.ui-legacy.light .registry-dex-header{border-bottom-color:color-mix(in srgb, var(--accent) 12%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, white 88%, var(--steel-bright)) 0%, color-mix(in srgb, white 78%, var(--screen)) 48%, color-mix(in srgb, white 80%, var(--accent)) 100%)}.ui-legacy.light .registry-dex-screen{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, white 88%, var(--screen-glow)) 0%, color-mix(in srgb, white 82%, var(--screen)) 100%)}.ui-legacy.light .registry-dex-screen:after{background:linear-gradient(180deg, transparent 0%, #1f5f9f1c 49.5%, #1f5f9f1c 50.5%, transparent 100%), linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 14%, transparent) 35%, transparent 100%);opacity:.34}.ui-legacy.light .registry-dex-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px)}.ui-legacy.light .registry-dex-chip{border-color:color-mix(in srgb, var(--accent) 16%, var(--border));background:color-mix(in srgb, white 76%, var(--accent) 10%);color:color-mix(in srgb, var(--foreground) 88%, var(--accent))}.ui-legacy.light .registry-dex-panel{border-color:color-mix(in srgb, var(--accent) 10%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, white 95%, var(--screen-glow)) 0%, color-mix(in srgb, white 88%, var(--surface)) 100%)}.ui-legacy.light .registry-dex-panel:hover{box-shadow:inset 0 1px #ffffffa6,0 18px 34px #546b8529}.ui-legacy .registry-dex-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, black) 0%, color-mix(in srgb, var(--surface) 88%, var(--background-bottom)) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--steel-bright) 10%, transparent), 0 14px 26px color-mix(in srgb, var(--background-bottom) 22%, transparent);border-radius:1rem}.ui-legacy .registry-dex-shell:before,.ui-legacy .registry-dex-screen:after{opacity:0;animation:none}.ui-legacy .registry-dex-header{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--background)) 0%, color-mix(in srgb, var(--surface) 90%, black) 100%)}.ui-legacy .registry-dex-screen{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--background)) 0%, color-mix(in srgb, var(--surface) 100%, black) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--steel-bright) 12%, transparent), 0 8px 18px color-mix(in srgb, var(--background-bottom) 16%, transparent);border-radius:.9rem}.ui-legacy .registry-dex-grid{background-image:none}.ui-legacy .registry-dex-lens,.ui-legacy .registry-dex-lamp{display:none}.ui-legacy .registry-dex-chip{background:color-mix(in srgb, var(--surface) 92%, var(--background));letter-spacing:.12em;color:color-mix(in srgb, var(--foreground) 70%, var(--muted));border-radius:.8rem;padding:.24rem .68rem}.ui-legacy .registry-dex-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 95%, var(--background)) 0%, color-mix(in srgb, var(--surface) 100%, black) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--steel-bright) 10%, transparent), 0 10px 18px color-mix(in srgb, var(--background-bottom) 18%, transparent);border-radius:.95rem;animation:none}.ui-legacy .registry-dex-panel:hover{border-color:color-mix(in srgb, var(--steel-bright) 12%, var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--steel-bright) 10%, transparent), 0 10px 18px color-mix(in srgb, var(--background-bottom) 18%, transparent);transform:none}.ui-legacy .registry-dex-divider{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--steel-bright) 12%, var(--border)) 18%, color-mix(in srgb, var(--accent) 10%, var(--border)) 82%, transparent 100%)}.ui-legacy .registry-dex-boot,.ui-legacy .registry-dex-boot-delayed{animation:none}
