:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--bg: #0d0f1a;--bg-card: rgba(22, 27, 46, .9);--text: #f1f5f9;--text-muted: #64748b;--border: rgba(99, 102, 241, .18);--success: #10b981;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;background-image:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.08) 0%,transparent 60%)}#root{min-height:100vh;min-height:100dvh}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}button{font-family:inherit;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--primary);color:#fff;border:none;padding:16px;border-radius:14px;font-weight:700;font-size:1rem;width:100%;letter-spacing:.01em;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{opacity:.5}.count-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#6366f11f;color:#a5b4fc;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.count-btn:active{background:#6366f140}input,textarea{font-family:inherit;background:#0a0c1999;border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:12px;width:100%;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea{resize:none;min-height:80px}label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-active{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.badge-done{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}