:root{--hub-bg:#050816;--hub-panel:rgba(255,255,255,.075);--hub-panel-strong:rgba(255,255,255,.11);--hub-line:rgba(255,255,255,.13);--hub-text:#f8fbff;--hub-muted:rgba(226,232,240,.72);--hub-soft:rgba(226,232,240,.52);--hub-cyan:#22d3ee;--hub-purple:#7c3cff;--hub-blue:#246bff}
.sb-user-hub,.sb-public-profile,.sb-app-play-final,.sb-user-hub *,.sb-public-profile *{box-sizing:border-box}
.sb-user-hub,.sb-public-profile{min-height:100vh;overflow:hidden;color:var(--hub-text);background:radial-gradient(circle at 8% 0%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 92% 6%,rgba(124,60,255,.22),transparent 36%),linear-gradient(180deg,#050816,#081026 46%,#050816);padding-bottom:clamp(50px,8vw,96px)}
.sb-hub-hero,.sb-page-hero,.profile-studio,.public-profile-hero,.public-profile-grid,.public-profile-apps,.community-grid,.sb-hub-grid{width:min(100% - 24px,1180px);margin-inline:auto}
.sb-hub-hero,.sb-page-hero,.public-profile-hero{position:relative;margin-top:clamp(14px,2vw,26px);border:1px solid var(--hub-line);border-radius:clamp(30px,4vw,48px);padding:clamp(30px,6vw,62px);background:radial-gradient(circle at var(--mx,20%) var(--my,18%),rgba(34,211,238,.16),transparent 30%),radial-gradient(circle at 82% 16%,rgba(124,60,255,.18),transparent 34%),rgba(255,255,255,.045);box-shadow:0 34px 100px rgba(2,6,23,.34);backdrop-filter:blur(18px);overflow:clip}
.sb-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.55fr);gap:clamp(24px,5vw,54px);align-items:center}
.sb-page-hero.compact{padding-block:clamp(28px,5vw,44px)}
.sb-hub-kicker{margin:0 0 10px;color:var(--hub-cyan);font-size:.78rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.sb-hub-hero h1,.sb-page-hero h1,.public-profile-hero h1{max-width:790px;margin:0;color:white;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.88;letter-spacing:-.08em;text-wrap:balance;overflow-wrap:anywhere}
.sb-hub-hero p,.sb-page-hero p,.public-profile-hero p,.sb-hub-card p,.profile-form-card p,.public-profile-grid p,.empty-panel p{color:var(--hub-muted);line-height:1.72;overflow-wrap:anywhere}
.sb-hub-actions,.stack-actions,.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.sb-hub-actions a,.stack-actions a,.profile-actions a,.profile-actions button,.card-head a,.community-grid a.empty-panel,.empty-panel a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 15px;color:#fff;background:linear-gradient(135deg,var(--hub-purple),var(--hub-blue));text-decoration:none;font:inherit;font-weight:950;box-shadow:0 18px 42px rgba(2,6,23,.28);cursor:pointer}
.sb-hub-actions .soft,.stack-actions .soft,.profile-actions .soft{background:rgba(255,255,255,.085)}
.sb-profile-passport,.sb-hub-card,.profile-form-card,.public-profile-grid article,.public-profile-apps,.community-card{border:1px solid var(--hub-line);border-radius:34px;background:radial-gradient(circle at var(--mx,60%) var(--my,0%),rgba(34,211,238,.13),transparent 34%),var(--hub-panel);box-shadow:0 24px 72px rgba(2,6,23,.30);backdrop-filter:blur(18px)}
.sb-profile-passport{min-height:330px;display:grid;place-items:center;text-align:center;padding:26px;overflow:clip}
.avatar-ring,.public-avatar{width:92px;height:92px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,var(--hub-purple),var(--hub-cyan));box-shadow:0 18px 44px rgba(34,211,238,.22);font-size:2rem;font-weight:950}
.sb-profile-passport strong{font-size:1.5rem}
.passport-stats,.public-profile-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.passport-stats article,.public-profile-stats article,.status-row span,.status-row b{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:12px;background:rgba(255,255,255,.07)}
.passport-stats span,.public-profile-stats span,.detail-info-strip span{display:block;color:var(--hub-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.passport-stats b,.public-profile-stats strong{display:block;margin-top:4px;color:white}
.profile-progress{width:100%;height:10px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}.profile-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hub-cyan),var(--hub-purple))}
.sb-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,26px);margin-top:clamp(22px,4vw,42px)}
.sb-hub-card{padding:22px;min-width:0;overflow:clip}.sb-hub-card.wide{grid-column:span 2}.card-head,.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.card-head h2,.section-title h2,.profile-form-card h2,.public-profile-grid h2,.public-profile-apps h2{margin:0;color:white;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.045em}
.mini-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-app-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:14px;color:white;background:rgba(255,255,255,.065);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.mini-app-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.36);background:rgba(255,255,255,.095)}.mini-app-card img{width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.28))}.mini-app-card span{position:absolute;right:12px;top:12px}.mini-app-card strong,.mini-app-card small{display:block;overflow-wrap:anywhere}.mini-app-card small{margin-top:4px;color:var(--hub-muted)}
.status-row{display:grid;gap:10px;margin:16px 0}.control-list,.activity-list,.leaderboard-mini{display:grid;gap:10px}.control-list a,.activity-list article,.leaderboard-mini div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:12px;color:white;background:rgba(255,255,255,.06);text-decoration:none}.control-list span,.activity-list span,.leaderboard-mini span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--hub-purple),var(--hub-blue));font-weight:950}.control-list small,.activity-list small,.leaderboard-mini small{display:block;color:var(--hub-muted)}
.empty-panel{grid-column:1/-1;border:1px dashed rgba(255,255,255,.18);border-radius:22px;padding:22px;background:rgba(255,255,255,.045);color:white}
.profile-studio{display:grid;gap:20px;margin-top:24px}.profile-form-card{padding:clamp(20px,4vw,34px)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form-grid .full{grid-column:1/-1}.profile-form-card label{display:grid;gap:7px;color:var(--hub-muted);font-weight:900}.profile-form-card input,.profile-form-card select,.profile-form-card textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:13px 14px;color:white;background:rgba(255,255,255,.075);font:inherit;outline:none}.profile-form-card select option{color:#07111f;background:white}.profile-form-card input:focus,.profile-form-card select:focus,.profile-form-card textarea:focus{border-color:rgba(34,211,238,.65);box-shadow:0 0 0 4px rgba(34,211,238,.14)}
.favorite-app-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.favorite-app-picker label,.visibility-grid label{border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:14px;background:rgba(255,255,255,.06);cursor:pointer}.favorite-app-picker input,.visibility-grid input{accent-color:var(--hub-cyan)}.favorite-app-picker span,.favorite-app-picker strong,.favorite-app-picker small{display:block}.visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.success-box,.error-box,.private-note{border-radius:22px;padding:14px 16px}.success-box{border:1px solid rgba(34,197,94,.38);background:rgba(34,197,94,.12);color:#bbf7d0}.error-box{border:1px solid rgba(248,113,113,.42);background:rgba(127,29,29,.25);color:#fecaca}.private-note{margin-top:18px;border:1px solid rgba(250,204,21,.38);background:rgba(250,204,21,.10);color:#fef3c7}
.public-profile-hero{text-align:center}.public-avatar{margin:0 auto 18px}.public-profile-stats{width:min(100%,760px);margin-inline:auto}.public-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.public-profile-grid article,.public-profile-apps{padding:22px}.public-profile-apps{margin-top:24px}
.theme-ocean{--hub-cyan:#38bdf8;--hub-purple:#2563eb}.theme-forest{--hub-cyan:#22c55e;--hub-purple:#0f766e}.theme-sunrise{--hub-cyan:#facc15;--hub-purple:#f97316}.theme-rose{--hub-cyan:#fb7185;--hub-purple:#db2777}
.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.community-card{display:grid;gap:8px;padding:20px;color:white;text-decoration:none;text-align:center}.community-card>span{width:64px;height:64px;display:grid;place-items:center;margin-inline:auto;border-radius:22px;background:linear-gradient(135deg,var(--hub-purple),var(--hub-cyan));font-size:1.4rem;font-weight:950}.community-card p{margin:0;color:var(--hub-muted)}.community-card small{color:var(--hub-soft)}
@media(max-width:1080px){.sb-hub-hero,.sb-hub-grid,.public-profile-grid{grid-template-columns:1fr}.sb-hub-card.wide{grid-column:auto}.mini-app-grid,.favorite-app-picker,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sb-hub-hero,.sb-page-hero,.public-profile-hero{width:min(100% - 16px,1180px);padding:28px 18px;border-radius:28px}.sb-hub-grid,.profile-studio,.public-profile-grid,.public-profile-apps,.community-grid{width:min(100% - 16px,1180px)}.passport-stats,.profile-form-grid,.favorite-app-picker,.visibility-grid,.mini-app-grid,.public-profile-stats,.community-grid{grid-template-columns:1fr}.card-head,.section-title{display:grid}.sb-hub-actions,.stack-actions,.profile-actions{display:grid}.sb-hub-actions a,.stack-actions a,.profile-actions a,.profile-actions button{width:100%}}

/* === Global StudyBuddy PFP dashboard polish === */
.avatar-ring img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
/* === End Global StudyBuddy PFP dashboard polish === */