@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;margin:0;font-family:Outfit,sans-serif}#root{flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.holo-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--glow:#ffffff2e;perspective:1200px;isolation:isolate;width:100%;max-width:380px;position:relative}.holo-inner{transform-origin:50%;width:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 0 30px var(--glow), 0 24px 60px #0000008c;will-change:transform;background:#0d0d0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out;display:flex;position:relative;overflow:hidden}.holo-art-wrap{aspect-ratio:1856/2304;background:#000;width:100%;position:relative;overflow:hidden}.holo-art{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.holo-shimmer{pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 8%,#ff00968c 28%,#ffc8008c 38%,#78ffb48c 50%,#3cb4ff8c 62%,#c864ff8c 72%,#0000 92%) 0 0/280% 280%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.18;z-index:2;transition:background-position .22s ease-out;position:absolute;inset:0}.holo-footer{z-index:3;text-align:center;background:#0d0d0d;flex-direction:column;align-items:center;gap:4px;padding:18px 20px;display:flex;position:relative}.holo-xp{color:#fff;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:30px;font-weight:800;line-height:1}.holo-xp-suffix{color:#ffffff73;margin-left:4px;font-weight:500}.holo-tagline{color:#ffffffb3;max-width:280px;margin-top:2px;font-family:Outfit,sans-serif;font-size:12.5px;font-style:italic;font-weight:400;line-height:1.45}.holo-wordmark{opacity:.45;width:64px;margin-top:8px}.holo-sparkles{pointer-events:none;z-index:4;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.holo-sparkles span{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;animation:4.5s ease-in-out infinite holo-sparkle;position:absolute;box-shadow:0 0 6px #ffffffe6}.holo-sparkles span:first-child{animation-delay:0s;top:11%;left:18%}.holo-sparkles span:nth-child(2){animation-delay:.6s;top:7%;left:72%}.holo-sparkles span:nth-child(3){animation-delay:1.3s;top:26%;left:41%}.holo-sparkles span:nth-child(4){animation-delay:2s;top:33%;left:84%}.holo-sparkles span:nth-child(5){animation-delay:2.7s;top:46%;left:14%}.holo-sparkles span:nth-child(6){animation-delay:3.3s;top:55%;left:60%}.holo-sparkles span:nth-child(7){animation-delay:1s;top:64%;left:30%}.holo-sparkles span:nth-child(8){animation-delay:.3s;top:71%;left:78%}.holo-sparkles span:nth-child(9){animation-delay:2.3s;top:19%;left:56%}.holo-sparkles span:nth-child(10){animation-delay:3.7s;top:40%;left:68%}@keyframes holo-sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.95;transform:scale(1.3)}}@media (hover:none){.holo-inner{transition:none;animation:7s ease-in-out infinite holo-auto-tilt}.holo-shimmer{transition:none;animation:7s ease-in-out infinite holo-auto-shimmer}}@keyframes holo-auto-tilt{0%,to{transform:rotateX(-5deg)rotateY(-6deg)}25%{transform:rotateX(5deg)rotateY(-6deg)}50%{transform:rotateX(5deg)rotateY(6deg)}75%{transform:rotateX(-5deg)rotateY(6deg)}}@keyframes holo-auto-shimmer{0%,to{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}}@media (prefers-reduced-motion:reduce){.holo-inner,.holo-shimmer,.holo-sparkles span{transition:none!important;animation:none!important}}.holo-card.capturing .holo-inner{transition:none!important;animation:none!important;transform:none!important}.holo-card.capturing .holo-shimmer,.holo-card.capturing .holo-sparkles{display:none!important}.tap-hint-slot{pointer-events:none;justify-content:center;align-items:center;height:22px;margin-top:18px;display:flex}.tap-hint{color:#777;letter-spacing:.01em;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:400;transition:color .2s ease-out;display:inline-flex}.tap-hint--success{letter-spacing:.02em;font-size:13px;font-weight:600}.share-actions{flex-direction:row;gap:12px;width:100%;max-width:460px;margin-top:18px;display:flex}.share-btn{letter-spacing:.02em;white-space:nowrap;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out,border-color .15s ease-out;display:inline-flex}.share-btn:disabled{pointer-events:none}.share-btn--primary{color:#fff;background:var(--btn-color,#0000fe);box-shadow:0 8px 24px var(--btn-shadow,#0000fe4d);border:none}.share-btn--primary:hover{box-shadow:0 12px 32px var(--btn-shadow-hover,#0000fe80);transform:translateY(-2px)}.share-btn--secondary{color:#fff;background:0 0;border:1px solid #444}.share-btn--secondary:hover{background:#ffffff0a;border-color:#fff}@media (width<=480px){.share-actions{flex-direction:column}}.toast{color:#fff;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:100;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#141414;border:1px solid #ffffff1a;border-radius:99px;max-width:calc(100vw - 32px);padding:14px 22px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:opacity .22s ease-out,transform .22s ease-out;position:fixed;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%,12px);box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff0a}.toast--visible{opacity:1;transform:translate(-50%)}@media (width<=480px){.toast{white-space:normal;border-radius:14px;max-width:calc(100vw - 32px)}}