:root{--tg-bg:#fff;--tg-text:#000;--tg-hint:#707579;--tg-button:#3390ec;--tg-button-text:#fff;--tg-secondary-bg:#f4f4f5;--tg-viewport-height:100vh}*{box-sizing:border-box}body{background:var(--tg-bg);color:var(--tg-text);margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:var(--tg-viewport-height);flex-direction:column;display:flex}.app__content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex:1}.app--message .app__content{text-align:center;flex-direction:column;justify-content:center;gap:12px;display:flex}.app__title{margin:0;font-size:20px}.app__note{color:var(--tg-hint);margin:0}.app__detail{color:var(--tg-hint);margin:0;font-size:13px}.app__button{background:var(--tg-button);color:var(--tg-button-text);font:inherit;cursor:pointer;border:0;border-radius:8px;align-self:center;padding:10px 20px}.app__nav{border-top:1px solid var(--tg-secondary-bg);background:var(--tg-bg);padding-bottom:env(safe-area-inset-bottom);display:flex}.app__nav-item{color:var(--tg-hint);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:12px 4px}.app__nav-item[aria-current=page]{color:var(--tg-link,var(--tg-button))}