:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit}.app-shell{background:#f8fafc;min-height:100dvh}.page{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px - env(safe-area-inset-bottom));padding:24px;padding-bottom:calc(88px + env(safe-area-inset-bottom));text-align:center;place-items:center;display:grid}.page p{margin:0;font-size:1rem;line-height:1.6}.tab-bar{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #dbe2ea;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-height:64px;padding:10px 4px}.tab--active{color:#155eef;font-weight:700}.tab:focus-visible{outline-offset:-4px;outline:3px solid #93b4ff}@media (width>=768px){.app-shell{border-left:1px solid #e5eaf0;border-right:1px solid #e5eaf0;max-width:960px;margin:0 auto}.tab-bar{width:min(960px,100%);left:50%;right:50%;transform:translate(-50%)}}