body{display:flex;min-height:100dvh;flex-direction:column;padding-bottom:58px}.logo{display:block;object-fit:cover;background:none}main{min-height:calc(100dvh - 145px);margin:0 auto}.setup{margin-top:6vh}.service-summary{max-width:650px;margin:22px auto 0;padding:16px;border-top:1px solid var(--line);text-align:left}.service-summary h2{font-size:.9rem}.service-summary p{margin:7px 0}.service-summary a{color:var(--blue);font-size:.72rem;font-weight:800}.app-footer{position:fixed;z-index:35;right:0;bottom:0;left:0;height:58px;margin:0;border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -5px 18px #102a4614;backdrop-filter:blur(10px)}.app-footer>div{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100% - 24px,820px);height:100%;margin:auto;padding:8px 0}.app-footer nav{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scrollbar-width:none}.app-footer nav::-webkit-scrollbar{display:none}.app-footer a{flex:0 0 auto;color:#536174;font-size:.62rem;font-weight:750;text-decoration:none}.app-footer a:hover{color:var(--blue);text-decoration:underline}.app-footer small{color:#8491a2;font-size:.58rem;white-space:nowrap}@media(max-width:560px){.setup{margin-top:3vh}.app-footer>div{flex-direction:row;align-items:center}.app-footer small{display:none}}
body{padding-bottom:42px}.topbar{padding-top:7px!important;padding-bottom:7px!important}.app-footer{height:42px}.app-footer>div{padding:4px 0}.device-bar{padding:8px 12px}.device-bar strong{font-size:.9rem}.sync{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 12px}.sync strong{font-size:.64rem;white-space:nowrap}
.brand h1#topbarProjectName{font-size:1.05rem}.brand h1#topbarProjectName+small{font-size:.55rem}