.user-page{width:100%;min-height:100dvh;color:var(--ink);background:var(--canvas);margin:0 auto}.user-page--fixed-actions{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.user-toolbar{z-index:var(--user-overlay-page);min-height:56px;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid;position:sticky;top:0}.user-toolbar--wide-trailing{grid-template-columns:76px minmax(0,1fr) 76px}.user-toolbar__side{place-items:center;min-width:44px;min-height:44px;display:grid}.user-toolbar__side--trailing{justify-self:end}.user-toolbar__side>button{border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.user-toolbar__side>button:not(:has(.user-icon)){color:var(--brand-strong);font-size:var(--font-caption);white-space:nowrap;padding-inline:8px;font-weight:700}.user-toolbar__side>button:disabled{color:var(--subtle)}.user-toolbar__side .user-icon{width:20px;height:20px}.user-toolbar__title{text-align:center;min-width:0}.user-toolbar h1,.user-toolbar p,.user-section__heading h2,.user-section__heading p{letter-spacing:0;margin:0}.user-toolbar h1{font-size:var(--font-toolbar-title);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.user-toolbar p{color:var(--muted);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.user-section{border-bottom:1px solid var(--line);background:var(--surface);padding:16px 12px}.user-section__heading{margin-bottom:12px}.user-section__heading h2{font-size:var(--font-section-title);line-height:1.4}.user-section__heading p{color:var(--muted);font-size:var(--font-caption);margin-top:3px;line-height:1.6}.user-fixed-actions{z-index:var(--user-overlay-fixed);width:min(100%,750px);min-height:64px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;right:50%;transform:translate(50%)}.user-fixed-actions>*{flex:1;min-width:0}