/* Added on top of each finished screen so it works as a tappable prototype. */
body{width:auto!important;min-height:100vh;-webkit-tap-highlight-color:transparent}
body:not([data-screen="admin"]){max-width:520px;margin:0 auto!important}
.tag{display:none!important}
.st{position:relative;min-height:34px}
.st .lf-dock{position:absolute;left:50%;top:-2px;width:44px;height:44px;margin-left:-22px;z-index:30;cursor:pointer}
.lf-peek{position:absolute!important;z-index:30;width:48px;height:48px;cursor:pointer;opacity:.95}
.tap{cursor:pointer}
.tap:active{transform:scale(.98)}
.lf{display:inline-block;position:relative}
.lf .lf-in{width:100%;height:100%;transition:transform .2s ease,filter .2s ease,opacity .2s ease}
.lf svg{width:100%;height:100%;overflow:visible;display:block}
.lf-float svg{animation:lfFloat 3.4s ease-in-out infinite}
@keyframes lfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
.lf-poof{transform:scale(.5) rotate(-10deg);filter:blur(4px);opacity:.25}
.lf-pop{animation:lfPop .36s cubic-bezier(.3,1.6,.5,1)}
@keyframes lfPop{0%{transform:scale(.6)}70%{transform:scale(1.1)}100%{transform:scale(1)}}
.lf-eyes{transform-box:fill-box;transform-origin:center;animation:lfBlink 4.6s infinite}
@keyframes lfBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.proto-toast{position:fixed;left:16px;right:16px;bottom:96px;max-width:488px;margin:0 auto;background:#2D3047;color:#fff;border-radius:18px;padding:14px 16px;font:600 15px Inter,sans-serif;z-index:60;box-shadow:0 14px 30px -16px #000a;animation:ptIn .25s ease}
@keyframes ptIn{from{transform:translateY(20px);opacity:0}}
.proto-sheet{position:fixed;inset:0;background:#2D304766;display:flex;align-items:flex-end;justify-content:center;z-index:70}
.proto-sheet>div{background:#FFF8F4;width:100%;max-width:520px;border-radius:28px 28px 0 0;padding:22px 16px 26px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;font-family:Inter,sans-serif;color:#2D3047}
.proto-sheet b{font:800 26px Outfit,sans-serif}
.proto-sheet button{width:100%;height:56px;border-radius:18px;border:0;background:#2D3047;color:#fff;font:700 18px Outfit,sans-serif}
.spin{width:26px;height:26px;border-radius:50%;border:3px solid #ffffff55;border-top-color:#fff;animation:sp .8s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}