@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0e1a;--bg-secondary: #0f1629;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .15);--text-primary: #f0f4ff;--text-secondary: rgba(240, 244, 255, .55);--text-muted: rgba(240, 244, 255, .3);--accent: #6c8fff;--accent-glow: rgba(108, 143, 255, .35);--accent-2: #a78bfa;--accent-3: #34d399;--accent-warn: #fb923c;--accent-danger: #f87171;--gold: #fbbf24;--gold-glow: rgba(251, 191, 36, .3);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px var(--accent-glow);--font: "Inter", -apple-system, sans-serif;--nav-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scroll-area{height:calc(100dvh - var(--nav-height));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 16px calc(var(--nav-height) + 8px);scroll-behavior:smooth}.scroll-area::-webkit-scrollbar{width:2px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.glass{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-strong{background:#ffffff0f;border:1px solid var(--border-bright);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.35}h1{font-size:26px;font-weight:800;letter-spacing:-.5px}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}.text-sm{font-size:13px}.text-xs{font-size:11px;letter-spacing:.3px}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-gold{color:var(--gold)}.text-green{color:var(--accent-3)}.text-warn{color:var(--accent-warn)}.text-danger{color:var(--accent-danger)}.text-purple{color:var(--accent-2)}.rarity-common{color:#9ca3af}.rarity-rare{color:var(--accent)}.rarity-epic{color:var(--accent-2)}.rarity-legendary{color:var(--gold)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge-xs{padding:2px 6px;font-size:9px;letter-spacing:.2px}.badge-blue{background:#6c8fff26;color:var(--accent);border:1px solid rgba(108,143,255,.25)}.badge-green{background:#34d39926;color:var(--accent-3);border:1px solid rgba(52,211,153,.25)}.badge-gold{background:#fbbf2426;color:var(--gold);border:1px solid rgba(251,191,36,.25)}.badge-purple{background:#a78bfa26;color:var(--accent-2);border:1px solid rgba(167,139,250,.25)}.badge-red{background:#f8717126;color:var(--accent-danger);border:1px solid rgba(248,113,113,.25)}.badge-orange{background:#fb923c26;color:var(--accent-warn);border:1px solid rgba(251,146,60,.3)}.badge-pink{background:#f472b633;color:#db2777;border:1px solid rgba(244,114,182,.45)}.badge-gray{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill-gold{background:linear-gradient(90deg,var(--gold),var(--accent-warn))}.progress-fill-green{background:linear-gradient(90deg,var(--accent-3),#059669)}.divider{height:1px;background:var(--border);margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 28px var(--accent-glow),0 0 48px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.glass-input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-family:var(--font);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c8fff26}textarea.glass-input{resize:none}.glass-select{appearance:none;width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 40px 12px 16px;color:var(--text-primary);font-family:var(--font);font-size:15px;outline:none;cursor:pointer}.glass-select:focus{border-color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.page-header{margin-bottom:20px}.retention-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#ffffff14;outline:none;cursor:pointer}.retention-slider::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:#ffffff14}.retention-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#c084fc,#a855f7);border:none;box-shadow:0 0 8px #a855f799,0 2px 6px #0006;cursor:pointer;margin-top:-7px;transition:box-shadow .15s}.retention-slider::-webkit-slider-thumb:active{box-shadow:0 0 14px #a855f7e6,0 2px 8px #00000080}.retention-slider::-moz-range-track{height:6px;border-radius:99px;background:#ffffff14;border:none}.retention-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#c084fc,#a855f7);border:none;box-shadow:0 0 8px #a855f799;cursor:pointer}@keyframes borderShimmer{0%{transform:translate(0)}to{transform:translate(-50%)}}.task-card-border-highlight{position:absolute;inset:0;border-radius:var(--radius);padding:1.5px;pointer-events:none;z-index:0;overflow:hidden;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.task-card-border-highlight:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 20%,var(--task-accent, #6c8fff) 30%,color-mix(in srgb,var(--task-accent, #6c8fff) 55%,transparent) 40%,transparent 50%,transparent 70%,var(--task-accent, #6c8fff) 80%,color-mix(in srgb,var(--task-accent, #6c8fff) 55%,transparent) 90%,transparent 100%);animation:borderShimmer 4s linear infinite;will-change:transform}@keyframes auroraShift{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.6}25%{transform:translate(15%,-10%) scale(1.1) rotate(5deg);opacity:.8}50%{transform:translate(-10%,5%) scale(.95) rotate(-3deg);opacity:.7}75%{transform:translate(-5%,-15%) scale(1.05) rotate(2deg);opacity:.85}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveMove{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(10px,-8px) scale(1.1);opacity:.7}66%{transform:translate(-6px,5px) scale(.9);opacity:.5}}.profile-bg-wrapper{position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate}.profile-bg-wrapper:before{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:0;border-radius:inherit}.profile-bg-default:before{display:none}.profile-bg-aurora:before{background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(108,143,255,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 60%,rgba(167,139,250,.35) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(251,191,36,.25) 0%,transparent 50%),radial-gradient(2px 2px at 20px 20px,rgba(255,255,255,.15) 0%,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px}.profile-bg-gradient:before{background:linear-gradient(135deg,#6c8fff2e,#a78bfa1f,#fbbf241a,#4ade8014,#6c8fff26);background-size:200% 200%;animation:gradientFlow 8s ease infinite}.profile-bg-waves:before{background:repeating-linear-gradient(90deg,transparent 0px,transparent 40px,rgba(108,143,255,.08) 40px,rgba(108,143,255,.08) 80px),repeating-linear-gradient(-15deg,transparent 0px,transparent 30px,rgba(167,139,250,.06) 30px,rgba(167,139,250,.06) 60px);animation:waveMove 6s linear infinite}.profile-bg-particles:before{background-image:radial-gradient(2px 2px at 20px 30px,rgba(251,191,36,.5),transparent),radial-gradient(2px 2px at 40px 70px,rgba(167,139,250,.4),transparent),radial-gradient(2px 2px at 50px 160px,rgba(108,143,255,.5),transparent),radial-gradient(2px 2px at 90px 40px,rgba(74,222,128,.3),transparent),radial-gradient(2px 2px at 130px 80px,rgba(251,191,36,.4),transparent);background-size:200px 200px;animation:particleFloat 10s ease-in-out infinite}.profile-bg-cosmos:before{background:url(/backgrounds/cosmos.png) center/cover no-repeat}.profile-bg-nebula:before{background:url(/backgrounds/nebula.png) center/cover no-repeat}.profile-bg-lavender_cobalt:before{background:url(/backgrounds/lavender_cobalt.png) center/cover no-repeat}.profile-bg-comet:before{background:url(/backgrounds/comet.png) center/cover no-repeat}.profile-bg-smoke_bw:before{background:url(/backgrounds/smoke_bw.png) center/cover no-repeat}.profile-bg-cyan_waves:before{background:url(/backgrounds/cyan_waves.png) center/cover no-repeat}.profile-bg-magenta_white:before{background:url(/backgrounds/magenta_white.png) center/cover no-repeat}.profile-bg-lavender_gradient:before{background:url(/backgrounds/lavender_gradient.png) center/cover no-repeat}.profile-bg-mint_green:before{background:url(/backgrounds/mint_green.png) center/cover no-repeat}.profile-bg-ruby_red:before{background:url(/backgrounds/ruby_red.png) center/cover no-repeat}.profile-bg-gold_black:before{background:url(/backgrounds/gold_black.png) center/cover no-repeat}.profile-bg-sky_clouds:before{background:url(/backgrounds/sky_clouds.png) center/cover no-repeat}.profile-bg-mint_teal:before{background:url(/backgrounds/mint_teal.png) center/cover no-repeat}.profile-bg-warm_stipple:before{background:url(/backgrounds/warm_stipple.png) center/cover no-repeat}