:root{--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-raised: #ffffff;--surface-overlay: rgba(255, 255, 255, .82);--ink: #0f172a;--ink-secondary: #334155;--ink-soft: #64748b;--ink-faint: #94a3b8;--brand: #0d9488;--brand-light: #14b8a6;--brand-lighter: #99f6e4;--brand-strong: #0f766e;--brand-surface: #f0fdfa;--accent: #f59e0b;--accent-light: #fbbf24;--accent-surface: #fffbeb;--success: #059669;--success-surface: #ecfdf5;--danger: #dc2626;--danger-surface: #fef2f2;--info-surface: #eff6ff;--gradient-brand: linear-gradient(135deg, #0d9488, #0ea5e9);--gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-brand: 0 4px 16px rgba(13, 148, 136, .24);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.35rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:0}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.text-muted{color:var(--ink-soft)}.text-faint{color:var(--ink-faint)}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-mono{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-complete{background:var(--success-surface);color:var(--success)}.badge-incomplete{background:var(--danger-surface);color:var(--danger)}.badge-info{background:var(--info-surface);color:#2563eb}.badge-accent{background:var(--accent-surface);color:#b45309}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-lighter);color:var(--brand-strong)}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0d94884d}50%{box-shadow:0 0 0 8px #0d948800}}.reveal{animation:fadeInUp .4s var(--ease-out) both}.reveal-scale{animation:scaleIn .35s var(--ease-out) both}.stagger>*{animation:fadeInUp .4s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}.stagger>*:nth-child(n+9){animation-delay:.48s}.check-pop{animation:checkPop .35s var(--ease-spring)}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,#e2e8f0 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.pulse-glow{animation:pulseGlow 2s infinite}@media (prefers-reduced-motion: reduce){.reveal,.reveal-scale,.stagger>*,.check-pop,.skeleton{animation:none!important}}