:root{--bg:#0a0e1a;--bg-card:#13182a;--bg-elev:#1a2038;--bg-hover:#222a48;--border:#2a3148;--border-soft:#1f2540;--text:#e6ecff;--text-mut:#8893b8;--text-dim:#5a6488;--primary:#00d4ff;--primary-glow:#00d4ff59;--secondary:#7c3aed;--secondary-glow:#7c3aed66;--danger:#ff4d6d;--warning:#ffb020;--success:#2dd4a7;--accent:#ec4899;--gold:#ffd166}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);background-image:radial-gradient(80% 50% at 20% 0,#7c3aed26,#0000),radial-gradient(60% 50% at 100% 100%,#00d4ff1a,#0000);font-family:Noto Sans SC,Space Grotesk,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--text-dim)}.btn-primary{background:linear-gradient(135deg,var(--primary),#09c);color:#001520;box-shadow:0 4px 14px var(--primary-glow);border-color:#0000}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-danger{color:var(--danger);background:#ff4d6d26;border-color:#ff4d6d66}.btn-ghost{background:0 0}.tag{letter-spacing:.3px;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.tag-important{color:var(--danger);background:#ff4d6d26;border:1px solid #ff4d6d4d}.tag-normal{color:var(--warning);background:#ffb02026;border:1px solid #ffb0204d}.tag-know{color:var(--success);background:#2dd4a726;border:1px solid #2dd4a74d}.tag-pending{background:var(--bg-elev);color:var(--text-mut);border:1px solid var(--border)}.tag-done{color:var(--success);background:#2dd4a726;border:1px solid #2dd4a74d}.tag-today{color:var(--primary);background:#00d4ff26;border:1px solid #00d4ff4d}.pill{background:var(--bg-elev);color:var(--text-mut);border:1px solid var(--border);border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600}.field{margin-bottom:14px}.field label{color:var(--text-mut);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;padding:11px 13px;font-family:inherit;font-size:13.5px;transition:all .15s}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}