@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}.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-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}