.page,.wide-profile .page{width:min(var(--content-width,640px),calc(100% - 32px))}.preview .page,.preview.wide-profile .page{width:calc(100% - 24px)}
.avatar,.avatar-holder{width:var(--avatar-size,110px);height:var(--avatar-size,110px)}.profile-card[data-layout="wide"] .identity{grid-template-columns:var(--avatar-size,110px) minmax(0,1fr)}
.avatar-decoration-image{position:absolute;inset:-10%;width:120%;height:120%;object-fit:contain;pointer-events:none}
.profile-banner{display:block;width:calc(100% + 64px);height:160px;object-fit:cover;margin:-38px -32px 0;border-radius:var(--radius) var(--radius) 0 0}.has-banner .identity{position:relative;margin-top:-45px}.has-banner .avatar{background:var(--card)}
.occupation{font-size:.8rem;opacity:.7;margin:10px 0 0}.social-mark{width:var(--social-size,24px)!important;height:var(--social-size,24px)!important}.social{width:calc(var(--social-size,24px) + 19px);height:calc(var(--social-size,24px) + 19px)}.entry-symbol{font-size:36px;font-style:normal;color:var(--accent)}
.profile-widgets{display:grid;gap:12px;margin-top:25px}.profile-widget{padding:17px;text-align:left;border:1px solid #ffffff26;border-radius:14px;background:#ffffff07;overflow:hidden}.profile-widget small{display:block;opacity:.65;font-size:11px;line-height:1.7}.profile-widget p{font-size:12px;line-height:1.7}.profile-widget>strong{font-size:13px}.widget-load{border:1px solid #ffffff30;background:#ffffff09;border-radius:8px;padding:10px 14px;color:var(--text);font:inherit;font-size:12px;margin:8px 0}.widget-load:disabled{opacity:.5;cursor:default}
.profile-clock time{display:block;margin:6px 0;font-size:30px;font-variant-numeric:tabular-nums}.profile-clock p{margin:0;opacity:.6}.discord-details{display:flex;align-items:center;gap:14px;margin-top:12px}.discord-details:empty{display:none}.discord-details img{height:50px;width:50px;border-radius:50%;object-fit:cover}.discord-details strong{font-size:14px}.discord-details p{margin:5px 0}.presence-status::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#777;margin-right:7px}.presence-status.online::before{background:#5bbd87}.presence-status.idle::before{background:#e1b256}.presence-status.dnd::before{background:#e16d78}.spotify-embed{width:100%;height:352px;border:0;border-radius:12px;display:block}
.profile-player{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:17px}.profile-player audio{display:none}.track-cover{width:64px;height:64px;border-radius:9px;object-fit:cover}.track-info{flex:1;min-width:140px}.track-info .music-title{margin:0 0 6px;font-size:13px}.player-controls{display:flex;align-items:center;gap:5px}.player-button{border:0;background:transparent;color:var(--text);font-size:23px;min-width:32px;min-height:32px;line-height:1;cursor:pointer}.player-seek{width:100%;accent-color:var(--accent);height:15px;display:block;cursor:pointer}.player-time{font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}.player-volume{display:flex;align-items:center;gap:5px}.player-volume input{width:65px;accent-color:var(--accent)}.profile-player .music-error{width:100%;margin:0}.playlist-menu{width:100%;border-top:1px solid #ffffff20;padding-top:12px;font-size:12px}.playlist-menu summary{cursor:pointer;opacity:.7}.playlist-track{display:block;width:100%;text-align:left;border:0;border-radius:7px;padding:11px;color:var(--text);background:#ffffff06;margin-top:5px;font:inherit}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:10px;display:block}.gallery-grid figcaption{font-size:12px;opacity:.7;margin-top:9px;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:560px){.profile-banner{width:calc(100% + 40px);height:130px;margin:-28px -20px 0}.has-banner .identity{margin-top:-35px}.profile-card[data-layout="wide"] .identity{display:block;text-align:center}.profile-card[data-layout="wide"] .socials{justify-content:center}.gallery-grid{gap:10px}.gallery-grid img{height:150px}.player-volume{width:100%;justify-content:flex-end}}
body.preview .profile-banner{width:calc(100% + 38px);margin:-28px -19px 0}.profile-tab{min-height:42px}