.ls3d{--ls3d-gap:0px;grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:14px;width:100%;display:grid;container-type:inline-size}.ls3d-scene{--ls3d-step:min(40px, calc(46cqw / var(--ls3d-count)))}.ls3d:not([data-legend]){grid-template-columns:minmax(0,1fr)}.ls3d[data-exploded] .ls3d-scene{--ls3d-gap:var(--ls3d-step)}.ls3d-scene{perspective:1600px;padding:calc((var(--ls3d-count) - 1) * var(--ls3d-step) * .9 + 28px) 4% 7%;margin:0}.ls3d-stack{width:calc(100% * var(--ls3d-fit,1));transform-style:preserve-3d;margin-inline:auto;transition:transform .9s cubic-bezier(.2,.75,.2,1);position:relative;transform:rotateX(56deg)rotate(-38deg)scale(1.04)}.ls3d[data-exploded] .ls3d-stack{transform:rotateX(56deg)rotate(-38deg)scale(.9)}.ls3d-plane{transform:translateZ(calc(var(--ls3d-i) * var(--ls3d-gap)));background-color:#ffffff14;background-image:conic-gradient(#94a3b838 25%, transparent 0 50%, #94a3b838 0 75%, transparent 0);background-size:14px 14px;border-radius:12px;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .3s,box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #0f172a14}.ls3d:not([data-exploded]) .ls3d-plane:not([data-base]){box-shadow:none;background:0 0}.ls3d-plane[data-base]{background:#fff;box-shadow:0 30px 60px -18px #0f172a73,0 0 0 1px #0f172a14}.ls3d-plane img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.ls3d[data-focus] .ls3d-plane{opacity:.28}.ls3d[data-focus] .ls3d-plane[data-active]{opacity:1;transform:translateZ(calc(var(--ls3d-i) * var(--ls3d-gap) + 28px));box-shadow:inset 0 0 0 2px var(--accent-text,#ea580c), 0 24px 40px -16px #0f172a80}.ls3d-legend{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.ls3d-legend button{border:1px solid var(--border);background:var(--background);text-align:left;width:100%;color:var(--muted-foreground);cursor:default;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 7px 3px 3px;font-size:11px;transition:border-color .2s,color .2s,transform .2s;display:grid}.ls3d-legend button[data-active]{border-color:var(--accent-text,#ea580c);color:var(--foreground);transform:translate(-4px)}.ls3d-legend-thumb{background-color:#fff;background-image:conic-gradient(#ececec 25%, transparent 0 50%, #ececec 0 75%, transparent 0);background-size:8px 8px;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.ls3d-legend-thumb img{object-fit:contain;max-width:100%;max-height:100%}.ls3d-legend-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ls3d-legend-more{color:var(--muted-foreground);padding:2px 8px;font-size:11px;font-weight:700}.ls3d-legend-index{color:var(--accent-text,#ea580c);font-size:10px;font-weight:700}@media (width<=640px){.ls3d{grid-template-columns:1fr}.ls3d-legend{display:none}}@media (prefers-reduced-motion:reduce){.ls3d-stack,.ls3d-plane{transition:none}}.upgrade-cta{isolation:isolate;color:#fff;cursor:pointer;background:radial-gradient(120% 140% at 0 0,#ffc4788c,#0000 55%),linear-gradient(135deg,#f37a12 0%,#e2580c 55%,#c8410a 100%);border-radius:18px;align-items:center;gap:12px;width:100%;padding:11px 14px 11px 11px;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s,filter .26s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff1f,0 14px 30px -14px #d64808bf}.upgrade-cta:hover{filter:brightness(1.05)saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff61,inset 0 0 0 1px #ffffff29,0 20px 38px -16px #d64808d9}.upgrade-cta:active{transform:translateY(0)}.upgrade-cta:focus-visible{outline:2px solid var(--accent-fill);outline-offset:3px}.upgrade-cta-icon{color:#fff;background:linear-gradient(160deg,#ffffff57,#ffffff1f);border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #ffffff4d}.upgrade-cta-sub{color:#ffffffdb}.upgrade-cta-shine{z-index:-1;background:linear-gradient(105deg,#0000 30%,#ffffff52 46%,#ffffff0d 56%,#0000 64%);animation:6.5s ease-in-out 1.2s infinite upgrade-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes upgrade-shine{0%{transform:translate(-120%)}22%,to{transform:translate(120%)}}.upgrade-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#f37a12 0%,#d84d0b 100%);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px -10px #d64808b3}@media (prefers-reduced-motion:reduce){.upgrade-cta{transition:none}.upgrade-cta:hover{transform:none}.upgrade-cta-shine{animation:none;display:none}}.auth-visual{line-break:strict;word-break:auto-phrase;background:radial-gradient(120% 70% at 85% 0,#f9890361,#0000 60%),radial-gradient(90% 60% at 0 100%,#d64d1952,#0000 65%),linear-gradient(160deg,#24150a 0%,#160d07 55%,#0f0a07 100%)}.auth-visual:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 100%)}.auth-visual-stack .ls3d-plane:not([data-base]){background-color:#ffffff0d;background-image:conic-gradient(#ffffff0b 25%, transparent 0 50%, #ffffff0b 0 75%, transparent 0);box-shadow:inset 0 0 0 1px #ffd6aa59}.auth-visual-stack .ls3d-plane[data-base]{background:#1a100a;box-shadow:0 30px 60px -18px #000000b3,0 0 0 1px #ffd6aa40}.auth-field{position:relative}.auth-field>svg{width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:13px;translate:0 -50%}.auth-field:focus-within>svg{color:var(--accent-text)}.auth-submit{background-image:linear-gradient(#ffa53a 0%,#f98903 45%,#e46d00 100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 10px 24px -10px #e96e00bf}.auth-submit:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:translate .7s;position:absolute;inset:0;translate:-120%}.auth-submit:hover:not(:disabled):after{translate:120%}.auth-submit:hover:not(:disabled){transform:translateY(-1px)}@keyframes auth-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.auth-error{animation:.45s both auth-shake}@media (prefers-reduced-motion:reduce){.auth-error{animation:none}}
