:root{--max-width:430px;--nav-height:64px;--nav-bg:#000;--nav-border:#27272a;--text-main:#fff;--text-muted:#a1a1aa;--bg-main:#000}body,html{background:var(--bg-main);color:var(--text-main);margin:0;padding:0;font-family:Inter,Arial,sans-serif}.mspa-root{min-height:100vh;width:100vw;max-width:var(--max-width);margin:0 auto;background:var(--bg-main);color:var(--text-main);flex-direction:column;justify-content:space-between;position:relative}.mspa-main,.mspa-root{display:flex;align-items:center}.mspa-main{flex:1;width:100%;flex-direction:column;justify-content:center;overflow-y:auto}.mspa-navbar{width:100vw;max-width:100vw;height:var(--nav-height);background:var(--nav-bg);border-top:1px solid var(--nav-border);flex-direction:row;z-index:50;gap:0}.mspa-nav-btn,.mspa-navbar{display:flex;align-items:center;justify-content:center}.mspa-nav-btn{flex:1 1 0;min-width:0;flex-direction:column;height:100%;color:var(--text-muted);text-decoration:none;font-size:12px;transition:color .2s}.mspa-nav-btn.active{color:var(--text-main)}.mspa-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.mspa-muted{color:var(--text-muted)}