.panel-backdrop.svelte-1o0hjan{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:svelte-1o0hjan-fadeIn .2s ease-out forwards}.panel-backdrop.closing.svelte-1o0hjan{animation:svelte-1o0hjan-fadeOut .2s ease-out forwards}@keyframes svelte-1o0hjan-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1o0hjan-fadeOut{0%{opacity:1}to{opacity:0}}.details-panel.svelte-1o0hjan{position:fixed;top:0;bottom:0;width:var(--panel-width, 320px);max-width:90vw;background:var(--dc-color-bg-primary, #0a0a0f);border:1px solid var(--dc-color-border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;z-index:1000}.details-panel.right.svelte-1o0hjan{right:0;border-left:2px solid var(--dc-color-cyber-magenta, #d946ef);animation:svelte-1o0hjan-slideInRight .25s ease-out forwards}.details-panel.right.closing.svelte-1o0hjan{animation:svelte-1o0hjan-slideOutRight .2s ease-in forwards}.details-panel.left.svelte-1o0hjan{left:0;border-right:2px solid var(--dc-color-cyber-magenta, #d946ef);animation:svelte-1o0hjan-slideInLeft .25s ease-out forwards}.details-panel.left.closing.svelte-1o0hjan{animation:svelte-1o0hjan-slideOutLeft .2s ease-in forwards}@keyframes svelte-1o0hjan-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes svelte-1o0hjan-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes svelte-1o0hjan-slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes svelte-1o0hjan-slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.panel-header.svelte-1o0hjan{display:flex;align-items:center;justify-content:space-between;padding:var(--dc-space-md, 1rem) var(--dc-space-lg, 1.5rem);border-bottom:1px solid var(--dc-color-border, rgba(255, 255, 255, .1));flex-shrink:0}.panel-title.svelte-1o0hjan{font-family:var(--dc-font-display, "Orbitron", sans-serif);font-size:1.125rem;font-weight:700;color:var(--dc-color-brand-yellow, #ffd700);margin:0;text-transform:uppercase;letter-spacing:.05em}.panel-close.svelte-1o0hjan{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--dc-color-border, rgba(255, 255, 255, .2));border-radius:4px;color:var(--dc-color-text-secondary, #c7c7cc);cursor:pointer;transition:all .2s ease;flex-shrink:0}@media(hover:hover){.panel-close.svelte-1o0hjan:hover{background:var(--dc-color-bg-secondary, rgba(255, 255, 255, .05));border-color:var(--dc-color-neon-cyan, #00ffff);color:var(--dc-color-neon-cyan, #00ffff)}}.panel-close.svelte-1o0hjan:focus-visible{outline:2px solid var(--dc-color-neon-cyan, #00ffff);outline-offset:2px}.panel-content.svelte-1o0hjan{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--dc-space-lg, 1.5rem);color:var(--dc-color-text-primary, #ffffff)}.panel-content.svelte-1o0hjan::-webkit-scrollbar{width:8px}.panel-content.svelte-1o0hjan::-webkit-scrollbar-track{background:var(--dc-color-bg-secondary, #1a1a1a)}.panel-content.svelte-1o0hjan::-webkit-scrollbar-thumb{background:var(--dc-color-cyber-magenta, #d946ef);border-radius:4px}@media(hover:hover){.panel-content.svelte-1o0hjan::-webkit-scrollbar-thumb:hover{background:var(--dc-color-cyber-magenta-light, #e879f9)}}@media(max-width:768px){.details-panel.svelte-1o0hjan{width:min(var(--panel-width, 320px),85vw)}.panel-header.svelte-1o0hjan{padding:var(--dc-space-sm, .5rem) var(--dc-space-md, 1rem)}.panel-content.svelte-1o0hjan{padding:var(--dc-space-md, 1rem)}.panel-title.svelte-1o0hjan{font-size:1rem}}@media(max-width:480px){.details-panel.svelte-1o0hjan{width:100vw;max-width:100vw}}@media(prefers-reduced-motion:reduce){.panel-backdrop.svelte-1o0hjan,.details-panel.svelte-1o0hjan{animation-duration:.01ms!important}}