.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body,html{@apply m-0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}#root,body,html{background:#030014;height:100%;overflow:hidden}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}}.accent-border{border-color:#7b59d62e}.scene-layer{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}.glass-scene{-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:radial-gradient(ellipse at 20% 80%,#a064fa1f 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#50a0f014 0,#0000 45%),linear-gradient(145deg,#261c4e8c,#0f0a287a,#08061a66);border-radius:18px;box-shadow:0 24px 70px #0200148c,0 0 60px #7c3aed4d,inset 0 1px 0 0 #ffffff1f,inset 0 -1px 0 0 #7c3aed14,inset 1px 0 0 0 #ffffff0f,inset -1px 0 0 0 #7c3aed0a;-webkit-box-shadow:0 24px 70px #0200148c,0 0 60px #7c3aed4d,inset 0 1px 0 0 #ffffff1f,inset 0 -1px 0 0 #7c3aed14,inset 1px 0 0 0 #ffffff0f,inset -1px 0 0 0 #7c3aed0a;padding:10px;will-change:transform}.hud-glow{-webkit-text-stroke:.5px #d8b4fe40;text-shadow:0 0 18px #8b5cf68c,0 0 46px #7c3aed59}.preview-anchor{will-change:left,top}.preview-card{animation:preview-in .76s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:radial-gradient(ellipse at 25% 75%,#8c5af01a 0,#0000 55%),radial-gradient(ellipse at 75% 25%,#468cdc12 0,#0000 50%),linear-gradient(180deg,#231e48e0,#120e2deb,#080818f0);border:none;border-radius:14px;box-shadow:0 24px 70px #0200149e,0 0 40px #8b5cf62e,inset 0 1px 0 0 #ffffff24,inset 0 -1px 0 0 #8b5cf60f,inset 1px 0 0 0 #ffffff14,inset -1px 0 0 0 #8b5cf60a;-webkit-box-shadow:0 24px 70px #0200149e,0 0 40px #8b5cf62e,inset 0 1px 0 0 #ffffff24,inset 0 -1px 0 0 #8b5cf60f,inset 1px 0 0 0 #ffffff14,inset -1px 0 0 0 #8b5cf60a;max-height:70vh;overflow:hidden;padding-bottom:10px;position:relative;transform-origin:50% 50%;width:clamp(220px,30vw,420px);will-change:transform,opacity,filter,border-radius}@media (prefers-reduced-motion:reduce){.preview-card{animation:none}}@keyframes preview-in{0%{border-radius:9999px;filter:blur(10px) saturate(.35);-webkit-filter:blur(10px) saturate(.35);opacity:0;transform:scale(.3) rotate(-6deg)}55%{border-radius:42%;filter:blur(1px) saturate(.92);-webkit-filter:blur(1px) saturate(.92);opacity:.97;transform:scale(1.04) rotate(1.2deg)}to{border-radius:14px;filter:none;-webkit-filter:none;opacity:1;transform:scale(1) rotate(0deg)}}.preview-img-wrap{aspect-ratio:16/10;border:none;border-radius:12px;margin:8px 8px 0;overflow:hidden;position:relative}.preview-img{display:block;height:100%;object-fit:cover;width:100%}.preview-info{animation:info-expand .52s cubic-bezier(.22,1,.36,1) .18s both;max-height:0;opacity:0;overflow:hidden;padding:0 12px}@keyframes info-expand{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}30%{opacity:0}to{max-height:300px;opacity:1;padding-bottom:0;padding-top:0}}.preview-info-inner{border-top:none;padding:12px 0 6px;position:relative}.preview-info-inner:before{animation:sep-draw .6s cubic-bezier(.22,1,.36,1) .28s both;background:linear-gradient(90deg,#0000,#8b5cf666,#06b6d44d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:left center}@keyframes sep-draw{0%{opacity:0;transform:scaleX(0)}50%{opacity:1}to{opacity:1;transform:scaleX(1)}}.preview-info-inner>h3{animation:info-el-in .45s cubic-bezier(.22,1,.36,1) .35s both}.preview-info-inner>p{animation:info-el-in .45s cubic-bezier(.22,1,.36,1) .42s both}.preview-info-inner>.flex{animation:info-el-in .45s cubic-bezier(.22,1,.36,1) .49s both}.preview-info-inner>a{animation:info-el-in .4s cubic-bezier(.22,1,.36,1) .55s both}@keyframes info-el-in{0%{filter:blur(3px);-webkit-filter:blur(3px);opacity:0;transform:translateY(8px)}to{filter:none;-webkit-filter:none;opacity:1;transform:translateY(0)}}.preview-info-inner .flex>span{animation:pill-pop .35s cubic-bezier(.34,1.56,.64,1) both}.preview-info-inner .flex>span:first-child{animation-delay:.52s}.preview-info-inner .flex>span:nth-child(2){animation-delay:.56s}.preview-info-inner .flex>span:nth-child(3){animation-delay:.6s}.preview-info-inner .flex>span:nth-child(4){animation-delay:.64s}.preview-info-inner .flex>span:nth-child(5){animation-delay:.68s}@keyframes pill-pop{0%{opacity:0;transform:scale(.5) translateY(4px)}60%{transform:scale(1.08) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.preview-info,.preview-info-inner,.preview-info-inner .flex>span,.preview-info-inner:before,.preview-info-inner>.flex,.preview-info-inner>a,.preview-info-inner>h3,.preview-info-inner>p{animation:none;filter:none;max-height:none;opacity:1;transform:none}}
/*# sourceMappingURL=main.0871eeed.css.map*/