.profile-page::before{opacity:.23}
.profile-content{max-width:1800px;width:100%;padding:28px 4% 48px;margin:0 auto}
.profile-hero{position:relative;isolation:isolate;display:flex;align-items:center;gap:38px;min-height:210px;padding:26px clamp(26px,6vw,104px);border:1px solid #6c2ba5;border-radius:11px;background:#0d071b;overflow:hidden}
.profile-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d071b50,#0d071bb0),url('slup-login-background.png') center 35% / cover;opacity:.4}
.profile-avatar-area{flex:none;width:160px;height:160px}.profile-avatar-image{display:block;width:160px;height:160px;border-radius:22px;object-fit:cover}
.profile-avatar-edit{position:relative;width:160px;height:160px;display:block;padding:0;border:0;border-radius:22px;overflow:hidden;background:#280044;cursor:pointer}
.avatar-edit-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;background:#11071be8;color:#fff;font-size:14px;font-weight:650;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s}
.avatar-edit-overlay>span{font-size:22px}.profile-avatar-edit:hover .avatar-edit-overlay,.profile-avatar-edit:focus-visible .avatar-edit-overlay,.profile-avatar-edit.avatar-editing .avatar-edit-overlay{opacity:1;transform:none}
.profile-avatar-edit[aria-busy=true]{opacity:.6;cursor:wait}
.profile-identity{min-width:0}.profile-identity h1{font-size:48px;line-height:1.1;letter-spacing:-.04em;margin:0 0 5px;overflow-wrap:anywhere}.profile-handle{font-size:19px;font-weight:600}.profile-joined{font-size:15px;color:#bda9db;margin-top:4px}
.profile-stats{display:flex;gap:34px;margin-top:16px}.profile-stats>div{display:flex;flex-direction:column;gap:1px}.profile-stats>div+div{border-left:1px solid #775192;padding-left:34px}.profile-stats strong{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}.profile-stats span{font-size:13px;color:#bda9db}
.profile-edit-button{align-self:flex-start;margin-left:auto;flex:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 24px;border:1px solid #b953f5;background:#170928;border-radius:8px;color:#dca5ff;font-size:14px}.profile-edit-button>span{font-size:22px;line-height:1}
.profile-upload-status{font-size:13px;color:#c6eaa1}.profile-upload-status:not(:empty){padding:12px 0}.profile-upload-status[data-error]{color:#ffb7cd}
.profile-settings-panel{padding:22px 26px;margin-top:16px;background:#150a24;border:1px solid #583079;border-radius:9px}.profile-settings-panel h2{font-size:20px;margin-bottom:12px}.profile-settings-panel p{color:#c5aedb;font-size:14px;margin:8px 0}.profile-signin-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.profile-signin-links a{border:1px solid #68418a;border-radius:6px;padding:9px 18px;color:#d8b9ff}
.profile-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 16px}.profile-library-heading>div{display:flex;align-items:baseline;gap:20px}.profile-library-heading h2{font-size:28px;letter-spacing:-.035em}.profile-library-heading>div>span{color:#bba4dc;font-size:14px}
.profile-library-heading nav{display:flex;border:1px solid #54317b;border-radius:7px;overflow:hidden;background:#14091f}.profile-library-heading nav a{font-size:13px;font-weight:600;min-width:140px;padding:10px 19px;text-align:center;color:#d6b9f4}.profile-library-heading nav a[aria-current=page]{background:var(--accent);color:#111906;border-radius:6px;box-shadow:0 0 16px #a0fa0c40}
.profile-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.profile-video{min-width:0;border:1px solid #733ea3;border-radius:7px;overflow:hidden;background:#10091de8;transition:border-color .15s}.profile-video:hover{border-color:#bb69f6}
.profile-video-play{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:#150924 url('slup-logo.webp') center / 65% auto no-repeat;overflow:hidden}
.profile-video-play>img{display:block;width:100%;aspect-ratio:2.15;object-fit:cover}.profile-video-play img[data-missing]{visibility:hidden}
.profile-video-duration{position:absolute;bottom:7px;right:7px;border-radius:5px;padding:2px 6px;background:#040207de;font-size:12px;color:#fff}
.profile-video-play-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:var(--accent);background:#10051e35;opacity:0;transition:opacity .15s}.profile-video-play:hover .profile-video-play-icon,.profile-video-play:focus-visible .profile-video-play-icon{opacity:1}
.profile-video-body{padding:12px 14px}.profile-video-body h3{font-size:15px;line-height:1.4;font-weight:600;margin:0;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-video-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px}.profile-video-reactions{display:flex;align-items:center;gap:8px;color:#f2ebfc;font-variant-numeric:tabular-nums}.profile-video-reactions img{width:23px;height:23px;object-fit:contain}.profile-video-footer time{color:#ac8ec9}
.profile-video-pending{aspect-ratio:16/9;display:grid;place-items:center;background:#1a0b2a;color:#baa3d6}.profile-library-empty{grid-column:1/-1;padding:65px 20px;text-align:center;border:1px solid #533174;border-radius:9px}.profile-library-empty h3{font-size:24px}.profile-library-empty p{font-size:15px;color:#c0a9d8;margin:12px 0 20px}
.profile-pagination{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:24px;font-size:13px;color:#b9a2d1}.profile-pagination a{padding:10px 16px;border:1px solid #69408b;border-radius:6px;color:#d4b6ec}
@media(max-width:1200px){.profile-hero{padding:26px;gap:25px}.profile-avatar-area,.profile-avatar-image,.profile-avatar-edit{width:140px;height:140px}.profile-identity h1{font-size:40px}.profile-edit-button{padding:10px 16px}.profile-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.profile-library{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{flex-wrap:wrap;gap:20px}.profile-edit-button{align-self:center}.profile-library-heading{flex-wrap:wrap}.profile-library-heading nav{margin-left:auto}}
@media(max-width:540px){.profile-content{padding:20px 16px 36px}.profile-hero{padding:20px;gap:16px}.profile-avatar-area,.profile-avatar-image,.profile-avatar-edit{width:94px;height:94px;border-radius:15px}.profile-identity{flex:1 1 calc(100% - 110px)}.profile-identity h1{font-size:28px}.profile-handle{font-size:14px}.profile-joined{font-size:12px;line-height:1.4}.profile-stats{gap:18px;margin-top:12px}.profile-stats>div+div{padding-left:18px}.profile-stats strong{font-size:19px}.profile-stats span{font-size:11px}.profile-edit-button{margin-left:0;font-size:12px;padding:8px 12px}.profile-library-heading h2{font-size:25px}.profile-library-heading>div{gap:12px}.profile-library-heading nav{width:100%;margin:0}.profile-library-heading nav a{flex:1;min-width:0}.profile-library{gap:10px}.profile-video-body{padding:9px}.profile-video-body h3{font-size:12px;min-height:34px}.profile-video-footer{flex-wrap:wrap;font-size:10px;margin-top:9px}.profile-video-footer time{font-size:10px}.avatar-edit-overlay{min-height:36px;font-size:11px;gap:3px}}
@media(prefers-reduced-motion:reduce){.avatar-edit-overlay,.profile-video,.profile-video-play-icon{transition:none}}

.profile-video-reactions{border:0;background:transparent;padding:3px 2px;border-radius:5px;cursor:pointer;font:inherit}
.profile-video-reactions:hover,.profile-video-reactions:focus-visible{background:#52217566;outline:1px solid #9e4dde}
.profile-reaction-tooltip{position:fixed;z-index:1000;display:flex;flex-wrap:wrap;gap:8px;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:12px;border:1px solid #a34ae6;border-radius:10px;background:#160b25;box-shadow:0 8px 30px #0009;color:#fff}
.profile-reaction-tooltip[hidden]{display:none}.profile-reaction-total{display:flex;align-items:center;gap:6px;padding:4px 7px;background:#281239;border-radius:6px;font-size:13px;font-variant-numeric:tabular-nums}.profile-reaction-total img{width:36px;height:36px;object-fit:contain}.profile-reaction-empty{font-size:12px;color:#c9b1df}

.profile-scroll-sentinel{height:1px;width:100%;pointer-events:none}#profile-load-status{text-align:center;color:#bca4d4;font-size:13px;margin:18px 0}