:root{--bg: #0a0a0c;--bg-2: #111114;--bg-3: #1a1a1f;--ink: #f5f3ee;--ink-dim: #8a8a92;--ink-faint: #4a4a52;--line: rgba(245, 243, 238, .08);--line-strong: rgba(245, 243, 238, .18);--c1: #3a7afe;--c2: #ff2bd6;--c3: #c4ff3a;--c4: #ffaa2b;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:#0a0a0cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.topbar__brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;letter-spacing:.05em;font-size:18px}.topbar__brand-dot{width:10px;height:10px;border-radius:50%;background:var(--c1);box-shadow:0 0 16px var(--c1)}.topbar__user{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;color:var(--ink-dim)}.topbar__user button{color:var(--ink-dim);font-family:var(--mono);font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);transition:color .2s,border-color .2s}.topbar__user button:hover{color:var(--ink);border-color:var(--line-strong)}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:border-color .25s,transform .25s}.card:hover{border-color:var(--line-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn--primary{background:linear-gradient(135deg,var(--c1),color-mix(in oklab,var(--c1) 70%,var(--c2)));color:var(--bg);font-weight:700}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3a7afe66}.btn--secondary{background:var(--bg-3);color:var(--ink);border-color:var(--line-strong)}.btn--secondary:hover{background:#ffffff0a}.btn--ghost{color:var(--ink-dim)}.btn--ghost:hover{color:var(--ink)}.input,.textarea,.select{width:100%;padding:12px 14px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-size:14px;transition:border-color .2s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--c1)}.textarea{min-height:100px;resize:vertical;font-family:var(--body)}.label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.progress{position:relative;height:8px;background:var(--bg-3);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));background-size:200% 100%;animation:progress-flow 4s linear infinite;transition:width .6s cubic-bezier(.4,0,.2,1)}@keyframes progress-flow{0%{background-position:0% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.badge--todo{background:#8a8a9226;color:var(--ink-dim)}.badge--progress{background:#3a7afe2e;color:var(--c1)}.badge--done{background:#c4ff3a26;color:var(--c3)}.badge--p0{background:#ff2b662e;color:#f57}.badge--p1{background:#ffaa2b26;color:var(--c4)}.badge--p2{background:#8a8a921f;color:var(--ink-dim)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0 32px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px}.stat__label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.stat__value{font-family:var(--display);font-size:28px;font-weight:700}@media (max-width: 640px){.container{padding:20px 14px}.topbar{padding:12px 14px}.topbar__brand{font-size:14px}.stat__value{font-size:22px}}