:root{--primary:#008CFF;--primary-deep:#0057E7;--primary-light:#12B5F4;--background:#FFFFFF;--surface:#FFFFFF;--text-primary:#0F172A;--text-secondary:#64748B;--border:#E5E7EB;--success:#16A34A;--error:#DC2626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}@media (min-width:768px){.mobile-top-header{display:none!important}.desktop-sidebar{display:flex!important;transition:width .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1)}.desktop-sidebar.collapsed,body.sidebar-collapsed .desktop-sidebar{width:72px!important;padding:1.5rem .5rem!important}.mobile-bottom-nav{display:none!important}.main-content-layout{margin-left:220px;width:calc(100% - 220px);display:flex;flex-direction:column;align-items:center;padding-bottom:2rem!important;transition:margin-left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1)}.main-content-layout.collapsed,body.sidebar-collapsed .main-content-layout{margin-left:72px!important;width:calc(100% - 72px)!important}}@media (max-width:767px){.desktop-sidebar{display:none!important}.mobile-top-header{display:flex!important}.mobile-bottom-nav{position:fixed!important;bottom:16px!important;left:16px!important;right:16px!important;margin:0 auto!important;max-width:480px!important;height:56px!important;background-color:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(229,231,235,.9)!important;border-radius:9999px!important;box-shadow:0 10px 25px -5px rgba(15,23,42,.12),0 8px 10px -6px rgba(15,23,42,.08)!important;padding:0 12px!important;z-index:50!important}.main-content-layout{margin-left:0;padding-bottom:96px!important}}@keyframes heartBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-header-container{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1.75rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.75rem}.profile-avatar-column{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.profile-avatar-wrap{flex-shrink:0}.profile-avatar-img{width:86px;height:86px;border-radius:9999px;object-fit:cover;border:3px solid #fff;display:block}.profile-info-column{display:flex;flex-direction:column;gap:1rem}.profile-title-row{display:flex;align-items:center;gap:1.25rem}.profile-username{font-size:1.35rem;font-weight:700;color:#0F172A;letter-spacing:-.3px;margin:0}.profile-action-btn{padding:7px 18px;background-color:#F1F5F9;color:#0F172A;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease;cursor:pointer}.profile-action-btn:hover{background-color:#E2E8F0}.profile-action-btn-primary{background-color:#008CFF;color:#FFFFFF;border:none;box-shadow:0 2px 4px rgba(0,140,255,.2)}.profile-action-btn-primary:hover{background-color:#0077DB}.profile-action-btn-full{width:100%}.profile-stats-group{display:flex;align-items:center}.profile-stat-item{display:flex;align-items:baseline;gap:.35rem}.profile-stat-value{font-weight:750;font-size:1.05rem;color:#0F172A}.profile-stat-label{font-size:.92rem;color:#64748B}.profile-bio-section{display:flex;flex-direction:column;gap:4px}.profile-display-name{font-weight:600;font-size:.95rem;color:#1E293B}.profile-bio-text{font-size:.9rem;color:#475569;white-space:pre-wrap;margin-top:2px;line-height:1.45}.desktop-only-action,.desktop-only-stats{display:none}.mobile-only-stats{flex:1 1;justify-content:space-around;text-align:center}.mobile-only-stats .profile-stat-item{flex-direction:column;align-items:center;gap:1px}.mobile-only-action{display:flex;width:100%}@media (min-width:640px){.profile-header-container{flex-direction:row;align-items:flex-start;gap:3.5rem;padding-bottom:2.5rem;margin-bottom:2rem}.profile-avatar-column{flex:0 0 auto}.profile-avatar-img{width:140px;height:140px}.profile-info-column{flex:1 1;gap:1.25rem}.profile-username{font-size:1.5rem}.desktop-only-action{display:block}.desktop-only-stats{display:flex;gap:2.75rem}.mobile-only-action,.mobile-only-stats{display:none}}.settings-grid{display:grid;grid-template-columns:280px 1fr;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;min-height:650px;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.02);width:100%;max-width:1080px}.settings-sidebar{border-right:1px solid #e5e7eb;padding:1.5rem 1rem;background-color:#FFFFFF;display:flex;flex-direction:column;gap:1.25rem}.settings-detail{padding:2rem 2.5rem;background-color:#FFFFFF;overflow-y:auto}.settings-back-btn{display:none}@media (max-width:767px){.settings-grid{grid-template-columns:1fr;border:none;border-radius:0;box-shadow:none;min-height:auto}.settings-sidebar{border-right:none;padding:1rem}.settings-detail{padding:1rem}.settings-detail.hidden-mobile,.settings-sidebar.hidden-mobile{display:none!important}.settings-profile-card{flex-direction:column!important;align-items:stretch!important;text-align:center}.settings-profile-card>div:first-child{justify-content:center}.settings-profile-card>button{width:100%}.settings-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#008CFF;font-weight:600;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem}}@keyframes shimmerPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-box{background-color:#F1F5F9;border-radius:8px;animation:shimmerPulse 1.5s ease-in-out infinite}@media (hover:hover){.profile-grid-item:hover .profile-grid-overlay{opacity:1!important}}.profile-grid-item:focus-visible{outline:2px solid #008CFF;outline-offset:2px;position:relative;z-index:1}