:root{color:#18233e;font-synthesis:none;--club-cobalt:#3159d9;--club-coral:#ed7968;--club-lavender:#eef0f8;--club-line:#dce0ec;--club-muted:#59647d;--club-canvas:#fafbfe;background:#fafbfe;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;max-width:100%;min-height:44px}button,select,input{border:1px solid var(--club-line);color:inherit;background:var(--club-canvas);border-radius:12px;padding:10px 14px}button{cursor:pointer}button:hover:not(:disabled){background:var(--club-lavender)}button:disabled{opacity:.55;cursor:default}a{color:var(--club-cobalt)}:focus-visible{outline:3px solid var(--club-cobalt);outline-offset:3px}.shell{max-width:560px;min-height:100dvh;padding-top:env(safe-area-inset-top);margin:auto}main{padding:20px max(24px, env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));overflow-wrap:anywhere}header{justify-content:space-between;align-items:center;min-height:52px;display:flex}.brand{letter-spacing:-.5px;font-size:19px;font-weight:750}.icon-button{border:0;place-items:center;width:48px;display:grid}svg{width:24px;height:24px}h1{letter-spacing:-.7px;font-size:28px}h2{font-size:22px}.avatar-preview{text-align:center;padding-top:26px}.bust{background:var(--club-lavender);border-radius:40% 40% 24px 24px;width:min(100%,336px);margin:0 auto;overflow:hidden}.bust svg{width:100%;height:auto;display:block}.avatar-preview h1{margin:24px 0 6px;font-size:26px}.presence{color:var(--club-muted);margin:0;font-size:14px}.presence:before{content:"";background:var(--club-cobalt);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.customize{background:0 0;border:0;margin-top:14px;font-size:14px}.bottom-nav{z-index:2;width:min(100%,560px);padding:10px max(8px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--club-canvas);border-top:1px solid var(--club-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-height:56px;color:var(--club-muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;text-decoration:none;display:flex}.bottom-nav .router-link-exact-active{color:var(--club-cobalt);font-weight:700}.banner{background:var(--club-lavender);margin:0;padding:12px 24px}.error{border-left:4px solid var(--club-coral)}.onboarding{padding-top:max(64px, env(safe-area-inset-top))}.onboarding h1{max-width:240px;margin:64px 0 32px;font-size:36px}form{gap:16px;margin:24px 0;display:grid}label{gap:8px;font-size:15px;display:grid}input,select{width:100%}.primary{background:var(--club-cobalt);color:#fff;border:0}dl{gap:10px;margin:28px 0;display:grid}dt{color:var(--club-muted);font-size:14px}dd{margin:0 0 10px}small{margin-top:8px;display:block}.settings-link{align-items:center;min-height:48px;margin:16px 0;display:flex}.toggle{align-items:center;min-height:56px;margin-top:16px;display:flex}.toggle input{width:24px}.empty{color:var(--club-muted);margin-top:64px}li{gap:4px;margin-bottom:16px;display:grid}ul{padding-left:0;list-style:none}.notification-panel{border-bottom:1px solid var(--club-line);padding:16px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}