*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#dcd8c4;margin:0;font-family:Barlow Condensed,Helvetica,sans-serif}a{color:#1c332a}a:hover{color:#d9581d}button{cursor:pointer;color:inherit;text-align:inherit;background:0 0;border:none;padding:0;font-family:inherit}button:active{filter:brightness(.9)}input{outline:none;font-family:inherit}input:focus-visible{box-shadow:inset 0 0 0 2px #d9581d}.frame-outer{justify-content:center;align-items:flex-start;min-height:100dvh;padding:28px 0;display:flex}.frame{color:#1c332a;background-color:#f4f1e4;background-image:repeating-linear-gradient(0deg,#1c332a0d 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#1c332a0d 0 1px,#0000 1px 26px);border:2px solid #1c332a;border-radius:18px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 44px #1c332a4d}.frame-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}@media (width<=480px){.frame-outer{padding:0}.frame{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.frame-scroll{padding-top:env(safe-area-inset-top)}.nav-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))!important}.keypad{padding-bottom:16px;bottom:calc(64px + env(safe-area-inset-bottom))!important}}