*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:100dvh;-webkit-text-size-adjust:100%}body,#app{height:100%;min-height:100%;min-height:-webkit-fill-available;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#1a1a2e;overflow:hidden}.app-prototype{width:100%;height:100%;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}@media (max-width: 480px){.app-prototype{padding:0}}.phone-frame{width:100%;max-width:390px;height:100%;max-height:100%;min-height:0;background:#0f0f1a;border-radius:36px;padding:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.phone-frame.frame-off{padding:0;border-radius:0;max-width:100%;max-height:100%;height:100%;min-height:100%;min-height:100dvh}.phone-screen{position:relative;width:100%;flex:1;min-height:0;background:#fff;border-radius:24px;overflow:hidden}.frame-off .phone-screen{border-radius:0;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.toggle-frame{margin-top:16px;padding:8px 16px;font-size:14px;color:#fff;background:#3d3d5c;border:none;border-radius:8px;cursor:pointer}.toggle-frame:hover{background:#4d4d6c}@media (max-width: 480px){.toggle-frame{display:none}}.slide-enter-active,.slide-leave-active{transition:transform .2s ease,opacity .2s ease}.slide-enter-from{transform:translate(20px);opacity:0}.slide-leave-to{transform:translate(-20px);opacity:0}