.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:100%;transform-style:preserve-3d;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-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}}.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}}
