.app-status{max-width:1280px;margin:12px auto 0;padding:12px 18px;display:flex;align-items:center;gap:16px;border:1px solid #d9cbed;border-radius:16px;background:#f3edff;color:#3a2161;font-size:14px;line-height:1.6}.app-status[hidden]{display:none}.app-status span{flex:1;min-width:0}.app-status button{flex:none}.dark .app-status{background:#271936;border-color:#75558f;color:#f3eaff}.topbar{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.portal-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}#install-app{font-size:13px;white-space:normal;line-height:1.35;max-width:140px}#root:empty{min-height:60vh}.offline-shell{max-width:600px;margin:8vh auto;padding:32px;background:white;border:1px solid #e6dcf2;border-radius:28px;box-shadow:0 20px 60px #54328b18}.offline-shell img{max-width:210px;height:auto}.offline-shell h1{font-size:clamp(26px,5vw,38px);color:#372046;line-height:1.2}.offline-shell p{color:#5b4d6b;font-size:16px;line-height:1.8}.offline-shell select{max-width:100%;padding:10px;border:1px solid #c8b6de;border-radius:12px;background:white;color:#372046}.offline-shell button{border:0;border-radius:14px;background:#6241b4;color:white;padding:14px 24px;font:inherit;cursor:pointer}.offline-body{font-family:system-ui,sans-serif;background:#f8f6ff;margin:0;padding:20px}.offline-symbol{font-size:40px;color:#805acb}.offline-shell a{color:#6241b4}@media(max-width:600px){.toptools{gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.topbar{gap:8px;flex-wrap:wrap}.topbar .brand img{width:150px;height:auto}.app-status{margin:10px 12px 0;flex-wrap:wrap}.app-status span{flex-basis:100%}#install-app{max-width:110px;font-size:12px;padding:8px}.offline-shell{padding:24px;margin:4vh auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

@media(max-width:600px){.topbar{height:auto;min-height:94px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-bottom:12px}.topbar .brand{width:150px}.topbar .brand img{width:100%;max-width:150px;height:auto}.toptools{width:100%;flex:none;justify-content:space-between}.toptools #logout{max-width:75px}.toptools select{width:100px;max-width:100px}}