.blog-account{position:relative;display:flex;align-items:center;margin-inline-start:4px;font-family:Cairo,Tahoma,sans-serif}.blog-login{display:flex;align-items:center;height:38px;padding:0 14px;border:1px solid rgba(255,48,77,.55);border-radius:10px;color:#fff;background:linear-gradient(135deg,rgba(255,48,77,.18),rgba(119,45,255,.15));font-size:11px;font-weight:800;white-space:nowrap;transition:.2s}.blog-login:hover{border-color:#ff5268;box-shadow:0 0 24px rgba(255,48,77,.2);transform:translateY(-1px)}.blog-profile-trigger{display:none;align-items:center;gap:8px;min-width:134px;padding:4px 8px 4px 5px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;text-align:right}.blog-account[data-state=ready] .blog-profile-trigger{display:flex}.blog-account[data-state=ready] .blog-login{display:none}.blog-profile-trigger img{width:31px;height:31px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,64,90,.72)}.blog-profile-trigger span{display:grid;gap:1px;min-width:0}.blog-profile-trigger b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.blog-profile-trigger small{color:#a6a0aa;font-size:8px}.blog-profile-trigger i{margin-inline-start:auto;color:#ff4c64;font-style:normal}.blog-profile-menu{position:absolute;z-index:80;top:calc(100% + 12px);inset-inline-end:0;width:238px;padding:12px;border:1px solid rgba(255,57,83,.42);border-radius:16px;background:linear-gradient(145deg,rgba(24,10,19,.98),rgba(5,6,10,.98));box-shadow:0 28px 70px #000b,0 0 30px rgba(255,37,73,.12);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.blog-profile-menu.open{opacity:1;visibility:visible;transform:none}.blog-profile-summary{display:flex;align-items:center;gap:10px;padding:5px 4px 12px;border-bottom:1px solid #ffffff16}.blog-profile-summary img{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid #ff3a57}.blog-profile-summary div{display:grid;gap:3px}.blog-profile-summary strong{font-size:12px}.blog-profile-summary span{color:#ff6680;font-size:9px}.blog-xp{padding:11px 3px;border-bottom:1px solid #ffffff12}.blog-xp>div{display:flex;justify-content:space-between;color:#99919a;font-size:9px}.blog-xp b{color:#d9d0d8;font:700 9px Arial}.blog-xp-track{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:9px;background:#ffffff12}.blog-xp-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff304d,#a855f7);box-shadow:0 0 12px #ff304d;transition:width .5s}.blog-profile-menu>a{display:block;padding:10px 7px;border-radius:8px;color:#d4cdd4;font-size:10px}.blog-profile-menu>a:hover{background:#ffffff0b;color:#fff}.blog-profile-menu>a.danger{color:#ff6b7f}@media(max-width:850px){.blog-account{margin-inline-start:auto}.blog-login{height:34px;padding-inline:10px;font-size:9px}.blog-profile-menu{position:fixed;top:78px;inset-inline:14px auto;width:min(260px,calc(100vw - 28px))}}