.D5Q5nG_viewport{aspect-ratio:1.5;perspective:1100px;--solid:var(--brand-soft);--edge:var(--brand);width:100%;position:relative;overflow:hidden;container-type:inline-size}.D5Q5nG_stage{width:0;height:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.16,1,.3,1);position:absolute;top:44%;left:50%;transform:rotateX(49deg)rotate(-29deg)scale(.88)}.D5Q5nG_viewport[data-mode=crawl] .D5Q5nG_stage{transform:rotateX(38deg)rotate(-20deg)scale(.93)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_stage{transform:rotateX(54deg)rotate(-32deg)scale(.88)}.D5Q5nG_platform{border:1px solid var(--border);background:linear-gradient(135deg, var(--card), var(--background) 70%);border-radius:24px;width:450px;height:390px;position:absolute;top:-195px;left:-225px;transform:translateZ(-14px);box-shadow:24px 38px 42px #0008}.D5Q5nG_connections{fill:none;width:500px;height:440px;stroke:var(--brand-soft);stroke-width:1.5px;opacity:0;transition:opacity .25s;position:absolute;top:-220px;left:-250px;overflow:visible;transform:translateZ(24px)}.D5Q5nG_viewport[data-mode=crawl] .D5Q5nG_connections{opacity:.55;transition-delay:.85s}.D5Q5nG_page{width:76px;height:50px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay);position:absolute;top:-25px;left:-38px}.D5Q5nG_front{background:linear-gradient(145deg, var(--solid), var(--edge));backface-visibility:hidden;border-radius:4px;padding:8px;position:absolute;inset:0;box-shadow:inset 0 1px #fff9}.D5Q5nG_pageHeader{align-items:center;gap:5px;margin-bottom:7px;display:flex}.D5Q5nG_pageHeader b{background:var(--brand-foreground);border-radius:2px;width:6px;height:6px}.D5Q5nG_pageHeader span{background:var(--brand-foreground);opacity:.65;width:29px;height:3px}.D5Q5nG_front i{background:var(--brand-foreground);opacity:.27;width:88%;height:2px;margin-top:4px;display:block}.D5Q5nG_front i:last-child{width:58%}.D5Q5nG_bottom,.D5Q5nG_right,.D5Q5nG_left{background:color-mix(in srgb, var(--brand) 50%, var(--background));backface-visibility:hidden;position:absolute}.D5Q5nG_bottom{transform-origin:top;width:76px;height:12px;top:50px;transform:rotateX(-90deg)}.D5Q5nG_right{transform-origin:0;background:color-mix(in srgb, var(--brand) 70%, var(--background));width:12px;height:50px;left:76px;transform:rotateY(90deg)}.D5Q5nG_left{transform-origin:0;width:12px;height:50px;left:0;transform:rotateY(90deg)}.D5Q5nG_lock{width:126px;height:100px;transform-style:preserve-3d;opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .2s;position:absolute;top:-56px;left:-63px;transform:translateZ(16px)scale(.7)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_lock{opacity:1;transform:translate3d(0,-12px,75px)scale(1)}.D5Q5nG_lockBody{background:linear-gradient(135deg, var(--brand-soft), var(--brand));border-radius:10px;position:absolute;inset:0;transform:translateZ(1px);box-shadow:inset 0 2px #fff9}.D5Q5nG_shackle{border:16px solid var(--foreground);width:88px;height:95px;box-shadow:5px -4px 0 var(--muted-foreground) inset;transform-origin:80% 100%;border-bottom:0;border-radius:48px 48px 0 0;transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;top:-74px;left:19px;transform:rotate(0)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_shackle{transition-delay:.25s;transform:translateY(-22px)rotate(-32deg)}.D5Q5nG_keyhole{background:var(--brand-foreground);border-radius:50%;width:20px;height:20px;position:absolute;top:30px;left:53px}.D5Q5nG_keyhole:after{content:"";background:var(--brand-foreground);border-radius:2px;width:10px;height:19px;position:absolute;top:12px;left:5px}.D5Q5nG_lockBottom{background:color-mix(in srgb, var(--brand) 50%, var(--background));transform-origin:top;width:126px;height:22px;position:absolute;top:100px;transform:rotateX(-90deg)}.D5Q5nG_lockSide{background:color-mix(in srgb, var(--brand) 70%, var(--background));transform-origin:0;width:22px;height:100px;position:absolute;left:126px;transform:rotateY(90deg)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_page{--solid:var(--muted-foreground);--edge:var(--secondary)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_front i,.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_pageHeader span,.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_pageHeader b{background:var(--foreground)}.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_bottom,.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_right,.D5Q5nG_viewport[data-mode=unlock] .D5Q5nG_left{background:var(--border)}@container (max-width:500px){.D5Q5nG_stage{zoom:.8}}@container (max-width:380px){.D5Q5nG_stage{zoom:.58}}@media (prefers-reduced-motion:reduce){.D5Q5nG_stage,.D5Q5nG_page,.D5Q5nG_connections,.D5Q5nG_lock,.D5Q5nG_shackle{transition:opacity .15s}}