.oe-page{background:#0b1017;color:#e5edf5}.oe-page main{max-width:640px;margin:auto;padding:12px 14px calc(24px + env(safe-area-inset-bottom))}.oe-page header{display:flex;align-items:center;justify-content:space-between;gap:8px}.oe-page h1{font-size:1.2rem}.oe-page h2{font-size:1.15rem}.oe-profile{padding:16px 10px;text-align:center;background:#111d28;border:1px solid #315363;border-radius:12px}.oe-profile h2{min-height:1.5em;color:#67e8f9}.oe-profile p{min-height:1.5em}#oeAvatar{height:216px;display:grid;place-items:center}#oeAvatar svg{width:192px;height:192px;overflow:visible}.oe-page button,.oe-page .button,.oe-page summary{min-height:48px;touch-action:manipulation}.oe-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.oe-actions button{flex:1 1 180px}.oe-page button{white-space:normal}.oe-page button:disabled{opacity:.45}.oe-page :focus-visible{outline:3px solid #67e8f9;outline-offset:3px}#oeStatus{min-height:3em;line-height:1.5}.oe-page p{line-height:1.6}.oe-page ul{list-style:none;padding:0}.oe-page li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #273541}.oe-page li span{min-width:0;overflow-wrap:anywhere}.oe-page li small{display:block;color:#b1c7d4}.oe-page li button{flex:0 0 100px}.oe-page a{color:#67e8f9}.oe-page footer{padding:24px 0;color:#bac8d1}#oeShareImage img{max-width:100%;height:auto;display:block}.oe-page [hidden]{display:none!important}@media(max-width:360px){.oe-page header{flex-wrap:wrap}.oe-page h1{font-size:1.05rem}}
/* Standalone navigation links participate in block flow; inline button padding
   must never paint over the preceding multi-line profile explanation. */
.oe-page main>a.button{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:48px;margin:12px 0;white-space:normal;text-align:center}
#oeLocalStatus{margin-bottom:12px}

.oe-page #oeAvatar{position:relative}.oe-page #oeAvatar>.collection-home-frame{position:absolute;inset:0;pointer-events:none}.oe-page #oeAvatar>.collection-home-frame svg{width:100%;height:100%}
.oe-page #oeAvatar:has(>.collection-home-frame)>svg{transform:scale(.7)}
.public-avatar-settings{margin:20px 0;padding:18px;border:1px solid #84b9b944;border-radius:18px}.public-avatar-settings p{font-size:12px;line-height:1.7}.public-avatar-settings button{display:block;min-height:44px;margin:8px 0}.public-avatar-settings img{border-radius:50%}