:root{--bg: #FDFBF7;--bg-warm: #F9F6F0;--surface: #F9F6F0;--surface-hover: #F3EDF7;--fg: #3C2E4A;--fg-muted: #7A6D84;--border: #E2D8EB;--border-strong: #D0C2DE;--primary: #D8C4E8;--primary-dark: #C4A8DD;--secondary: #B5E3D8;--secondary-dark: #9ED3C5;--accent: #F9D8C7;--accent-dark: #F0C0A8;--accent-text: #C97B5E;--status-not-started: #E8E0EC;--status-in-progress: #D8C4E8;--status-review: #F9D8C7;--status-approved: #B5E3D8;--stage-storyboard: #E8E0EC;--stage-layout: #D8E4F0;--stage-animation: #D8C4E8;--stage-lighting: #F9E4C7;--stage-final-review: #F9D8C7;--stage-approved: #B5E3D8;--priority-low: #B5E3D8;--priority-medium: #D8E4F0;--priority-high: #F9D8C7;--priority-critical: #F0BFBF;--font-display: "Baloo 2", Georgia, serif;--font-body: "Lexend", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--shadow-sm: 0 2px 8px rgba(60, 46, 74, .06);--shadow: 0 4px 12px rgba(60, 46, 74, .08);--shadow-lg: 0 8px 24px rgba(60, 46, 74, .1);--shadow-drag: 0 12px 32px rgba(60, 46, 74, .15)}.dark{--bg: #2A2433;--bg-warm: #2A2433;--surface: #362F40;--surface-hover: #3F3748;--fg: #DDD6E4;--fg-muted: #9A8FA8;--border: #4A4255;--border-strong: #5A5165;--primary: #C4A8DD;--primary-dark: #B094CC;--secondary: #9ED3C5;--secondary-dark: #8AC4B5;--accent: #F0C0A8;--accent-dark: #E0AA90;--accent-text: #F0C0A8;--status-not-started: #454050;--status-in-progress: #5A4A6E;--status-review: #5E4A40;--status-approved: #3D5E54;--stage-storyboard: #454050;--stage-layout: #3D4A5E;--stage-animation: #5A4A6E;--stage-lighting: #5E4E3D;--stage-final-review: #5E4A40;--stage-approved: #3D5E54;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--shadow-drag: 0 12px 32px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 18px;border-radius:var(--radius);font-weight:500;font-size:var(--text-base);transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--fg);font-weight:600;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-ghost:hover{color:var(--fg);background:var(--surface-hover)}.btn-accent{background:var(--accent);color:var(--accent-text);font-weight:600}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-sm{padding:5px 12px;font-size:var(--text-sm)}.btn-lg{padding:12px 24px;font-size:var(--text-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:var(--text-base);transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #d8c4e84d}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .25s ease}.bounce-in{animation:bounce-in .4s ease}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary-dark);border-radius:50%;animation:spin .7s linear infinite}