/* app shell on top of proto.css: a phone-sized stage that fills the screen; screens (.scr) are absolutely positioned
   inside it exactly like in the prototype, so the page itself never scrolls or rubber-bands in the PWA */
html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#07070B;color:#F5F5F7;font-family:'Onest',system-ui,sans-serif;-webkit-text-size-adjust:100%}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#root{position:fixed;top:0;bottom:0;left:0;right:0;max-width:440px;margin:0 auto;overflow:hidden;background:#07070B}
#app{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;bottom:0}
.scr{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#nav{position:absolute;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));height:64px;border-radius:32px;background:rgba(22,22,29,.94);border:1px solid #2A2A33;padding:0 6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:5}
#sheet{position:absolute;inset:0;z-index:8}
#sheet .sheet{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));max-height:92%;overflow-y:auto}
.toast{z-index:20;top:calc(10px + env(safe-area-inset-top,0px))}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button[disabled]{opacity:.5;pointer-events:none}
input,textarea{font-size:16px}
.chip{display:inline-flex;align-items:center;justify-content:center}
.shimmer{background:linear-gradient(90deg,#8B8B98 0%,#F5F5F7 50%,#8B8B98 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 2.4s linear infinite}