@charset "UTF-8";:root{--color-primary: 139 92 246;--color-primary-light: 167 139 250;--color-primary-dark: 124 58 237;--color-secondary: 99 102 241;--color-success: 16 185 129;--color-warning: 245 158 11;--color-error: 239 68 68;--color-info: 59 130 246;--brand-primary: rgb(var(--color-primary));--brand-primary-light: rgb(var(--color-primary-light));--brand-primary-dark: rgb(var(--color-primary-dark));--brand-primary-hover: color-mix(in srgb, rgb(var(--color-primary)) 86%, black);--brand-primary-soft: rgb(var(--color-primary) / .12);--brand-primary-glow: rgb(var(--color-primary) / .4);--brand-5: color-mix(in oklab, rgb(var(--color-primary)) 5%, #fff);--brand-10: color-mix(in oklab, rgb(var(--color-primary)) 10%, #fff);--brand-15: color-mix(in oklab, rgb(var(--color-primary)) 15%, #fff);--brand-20: color-mix(in oklab, rgb(var(--color-primary)) 20%, transparent);--brand-30: color-mix(in oklab, rgb(var(--color-primary)) 30%, transparent);--status-success: rgb(var(--color-success));--status-warning: rgb(var(--color-warning));--status-error: rgb(var(--color-error));--surface: #ffffff;--surface-2: #f8fafc;--surface-elevated: #ffffff;--dark-bg: #0d0d14;--dark-bg-2: #14111f;--dark-bg-3: #1a1530;--dark-grad: radial-gradient(at 20% 20%, #1f1640 0%, transparent 50%), radial-gradient(at 80% 80%, #2a1a4a 0%, transparent 55%), linear-gradient(180deg, #0f0a1a 0%, #1a0a2e 100%);--ink: #11182f;--ink-2: #1f2937;--ink-muted: #6b7280;--ink-inverse: #ffffff;--ink-inverse-muted: rgba(255, 255, 255, .7);--border: #e5e7eb;--border-light: #f1f3f5;--border-strong: #d1d5db;--border-dark: rgba(255, 255, 255, .08);--border-dark-strong: rgba(255, 255, 255, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 36px rgba(15, 23, 42, .12);--shadow-brand: 0 12px 32px rgb(var(--color-primary) / .28);--shadow-brand-soft: 0 6px 20px rgb(var(--color-primary) / .15);--glow-brand: 0 0 32px rgb(var(--color-primary) / .45);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur: .28s;--dur-slow: .52s;--topbar-h: 64px;--step-max-w: 720px;accent-color:var(--brand-primary);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}app-root{display:block;min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em;color:inherit}p{margin:0}button{font-family:inherit}a{color:var(--brand-primary);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--brand-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--radius-md);border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.btn[disabled],.btn.is-loading{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-brand-soft)}.btn--primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn--primary-glow{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff;box-shadow:var(--glow-brand)}.btn--primary-glow:hover{transform:translateY(-2px);box-shadow:0 0 48px rgb(var(--color-primary)/.6)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn--ghost:hover{background:var(--brand-5);border-color:var(--brand-primary);color:var(--brand-primary)}.btn--ghost-light{background:#ffffff0f;color:#fff;border-color:#ffffff29;backdrop-filter:blur(8px)}.btn--ghost-light:hover{background:#ffffff1f;border-color:#ffffff47}.btn--lg{height:56px;padding:0 32px;font-size:16px}.btn--block{width:100%}.input,.textarea,.select{width:100%;height:52px;padding:0 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-family:inherit;background:var(--surface);color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.textarea{height:auto;padding:14px 16px;min-height:100px;resize:vertical;line-height:1.5}.input:hover,.textarea:hover,.select:hover{border-color:var(--brand-primary-light)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px rgb(var(--color-primary)/.14)}.input--dark,.textarea--dark{background:#ffffff0a;border-color:#ffffff1f;color:#fff}.input--dark::placeholder,.textarea--dark::placeholder{color:#fff6}.input--dark:hover,.textarea--dark:hover{border-color:#ffffff3d}.input--dark:focus,.textarea--dark:focus{background:#ffffff14;border-color:var(--brand-primary-light);box-shadow:0 0 0 4px rgb(var(--color-primary)/.25)}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--ink-2);text-transform:uppercase}.field__hint{font-size:13px;color:var(--ink-muted)}.field--dark .field__label{color:#ffffffa6}.field--dark .field__hint{color:#ffffff73}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pill--todo{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--border)}.pill--progress{background:var(--brand-5);color:var(--brand-primary-dark);border:1px solid var(--brand-20)}.pill--done{background:color-mix(in srgb,var(--status-success) 14%,white);color:color-mix(in srgb,var(--status-success) 70%,black);border:1px solid color-mix(in srgb,var(--status-success) 30%,white)}.pill--review{background:color-mix(in srgb,var(--status-warning) 14%,white);color:color-mix(in srgb,var(--status-warning) 70%,black);border:1px solid color-mix(in srgb,var(--status-warning) 30%,white)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@keyframes pulse-glow{0%,to{box-shadow:0 0 24px rgb(var(--color-primary)/.35)}50%{box-shadow:0 0 60px rgb(var(--color-primary)/.65)}}@keyframes float-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-20);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-primary) 50%,transparent);background-clip:padding-box;border:2px solid transparent}