/* Animatsion profil: asosiy dizayn, yuklash va huquqlarga tegmaydigan qo‘shimcha qatlam. */
.profile-animated{position:relative;isolation:isolate;border-radius:32px;box-shadow:0 24px 65px rgba(var(--rgb),.10),inset 0 1px 0 rgba(255,255,255,.55)}
.profile-animated .profile-cover{height:188px;margin:12px 12px 0;border-radius:23px;border:1px solid rgba(var(--rgb),.16);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 18% 12%,rgba(var(--rgb),.28),transparent 57%),radial-gradient(ellipse at 85% 95%,rgba(var(--rgb),.21),transparent 70%),linear-gradient(125deg,rgba(var(--rgb),.06),rgba(var(--rgb),.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.profile-cover-grid{position:absolute;inset:-32px;background-image:radial-gradient(rgba(var(--rgb),.24) .9px,transparent 1px);background-size:18px 18px;opacity:.48;transform:rotate(-8deg);animation:profile-grid-drift 24s ease-in-out infinite alternate}
.profile-pattern{position:absolute;max-width:none;pointer-events:none;color:var(--accent);stroke:currentColor;stroke-width:.8}
.profile-pattern-flow{width:125%;height:130%;left:-12%;top:-12%;opacity:.24;animation:profile-flow 18s ease-in-out infinite alternate}
.profile-pattern-orbits{width:115%;height:115%;top:-5%;left:-5%;opacity:.27;stroke-width:.7;animation:profile-orbit-drift 26s ease-in-out infinite alternate}
.profile-spark{position:absolute;width:7px;height:7px;background:var(--accent);opacity:.4;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 15px rgba(var(--rgb),.24);animation:profile-spark-drift 9s ease-in-out infinite alternate}
.spark-one{top:27%;left:18%}.spark-two{top:24%;right:18%;width:5px;height:5px;animation-delay:-3s}.spark-three{top:67%;right:30%;width:4px;height:4px;animation-delay:-6s}
.profile-cover-shine{position:absolute;width:40%;height:230%;top:-65%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transform:rotate(25deg);animation:profile-cover-shine 14s ease-in-out infinite;pointer-events:none}
.profile-animated .profile-identity{margin-top:-75px;padding:0 24px;position:relative;z-index:1}
.profile-avatar-frame{width:142px;height:142px;position:relative;margin:0 auto 20px;isolation:isolate;border-radius:44px;padding:8px;background:var(--bg);box-shadow:0 16px 35px rgba(var(--rgb),.16);overflow:hidden}
.profile-avatar-frame:before{content:'';position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent 0deg,rgba(var(--rgb),.08) 60deg,var(--accent) 115deg,rgba(var(--rgb),.12) 175deg,transparent 220deg,var(--accent) 300deg,transparent 360deg);opacity:.64;animation:profile-frame-turn 16s linear infinite;z-index:-2}
.profile-avatar-frame:after{content:'';position:absolute;inset:3px;border:1px solid rgba(var(--rgb),.14);border-radius:41px;background:var(--bg);z-index:-1}
.profile-animated .profile-avatar{width:126px;height:126px;margin:0;border:3px solid var(--glass);border-radius:36px;box-shadow:inset 0 0 0 1px rgba(var(--rgb),.12);background:var(--bg)}
.profile-animated .profile-avatar span{font-size:45px;background:linear-gradient(140deg,rgba(var(--rgb),.16),rgba(var(--rgb),.04))}
.profile-animated .profile-avatar img{transition:transform .45s ease}
@media(hover:hover){.profile-avatar-frame:hover .profile-avatar img{transform:scale(1.045)}}
.profile-animated .profile-identity h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:18px 0 8px}
.profile-animated .profile-nickname{font-size:12px;letter-spacing:.2px}
.profile-animated .profile-activity{margin-top:16px;padding:6px 13px;border-radius:24px;background:var(--soft);border:1px solid var(--border);font-size:10px}
.profile-animated .profile-activity.active{background:rgba(var(--rgb),.055);border-color:rgba(var(--rgb),.11)}
.profile-animated .profile-about{margin:24px 22px 0;padding:20px;border-radius:20px;background:var(--soft);border:1px solid var(--border)}
.profile-animated .profile-about .eyebrow{font-size:9px;letter-spacing:1.4px}
.profile-animated .profile-about p{font-size:13px;line-height:1.85;margin-top:10px}
.profile-animated .profile-facts{padding:8px 27px 0}
.profile-animated .profile-facts>div{padding:16px 2px}
.profile-animated .profile-facts>div:first-child{border-top:0}
.profile-animated .profile-facts dt{font-size:11px}.profile-animated .profile-facts dd{font-weight:550}
.profile-animated .profile-actions{padding:15px 25px 27px}
.profile-animated .profile-actions .button{border-radius:16px;min-height:50px}
/* Lavozim ranglari sahifa rangidan mustaqil; lavozim doim bazadan keladi. */
.profile-animated .profile-role{--role-ink:#52647c;--role-rgb:82,100,124;display:inline-flex;position:relative;align-items:center;gap:8px;max-width:100%;padding:5px 14px 5px 5px;min-height:35px;border-radius:30px;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,rgba(var(--role-rgb),.14),rgba(var(--role-rgb),.025));border:1px solid rgba(var(--role-rgb),.24);color:var(--role-ink);box-shadow:0 4px 16px rgba(var(--role-rgb),.07),inset 0 1px 0 rgba(255,255,255,.75);font-size:11px;letter-spacing:.2px;font-weight:700}
.profile-animated .role-medallion{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:rgba(var(--role-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.09)}
.role-medallion svg{width:16px;height:16px}.role-label{position:relative;z-index:1;overflow-wrap:anywhere}
.profile-animated .role-moderator{--role-ink:#2861b0;--role-rgb:40,97,176}
.profile-animated .role-senior_moderator{--role-ink:#147378;--role-rgb:20,115,120}
.profile-animated .role-mini_admin{--role-ink:#7846b2;--role-rgb:120,70,178}
.profile-animated .role-administrator{--role-ink:#ab3974;--role-rgb:171,57,116}
.profile-animated .role-admin{--role-ink:#ad5519;--role-rgb:173,85,25}
.profile-animated .role-owner{--role-ink:#91630f;--role-rgb:159,109,17;background:linear-gradient(115deg,rgba(232,184,84,.28),rgba(255,230,164,.24),rgba(217,162,59,.17));border-color:rgba(175,120,25,.32);box-shadow:0 5px 20px rgba(181,127,33,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.role-glint{position:absolute;width:25px;top:-20%;bottom:-20%;left:-40px;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:profile-role-glint 9s ease-in-out infinite;pointer-events:none}
.role-user .role-glint{display:none}
[data-mode=dark] .profile-animated{box-shadow:0 24px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)}
[data-mode=dark] .profile-animated .profile-cover{box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
[data-mode=dark] .profile-cover-shine{opacity:.32}
[data-mode=dark] .profile-animated .profile-role{--role-ink:#b6c4d9;box-shadow:0 5px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.1)}
[data-mode=dark] .profile-animated .role-moderator{--role-ink:#9fc5ff}
[data-mode=dark] .profile-animated .role-senior_moderator{--role-ink:#8edee0}
[data-mode=dark] .profile-animated .role-mini_admin{--role-ink:#d2b0ff}
[data-mode=dark] .profile-animated .role-administrator{--role-ink:#ffafd7}
[data-mode=dark] .profile-animated .role-admin{--role-ink:#ffbf90}
[data-mode=dark] .profile-animated .role-owner{--role-ink:#ffdb8a;background:linear-gradient(115deg,rgba(217,163,57,.18),rgba(245,201,100,.06),rgba(193,133,31,.12));border-color:rgba(245,201,100,.3)}
[data-mode=dark] .role-glint{opacity:.45}
@keyframes profile-grid-drift{from{transform:translate(-5px,-4px) rotate(-8deg)}to{transform:translate(12px,14px) rotate(-5deg)}}
@keyframes profile-flow{from{transform:translateX(-10px) translateY(-3px)}to{transform:translateX(24px) translateY(13px)}}
@keyframes profile-orbit-drift{from{transform:rotate(-4deg) translateY(-7px)}to{transform:rotate(6deg) translateY(8px)}}
@keyframes profile-spark-drift{from{transform:translateY(0) rotate(45deg);opacity:.22}to{transform:translateY(-16px) rotate(100deg);opacity:.5}}
@keyframes profile-frame-turn{to{transform:rotate(360deg)}}
@keyframes profile-cover-shine{0%,30%{transform:translateX(0) rotate(25deg)}80%,100%{transform:translateX(570%) rotate(25deg)}}
@keyframes profile-role-glint{0%,65%{left:-40px}90%,100%{left:120%}}
@media(max-width:700px){.profile-animated{border-radius:27px}.profile-animated .profile-cover{height:165px;margin:10px 10px 0;border-radius:20px}.profile-animated .profile-identity{margin-top:-69px;padding:0 18px}.profile-avatar-frame{width:132px;height:132px;padding:8px;border-radius:41px;margin-bottom:17px}.profile-avatar-frame:after{border-radius:38px}.profile-animated .profile-avatar{width:116px;height:116px;border-radius:33px}.profile-animated .profile-identity h1{font-size:28px;margin-top:16px}.profile-animated .profile-about{margin:21px 17px 0;padding:17px}.profile-animated .profile-facts{padding:7px 23px 0}.profile-animated .profile-actions{padding:13px 21px 23px}.profile-animated .profile-role{font-size:10px}.profile-animated .profile-nickname{font-size:11px}}
@media(prefers-reduced-motion:reduce){.profile-animated *,.profile-animated *:before,.profile-animated *:after{animation:none!important;transition:none!important}}