:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-handwritten: "Caveat", cursive;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--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;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--color-gray-50: #fdf6ee;--color-gray-100: #f5e6d0;--color-gray-200: #e8ceaa;--color-gray-300: #d4aa78;--color-gray-400: #b8865a;--color-gray-500: #9a6440;--color-gray-600: #7c4a28;--color-gray-700: #5e3318;--color-gray-800: #3e1f0c;--color-gray-900: #220e04;--color-white: #ffffff;--color-warm-50: #fdf6ee;--color-warm-100: #f5e6d0;--color-warm-200: #e8ceaa;--color-warm-300: #d4aa78;--color-warm-400: #b8865a;--color-warm-500: #9a6440;--color-warm-600: #7c4a28;--color-warm-700: #5e3318;--color-warm-800: #3e1f0c;--color-warm-900: #220e04;--color-brand-50: #fff8ed;--color-brand-100: #ffefd0;--color-brand-500: #d97706;--color-brand-600: #b45309;--color-brand-700: #92400e;--color-bg: #fdf6ee;--color-surface: #fffdf8;--color-border: #e8ceaa;--color-border-focus: #d97706;--color-text: #2d1a0a;--color-text-muted: #7c5a38;--color-text-subtle: #a87b54;--color-status-todo: #78716c;--color-status-in-progress: #2563eb;--color-status-blocked: #dc2626;--color-status-done: #16a34a;--shadow-sm: 0 1px 3px 0 rgba(100, 55, 10, .12);--shadow-md: 0 4px 8px -1px rgba(100, 55, 10, .18), 0 2px 4px -2px rgba(100, 55, 10, .12);--shadow-lg: 0 10px 20px -4px rgba(100, 55, 10, .22), 0 4px 8px -4px rgba(100, 55, 10, .14);--shadow-xl: 0 20px 32px -6px rgba(100, 55, 10, .28), 0 8px 14px -6px rgba(100, 55, 10, .16);--shadow-note: 2px 4px 12px rgba(80, 40, 10, .25), 0 1px 3px rgba(80, 40, 10, .15);--shadow-note-hover: 4px 10px 24px rgba(80, 40, 10, .35), 0 2px 6px rgba(80, 40, 10, .18);--shadow-note-drag: 8px 18px 40px rgba(60, 30, 5, .45), 0 4px 12px rgba(60, 30, 5, .25);--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--transition-fast: .15s ease;--transition-normal: .25s ease;--header-height: 60px;--panel-width: 420px;--wall-width: 4000px;--wall-height: 3000px;--wall-bg: #e8c98a}:root{--note-yellow-bg: #fde96a;--note-yellow-border: #e6c800;--note-yellow-text: #4a3500;--note-yellow-shadow: rgba(180, 130, 0, .35);--note-green-bg: #b5e68a;--note-green-border: #6dbf3a;--note-green-text: #1a3d07;--note-green-shadow: rgba(60, 120, 20, .3);--note-teal-bg: #7ee8d8;--note-teal-border: #20bfa9;--note-teal-text: #0a3530;--note-teal-shadow: rgba(10, 130, 115, .3);--note-pink-bg: #ffb3cc;--note-pink-border: #e8607a;--note-pink-text: #4a0018;--note-pink-shadow: rgba(200, 50, 90, .3);--note-purple-bg: #d5b8f5;--note-purple-border: #9b6de0;--note-purple-text: #280d52;--note-purple-shadow: rgba(100, 50, 180, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn--primary{background-color:var(--color-brand-600);color:var(--color-white);border-color:var(--color-brand-600)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-700);border-color:var(--color-brand-700)}.btn--ghost{background-color:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text)}.btn--danger{background-color:#dc2626;color:var(--color-white);border-color:#dc2626}.btn--danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn--danger-ghost{background-color:transparent;color:#dc2626;border-color:transparent}.btn--danger-ghost:hover:not(:disabled){background-color:#fef2f2;border-color:#fecaca}