*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{max-width:100%;overflow-x:clip}body{margin:0}button,input,select,textarea{font-size:16px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-right));background:#0b1220;border-bottom:1px solid #1e2a4a}.site-header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-height:40px;flex-shrink:0}.site-header .brand-text{font-weight:800;font-size:17px;letter-spacing:.2px}.site-header nav{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 8px;color:#e2e8f0;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;border-radius:8px}.site-header nav a:hover{color:#fff;background:hsla(0,0%,100%,.05)}@media (max-width:480px){.site-header{padding-top:10px;padding-bottom:10px;gap:8px}.site-header .brand-text{font-size:16px}.site-header nav{gap:2px}.site-header nav a{font-size:13px;padding:0 7px}}.app-main{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}