*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--surface);color:var(--text);line-height:1.6;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--brand: #DC2626;--brand-dark: #B91C1C;--brand-light: #FEE2E2;--surface: #FFFFFF;--surface-alt: #F8FAFC;--surface-hover: #F1F5F9;--surface-active: #E2E8F0;--text: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--priority-high: #DC2626;--priority-medium: #F59E0B;--priority-low: #22C55E;--status-waiting: #64748B;--status-doing: #3B82F6;--status-review: #F59E0B;--status-done: #22C55E;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-xl: 0 20px 50px rgba(0,0,0,.15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration: .2s;--duration-slow: .3s;--sidebar-width: 260px}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--duration) var(--ease);user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:var(--text-inverse)}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration) var(--ease)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--surface-active)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:.9375rem;color:var(--text);transition:border-color var(--duration) var(--ease);outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;font-size:.875rem;color:var(--text);cursor:pointer;outline:none}.select:focus{border-color:var(--brand)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-high{background:var(--brand-light);color:var(--priority-high)}.badge-medium{background:#fef3c7;color:#b45309}.badge-low{background:#dcfce7;color:#15803d}.avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--duration) var(--ease)}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;padding:var(--space-6);animation:slideUp var(--duration-slow) var(--ease)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--text);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:slideUp var(--duration-slow) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-actions{display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:calc(var(--space-2) * -1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.color-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--duration) var(--ease)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.status-badge{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.status-active{background:#dcfce7;color:#15803d}.status-paused{background:#fef3c7;color:#b45309}.status-completed{background:var(--surface-alt);color:var(--text-muted)}.project-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--space-5)}.tab{padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--duration) var(--ease)}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.prose{font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.prose h2{font-size:1.0625rem;font-weight:600;color:var(--text);margin-top:var(--space-5);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.prose h2:first-child{margin-top:0}.prose h3{font-size:.9375rem;font-weight:600;color:var(--text);margin-top:var(--space-4);margin-bottom:var(--space-2)}.prose ul,.prose ol{padding-left:var(--space-5);margin-bottom:var(--space-3)}.prose li{margin-bottom:var(--space-1)}.prose p{margin-bottom:var(--space-3)}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--brand)}.prose a:hover{text-decoration:underline}.notes-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.notes-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.notes-toolbar h3{margin:0;font-size:1rem}.notes-textarea{width:100%;min-height:300px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);font-family:JetBrains Mono,monospace,Inter,sans-serif;font-size:.875rem;line-height:1.6;color:var(--text);resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #dc262614}.notes-edit-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.notes-hint{font-size:.75rem;color:var(--text-muted)}.empty-notes{text-align:center;padding:var(--space-6) 0;color:var(--text-muted)}.empty-notes p{margin-bottom:var(--space-2)}.empty-hint{font-size:.75rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--text);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:slideUp var(--duration) var(--ease)}.skip-to-content{position:absolute;top:-100%;background:var(--brand);color:#fff;padding:var(--space-3) var(--space-5);border-radius:0 0 var(--radius-md) var(--radius-md);font-weight:600;z-index:200}.skip-to-content:focus{top:0;left:50%;transform:translate(-50%)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:768px){:root{--sidebar-width: 0px}h1{font-size:1.375rem}.form-row{grid-template-columns:1fr}}