body { margin:0; background:var(--public-bg,#090a0d); }
.profile-page { width:min(1040px,100%); margin:0 auto; padding:40px 24px; box-sizing:border-box; color:var(--public-text,#f7f7f8); font:14px/1.6 Inter,system-ui,sans-serif; }
.profile-page [hidden] { display:none!important; }
.profile-header { display:flex; align-items:center; gap:20px; margin-bottom:28px; }
.profile-header h1 { margin:0; font-size:26px; overflow-wrap:anywhere; }
.profile-header p { margin:4px 0 0; color:var(--public-text-muted,#b8bdc8); }
.profile-avatar { width:64px; height:64px; flex-shrink:0; display:grid; place-items:center; border-radius:18px; background:var(--public-surface-raised,#20242c); border:1px solid var(--public-border,#30353f); font-size:24px; font-weight:600; }
.profile-state { padding:48px 24px; text-align:center; border:1px solid var(--public-border,#30353f); border-radius:14px; background:var(--public-surface,#111318); }
.profile-files { list-style:none; padding:0; margin:0; border:1px solid var(--public-border,#30353f); border-radius:14px; overflow:hidden; background:var(--public-surface,#111318); }
.profile-file { display:flex; align-items:center; gap:16px; padding:18px 20px; border-bottom:1px solid var(--public-border,#30353f); }
.profile-file:last-child { border-bottom:0; }
.profile-file svg { flex-shrink:0; width:22px; height:22px; }
.profile-file-name { flex:1; min-width:0; overflow-wrap:anywhere; font-weight:500; }
.profile-file-size { color:var(--public-text-muted,#b8bdc8); white-space:nowrap; }
.profile-page :is(button,.profile-file a) { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; box-sizing:border-box; border:1px solid var(--public-border,#30353f); border-radius:8px; color:inherit; background:var(--public-surface-raised,#20242c); font:inherit; text-decoration:none; cursor:pointer; }
.profile-page :is(button,a):hover { border-color:var(--public-accent,#93c5fd); }
.profile-page :is(button,a):focus-visible { outline:2px solid var(--public-accent,#93c5fd); outline-offset:3px; }
@media(max-width:600px) { .profile-page { padding:24px 14px; } .profile-file { flex-wrap:wrap; gap:12px; padding:16px; } .profile-file-name { flex-basis:calc(100% - 38px); } .profile-file-size { margin-left:34px; margin-right:auto; } }