:root{--bg0: #0d0718;--bg1: #150a26;--bg2: #1a0e30;--text: #f3eefc;--dim: #9d8fc0;--mag: #e879f9;--cyan: #22d3ee;--gold: #ffd700;--glass: rgba(255, 255, 255, .055);--glass-border: rgba(232, 121, 249, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Vazirmatn,-apple-system,Segoe UI,Tahoma,sans-serif;background:var(--bg0);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(700px 500px at 85% -5%,rgba(232,121,249,.16),transparent 60%),radial-gradient(650px 500px at 0% 105%,rgba(34,211,238,.12),transparent 60%),radial-gradient(500px 400px at 50% 50%,rgba(99,102,241,.08),transparent 65%),linear-gradient(165deg,var(--bg0),var(--bg1) 55%,var(--bg2));background-size:200% 200%;animation:msDrift 24s ease-in-out infinite alternate}@keyframes msDrift{0%{background-position:0% 0%}to{background-position:100% 100%}}#root{position:relative;z-index:1}.app{max-width:560px;margin:0 auto;padding:16px 14px 40px;display:flex;flex-direction:column;min-height:100dvh}.ms-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 2px 2px}.ms-brand{font-size:21px;font-weight:900;letter-spacing:.5px}.ms-brand b{background:linear-gradient(90deg,var(--mag),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.ms-user{font-size:12px;color:var(--dim);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-hero{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000073}.ms-hero-num{font-size:52px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--mag),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.ms-hero-label{margin-top:6px;font-size:12.5px;color:var(--dim);font-weight:700}.ms-hero-ring{position:relative;width:86px;height:86px;display:grid;place-items:center}.ms-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ms-ring-bg{fill:none;stroke:#ffffff17;stroke-width:6}.ms-ring-fg{fill:none;stroke:url(#none);stroke:var(--cyan);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.ms-ring-num{font-size:16px;font-weight:900}.ms-hero-cats{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:var(--dim)}.ms-sec{margin:26px 2px 10px;font-size:13px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--mag);display:flex;align-items:center;gap:8px}.ms-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--glass-border),transparent)}.ms-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ms-badge{border-radius:18px;padding:12px 6px 10px;text-align:center;background:var(--glass);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:3px}.ms-badge-disc{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(var(--bg1),var(--bg1)) padding-box,conic-gradient(from 140deg,var(--r1),var(--r2),var(--r1)) border-box;border:3px solid transparent}.ms-badge.on .ms-badge-disc{box-shadow:0 0 22px color-mix(in srgb,var(--r1) 45%,transparent);animation:msPulse 2.6s ease-in-out infinite}@keyframes msPulse{0%,to{box-shadow:0 0 14px color-mix(in srgb,var(--r1) 35%,transparent)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--r1) 60%,transparent)}}.ms-badge-ico{font-size:28px;line-height:1}.ms-badge.off .ms-badge-disc{filter:grayscale(1) brightness(.75)}.ms-badge.off{opacity:.62}.ms-badge-lock{position:absolute;right:-4px;bottom:-4px;font-size:13px}.ms-badge-name{font-size:11.5px;font-weight:900;letter-spacing:.3px}.ms-badge.on .ms-badge-name{background:linear-gradient(90deg,var(--r1),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}.ms-badge-tag{font-size:8.6px;color:var(--dim);line-height:1.5;min-height:24px;display:flex;align-items:center}.ms-badge-date{font-size:9px;color:var(--dim);opacity:.85}.ms-list{display:flex;flex-direction:column;gap:7px}.ms-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:15px;background:var(--glass);border:1px solid rgba(255,255,255,.07)}.ms-row-ico{font-size:19px}.ms-row-name{flex:1;font-size:12.5px;font-weight:800;display:flex;flex-direction:column}.ms-row-name small{font-size:9.5px;color:var(--dim);font-weight:600;direction:ltr;text-align:left}.ms-row-pct{font-size:13px;font-weight:900;color:var(--cyan)}.ms-row-date{font-size:9.5px;color:var(--dim);direction:ltr}.ms-empty{padding:26px 14px;text-align:center;color:var(--dim);font-size:13px;border:1px dashed var(--glass-border);border-radius:16px}.ms-foot{margin-top:auto;padding-top:34px;text-align:center;font-size:10.5px;letter-spacing:3px;color:var(--dim);opacity:.7;font-weight:800}.ms-congrats{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#080410d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease;padding:16px}.ms-congrats.show{opacity:1}.ms-c-card{width:min(330px,100%);border-radius:26px;padding:30px 22px 24px;text-align:center;background:linear-gradient(160deg,var(--bg1),var(--bg2));border:1px solid var(--r2);transform:scale(.7);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ms-congrats.show .ms-c-card{transform:scale(1)}.ms-c-badge{width:92px;height:92px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:44px;background:linear-gradient(var(--bg1),var(--bg1)) padding-box,conic-gradient(from 140deg,var(--r1),var(--r2),var(--r1)) border-box;border:4px solid transparent;box-shadow:0 0 44px color-mix(in srgb,var(--r1) 55%,transparent);animation:msPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes msPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}.ms-c-title{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:900}.ms-c-name{font-size:27px;font-weight:900;margin:8px 0 18px;background:linear-gradient(90deg,var(--r1),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}.ms-c-btn{padding:11px 30px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--mag),var(--cyan));color:#12081f;font-weight:900;font-size:14px;font-family:inherit}.ms-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:310;pointer-events:none}@media (prefers-reduced-motion: reduce){body:before,.ms-badge.on .ms-badge-disc,.ms-c-badge{animation:none!important}}@keyframes msRise{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.ms-in{animation:msRise .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*70ms)}.ms-badge-disc{position:relative}.ms-badge.on .ms-badge-disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.45) 50%,transparent 68%);background-size:230% 230%;animation:msShine 3s ease-in-out infinite}@keyframes msShine{0%{background-position:130% 0}55%,to{background-position:-130% 0}}.ms-ring-fg{stroke-dashoffset:var(--ms-off,0);animation:msRing 1.1s ease-out both}@keyframes msRing{0%{stroke-dashoffset:188.5}}@media (prefers-reduced-motion: reduce){.ms-in,.ms-badge.on .ms-badge-disc:after,.ms-ring-fg{animation:none!important}}