.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%}
/*# sourceMappingURL=main.2ef659af.css.map*/