:root{--bg-base:#000;--bg-surface:#0f172a;--text-main:#fff;--text-muted:#94a3b8;--accent-main:#ff2a5f;--accent-glow:#ff2a5f66;--accent-secondary:#00f0ff;--glass-bg:#0f172ab3;--glass-border:#ffffff14}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:90px;font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}@keyframes fadeScale{0%{opacity:0;transform:scale(.98)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.page-transition{animation:.4s cubic-bezier(.2,.8,.2,1) forwards fadeScale}.user-profile-popup{z-index:1200;background:#08090d;place-items:center;padding:0;display:grid;position:fixed;inset:0}.user-profile-popup[hidden]{display:none!important}.user-profile-popup-backdrop{backdrop-filter:blur(12px);background:#000000a8;border:0;position:absolute;inset:0}.user-profile-popup-phone{color:#fff;width:100%;height:100dvh;max-height:100dvh;box-shadow:none;will-change:transform, opacity;background:#08090d;border:0;border-radius:0;grid-template-rows:auto auto auto auto minmax(0,1fr);transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s;animation:.22s cubic-bezier(.2,.8,.2,1) userProfilePopupIn;display:grid;position:relative;overflow:hidden}.user-profile-popup-nav{z-index:2;touch-action:none;user-select:none;background:#08090d;justify-content:space-between;align-items:center;min-height:46px;padding:0 .9rem;display:flex;position:relative}.user-profile-popup-nav-back{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.user-profile-popup-nav-back svg{stroke-width:2.6px;width:24px;height:24px}.user-profile-popup-nav a{color:#ffffffe0;font-size:.82rem;font-weight:850}.user-profile-popup-pull-handle{background:#ffffff38;border-radius:999px;width:42px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-profile-popup-phone.is-dragging-close{transition:none}.user-profile-popup-hero{touch-action:none;user-select:none;background:#111217;align-items:flex-end;min-height:266px;padding:1rem;display:flex;position:relative;overflow:hidden}.user-profile-popup-banner{filter:blur(1.5px)saturate(1.02)brightness(.82);background-color:#0000;background-image:linear-gradient(#0d0e142e,#08090df5),linear-gradient(135deg,#f6872d52,#0a0d14db);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:scale(1.06)}.user-profile-popup-banner[data-has-banner=true]{filter:blur(2px)saturate(1.02)brightness(.76)}.user-profile-popup-banner-shade{background:linear-gradient(#0000000f,#08090d6b 44%,#08090d 100%);position:absolute;inset:0}.user-profile-popup-waifu{z-index:2;aspect-ratio:9/16;pointer-events:none;filter:drop-shadow(0 18px 28px #00000094);justify-content:flex-end;align-items:flex-end;height:min(88%,200px);display:flex;position:absolute;bottom:0;right:clamp(.45rem,3vw,1.15rem)}.user-profile-popup-waifu.is-secondary{z-index:1;opacity:.96;height:min(78%,180px);right:clamp(4.1rem,15vw,7rem)}.user-profile-popup-waifu[hidden]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.user-profile-popup-waifu img{object-fit:contain;object-position:right bottom;background:0 0;width:100%;height:100%}.user-profile-popup-identity{z-index:1;grid-template-columns:96px minmax(0,1fr);align-items:end;gap:.82rem;width:100%;display:grid;position:relative}.user-profile-popup-avatar-shell{z-index:1;background:#f6f6f7;border-radius:50%;width:96px;height:96px;padding:4px;position:relative;box-shadow:0 20px 38px #0000006b}.user-profile-popup-avatar-shell img{object-fit:cover;background:#1f2937;border-radius:50%;width:100%;height:100%;display:block}.user-profile-popup-title{z-index:1;text-align:left;width:100%;min-width:0;padding-bottom:.1rem;position:relative}.user-profile-popup-role{isolation:isolate;color:#e2e8f0;text-transform:uppercase;background:#94a3b82e;border:1px solid #e2e8f02e;border-radius:999px;align-items:center;min-height:23px;padding:0 .55rem;font-size:.58rem;font-weight:950;display:inline-flex;position:relative;overflow:hidden}.user-profile-popup-role[data-role=vip],.user-profile-popup-role[data-role=owner]{color:#111214;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24b3}.user-profile-popup-role[data-role=admin]{color:#fff;background:linear-gradient(135deg,#ef4444,#fb7185);border-color:#f87171b3}.user-profile-popup-role[data-role=dev]{color:#fff;background:linear-gradient(135deg,#5865f2,#22d3ee);border-color:#60a5fab8}.user-profile-popup-role[data-role=hukum]{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#94a3b8);border-color:#e2e8f0c7}.user-profile-popup-title h2{isolation:isolate;color:#fff;overflow-wrap:anywhere;border-radius:8px;width:max-content;max-width:100%;font-size:clamp(1.18rem,4.7vw,1.5rem);font-weight:950;line-height:1.14;position:relative;overflow:hidden}.user-profile-popup-title h2:after,.user-profile-popup-level-badge:after,.user-profile-popup-role:after,.user-profile-popup-id-badge:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(110deg,#0000 34%,#ffffff6b 50%,#0000 66%);animation:2.8s linear infinite userProfileHeaderShimmer;position:absolute;inset:0;transform:translate(-130%)}.user-profile-popup-title h2:after{background:linear-gradient(110deg,#0000 32%,#ffffff42 50%,#0000 68%)}.user-profile-popup-badges{flex-wrap:wrap;justify-content:flex-start;gap:.42rem;margin-top:.58rem;display:flex}.user-profile-popup-level-badge,.user-profile-popup-id-badge{isolation:isolate;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 .72rem;font-size:.76rem;font-weight:950;display:inline-flex;position:relative;overflow:hidden}.user-profile-popup-level-badge{color:#111214;background:#f3a638;gap:.34rem}.user-profile-popup-level-badge svg{fill:currentColor;stroke-width:1.8px;width:15px;height:15px}.user-profile-popup-id-badge{color:#bfdbfe;background:linear-gradient(135deg,#2563eb4d,#0ea5e92e);border:1px solid #60a5fa6b;box-shadow:0 10px 24px -18px #3b82f6e6}.user-profile-popup-summary{background:#08090d;padding:.95rem 1rem .85rem}.user-profile-popup-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.user-profile-popup-stat{text-align:center;min-width:0}.user-profile-popup-stat b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.86rem,3.4vw,1.05rem);font-weight:950;line-height:1.1;display:block;overflow:hidden}.user-profile-popup-stat span{color:#ffffff85;min-height:28px;margin-top:.22rem;font-size:.58rem;font-weight:750;line-height:1.18;display:block}.user-profile-popup-actions{gap:.55rem;margin-top:.92rem;display:grid}.user-profile-popup-actions[hidden]{display:none!important}.user-profile-popup-friend,.user-profile-popup-chat{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;font-size:.84rem;font-weight:950;display:inline-flex}.user-profile-popup-friend{color:#fff;background:#248cff;box-shadow:0 12px 30px #248cff4d}.user-profile-popup-chat{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.user-profile-popup-chat[hidden]{display:none!important}.user-profile-popup-friend svg,.user-profile-popup-chat svg{flex:none;width:18px;height:18px}.user-profile-popup-friend-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.78s linear infinite userProfileFriendSpin;display:none}.user-profile-popup-friend[data-state=loading] svg,.user-profile-popup-friend[data-state=submitting] svg{display:none}.user-profile-popup-friend[data-state=loading] .user-profile-popup-friend-spinner,.user-profile-popup-friend[data-state=submitting] .user-profile-popup-friend-spinner{display:inline-block}.user-profile-popup-friend:disabled{cursor:default;opacity:.82}.user-profile-popup-friend[data-state=accepted]{color:#bbf7d0;background:#22c55e24}.user-profile-popup-friend[data-state=sent],.user-profile-popup-friend[data-state=pending],.user-profile-popup-friend[data-state=loading],.user-profile-popup-friend[data-state=submitting]{color:#ffffffc7;background:#ffffff1a}.user-profile-popup-feed-section{scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#08090d;min-height:0;padding:0 1rem 1rem;overflow:auto}.user-profile-popup-tabs{z-index:2;background:#08090d;align-items:center;gap:1.35rem;min-height:42px;display:flex;position:sticky;top:0}.user-profile-popup-tabs span{color:#fff;padding:.55rem 0 .65rem;font-size:.83rem;font-weight:900;position:relative}.user-profile-popup-tabs span.active:after{content:"";background:#fff;border-radius:999px;height:2px;position:absolute;bottom:.28rem;left:0;right:0}.user-profile-popup-feed{gap:.82rem;padding-top:.35rem;display:grid}.user-profile-popup-loader{color:#ffffffc2;text-align:center;align-content:center;place-items:center;gap:.72rem;min-height:132px;display:grid}.user-profile-popup-loader-ring{border:3px solid #60a5fa;border-color:#60a5fa #fbbf24 #ffffff24 #ffffff24;border-radius:50%;width:34px;height:34px;animation:.72s linear infinite userProfileLoaderSpin}.user-profile-popup-loader b{font-size:.78rem;font-weight:900}.user-profile-popup-history-item{color:inherit;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:.78rem;display:grid}.user-profile-popup-thumb{aspect-ratio:1;background:#171923;border-radius:13px;flex:none;width:76px;position:relative;overflow:hidden}.user-profile-popup-thumb img{object-fit:cover;width:100%;height:100%;display:block}.user-profile-popup-feed-copy{min-width:0}.user-profile-popup-feed-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:900;line-height:1.25;display:block;overflow:hidden}.user-profile-popup-feed-copy small{color:#ffffff8c;margin-top:.23rem;font-size:.72rem;font-weight:700;line-height:1.35;display:block}.user-profile-popup-progress-row{grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:.42rem;margin-top:.55rem;display:grid}.user-profile-popup-play svg{fill:currentColor;stroke-width:0;width:14px;height:14px}.user-profile-popup-progress{background:#ffffff29;border-radius:999px;height:4px;overflow:hidden}.user-profile-popup-progress span{height:100%;width:var(--progress,0%);border-radius:inherit;background:#f23737;display:block}.user-profile-popup-time{color:#ffffffa8;white-space:nowrap;font-size:.65rem;font-weight:850}.user-profile-popup-empty{color:#ffffff8f;text-align:center;margin:1.4rem 0 0;font-size:.82rem;font-weight:750}[data-open-user-profile]{cursor:pointer}[data-open-user-profile]:active,.user-profile-popup-friend:active,.user-profile-popup-chat:active,.user-profile-popup-nav-back:active{transform:scale(.98)}[data-open-user-profile]:focus-visible,.user-profile-popup-nav-back:focus-visible,.user-profile-popup-backdrop:focus-visible,.user-profile-popup-friend:focus-visible,.user-profile-popup-chat:focus-visible,.user-profile-popup-tabs span:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}@keyframes userProfileHeaderShimmer{to{transform:translate(130%)}}@keyframes userProfilePopupIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes userProfileFriendSpin{to{transform:rotate(360deg)}}@keyframes userProfileLoaderSpin{to{transform:rotate(360deg)}}@media (width<=480px){.user-profile-popup{place-items:stretch stretch}.user-profile-popup-hero{min-height:260px}.user-profile-popup-feed-copy strong{font-size:.86rem}}@media (width<=360px){.user-profile-popup-history-item{grid-template-columns:66px minmax(0,1fr);gap:.62rem}.user-profile-popup-thumb{width:66px}.user-profile-popup-stat span{font-size:.54rem}}#loading-overlay{background-color:var(--bg-base);z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}#loading-overlay.fade-out{opacity:0;visibility:hidden}.loadingspinner{--square:20px;--offset:25px;--duration:2.4s;--delay:.2s;--timing-function:ease-in-out;--in-duration:.4s;--in-delay:.1s;--in-timing-function:ease-out;width:calc(3 * var(--offset) + var(--square));height:calc(2 * var(--offset) + var(--square));position:relative}.loadingspinner div{background:var(--accent-main);box-shadow:0 0 15px var(--accent-glow);width:var(--square);height:var(--square);border-radius:4px;display:inline-block;position:absolute}.loadingspinner #square1{left:calc(0 * var(--offset));top:calc(0 * var(--offset));animation:square1 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(1 * var(--in-delay)) var(--in-timing-function) both}.loadingspinner #square2{left:calc(0 * var(--offset));top:calc(1 * var(--offset));animation:square2 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(1 * var(--in-delay)) var(--in-timing-function) both}.loadingspinner #square3{left:calc(1 * var(--offset));top:calc(1 * var(--offset));animation:square3 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(2 * var(--in-delay)) var(--in-timing-function) both}.loadingspinner #square4{left:calc(2 * var(--offset));top:calc(1 * var(--offset));animation:square4 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(3 * var(--in-delay)) var(--in-timing-function) both}.loadingspinner #square5{left:calc(3 * var(--offset));top:calc(1 * var(--offset));animation:square5 var(--duration) var(--delay) var(--timing-function) infinite, squarefadein var(--in-duration) calc(4 * var(--in-delay)) var(--in-timing-function) both}@keyframes square1{0%{left:calc(0 * var(--offset));top:calc(0 * var(--offset))}8.333%{left:calc(0 * var(--offset));top:calc(1 * var(--offset))}to{left:calc(0 * var(--offset));top:calc(1 * var(--offset))}}@keyframes square2{0%{left:calc(0 * var(--offset));top:calc(1 * var(--offset))}8.333%{left:calc(0 * var(--offset));top:calc(2 * var(--offset))}16.67%{left:calc(1 * var(--offset));top:calc(2 * var(--offset))}25%{left:calc(1 * var(--offset));top:calc(1 * var(--offset))}83.33%{left:calc(1 * var(--offset));top:calc(1 * var(--offset))}91.67%{left:calc(1 * var(--offset));top:calc(0 * var(--offset))}to{left:calc(0 * var(--offset));top:calc(0 * var(--offset))}}@keyframes square3{0%,to{left:calc(1 * var(--offset));top:calc(1 * var(--offset))}16.67%{left:calc(1 * var(--offset));top:calc(1 * var(--offset))}25%{left:calc(1 * var(--offset));top:calc(0 * var(--offset))}33.33%{left:calc(2 * var(--offset));top:calc(0 * var(--offset))}41.67%{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}66.67%{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}75%{left:calc(2 * var(--offset));top:calc(2 * var(--offset))}83.33%{left:calc(1 * var(--offset));top:calc(2 * var(--offset))}91.67%{left:calc(1 * var(--offset));top:calc(1 * var(--offset))}}@keyframes square4{0%{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}33.33%{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}41.67%{left:calc(2 * var(--offset));top:calc(2 * var(--offset))}50%{left:calc(3 * var(--offset));top:calc(2 * var(--offset))}58.33%{left:calc(3 * var(--offset));top:calc(1 * var(--offset))}to{left:calc(3 * var(--offset));top:calc(1 * var(--offset))}}@keyframes square5{0%{left:calc(3 * var(--offset));top:calc(1 * var(--offset))}50%{left:calc(3 * var(--offset));top:calc(1 * var(--offset))}58.33%{left:calc(3 * var(--offset));top:calc(0 * var(--offset))}66.67%{left:calc(2 * var(--offset));top:calc(0 * var(--offset))}75%{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}to{left:calc(2 * var(--offset));top:calc(1 * var(--offset))}}@keyframes squarefadein{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}