:root,[data-theme=brutalist]{--font-primary:"Courier New", Monaco, Consolas, monospace;--font-display:Impact, "Arial Black", sans-serif;--color-bg:#fff;--color-bg-alt:#f5f5f5;--color-bg-hover:#e8e8e8;--color-bg-highlight:#ff0;--color-text:#000;--color-text-alt:#fff;--color-text-muted:#333;--color-text-subtle:#666;--color-text-placeholder:#999;--color-border:#000;--color-border-light:#333;--color-accent:red;--color-accent-alt:#ff0;--color-accent-third:#fff;--color-priority-high:red;--color-priority-medium:#000;--color-priority-low:#666;--border-width:4px;--border-width-thick:5px;--border-width-thin:3px;--border-width-thin-dashed:3px;--border-radius:0;--shadow:none;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--letter-spacing:2px;--letter-spacing-tight:.5px;--noise-opacity:.015}[data-theme=retro-futuristic]{--font-primary:"Orbitron", "Courier New", monospace;--font-display:"Orbitron", Impact, sans-serif;--color-bg:#0a0a1a;--color-bg-alt:#12122a;--color-bg-hover:#1a1a3a;--color-bg-highlight:#0ff;--color-text:#0ff;--color-text-alt:#0a0a1a;--color-text-muted:#f0f;--color-text-subtle:#88f;--color-text-placeholder:#66a;--color-border:#0ff;--color-border-light:#f0f;--color-accent:#f0f;--color-accent-alt:#0f8;--color-accent-third:#ff0;--color-priority-high:#f0f;--color-priority-medium:#0ff;--color-priority-low:#88f;--border-width:2px;--border-width-thick:3px;--border-width-thin:1px;--border-width-thin-dashed:2px;--border-radius:4px;--shadow:0 0 10px var(--color-accent), 0 0 20px #00ffff4d;--letter-spacing:3px;--letter-spacing-tight:1px;--noise-opacity:0}[data-theme=art-deco]{--font-primary:"Playfair Display", Georgia, serif;--font-display:"Poiret One", Impact, sans-serif;--color-bg:#1a1a2e;--color-bg-alt:#16213e;--color-bg-hover:#0f3460;--color-bg-highlight:#d4af37;--color-text:#d4af37;--color-text-alt:#1a1a2e;--color-text-muted:#c9a227;--color-text-subtle:#8b7355;--color-text-placeholder:#6b5b3a;--color-border:#d4af37;--color-border-light:#c9a227;--color-accent:#d4af37;--color-accent-alt:#8b0000;--color-accent-third:#2c2c54;--color-priority-high:#8b0000;--color-priority-medium:#d4af37;--color-priority-low:#8b7355;--border-width:2px;--border-width-thick:3px;--border-width-thin:1px;--border-width-thin-dashed:2px;--border-radius:0;--shadow:2px 2px 0 #d4af374d;--letter-spacing:4px;--letter-spacing-tight:1px;--noise-opacity:0}[data-theme=organic]{--font-primary:"Nunito", "Segoe UI", sans-serif;--font-display:"Quicksand", Impact, sans-serif;--color-bg:beige;--color-bg-alt:#e8e4c9;--color-bg-hover:#d4d0b5;--color-bg-highlight:#98fb98;--color-text:#2d4a3e;--color-text-alt:beige;--color-text-muted:#4a7c59;--color-text-subtle:#6b8e6b;--color-text-placeholder:#8fbc8f;--color-border:#4a7c59;--color-border-light:#6b8e6b;--color-accent:#d2691e;--color-accent-alt:#98fb98;--color-accent-third:#deb887;--color-priority-high:#d2691e;--color-priority-medium:#4a7c59;--color-priority-low:#8fbc8f;--border-width:2px;--border-width-thick:3px;--border-width-thin:1px;--border-width-thin-dashed:2px;--border-radius:12px;--shadow:2px 2px 8px #2d4a3e26;--letter-spacing:1px;--letter-spacing-tight:.5px;--noise-opacity:.01}:root{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{border-radius:0;min-height:100%;margin:0;padding:0}#root{min-height:100vh}button,input,textarea{font-family:var(--font-primary);border-radius:var(--border-radius)}a{color:var(--color-text);border-bottom:2px solid var(--color-border);text-decoration:none}a:hover{background-color:var(--color-bg-highlight)}::selection{background-color:var(--color-accent);color:var(--color-text-alt)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg);border:2px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::-webkit-scrollbar-corner{background:var(--color-bg)}.theme-switcher{gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);display:flex}.theme-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-width:60px;transition:all .15s;display:flex}.theme-btn:hover{background-color:var(--color-bg-hover);box-shadow:var(--shadow)}.theme-btn.active{background-color:var(--color-accent);color:var(--color-text-alt);border-color:var(--color-accent)}.theme-icon{font-size:16px;line-height:1}.theme-label{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);font-size:9px;font-weight:700}@media (width<=768px){.theme-switcher{padding:var(--spacing-xs)}.theme-btn{padding:var(--spacing-xs) var(--spacing-sm);min-width:50px}.theme-label{font-size:8px}}.header{background-color:var(--color-text);border-bottom:var(--border-width-thick) solid var(--color-border);padding:0;position:relative}.header-content{padding:var(--spacing-xl) var(--spacing-xxl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.header-left{flex:1}.header-title{font-family:var(--font-display);color:var(--color-bg);letter-spacing:var(--letter-spacing);text-transform:uppercase;margin:0;font-size:42px;font-weight:900;display:inline-block;position:relative}.header-title:after{content:"";background-color:var(--color-accent);width:100%;height:4px;position:absolute;bottom:-4px;left:0}.header-subtitle{font-family:var(--font-primary);color:var(--color-accent-alt);margin:var(--spacing-md) 0 0 0;letter-spacing:var(--letter-spacing);text-transform:uppercase;font-size:12px}.header-decoration{border-top:4px solid var(--color-border-light);display:flex}.decoration-block{flex:1;height:8px}.decoration-block:first-child{background-color:var(--color-accent)}.decoration-block:nth-child(2){background-color:var(--color-accent-alt)}.decoration-block:nth-child(3){background-color:var(--color-accent-third)}@media (width<=768px){.header-content{padding:var(--spacing-lg);flex-direction:column;align-items:stretch}.header-title{letter-spacing:var(--letter-spacing-tight);font-size:28px}.header-subtitle{letter-spacing:var(--letter-spacing-tight);font-size:10px}}.task-card{background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);cursor:grab;min-height:80px;box-shadow:var(--shadow);padding:0;transition:all .1s linear;display:flex;position:relative}.task-card:hover{border-width:var(--border-width-thick);box-shadow:var(--shadow)}.task-card.dragging{opacity:.5;border-style:dashed;border-width:var(--border-width)}.task-card.editing{cursor:default}.priority-indicator{border-right:var(--border-width-thin) solid var(--color-border);width:8px;min-width:8px}.priority-indicator.high{background-color:var(--color-priority-high)}.priority-indicator.medium{background-color:var(--color-priority-medium)}.priority-indicator.low{background-color:var(--color-priority-low)}.task-content{padding:var(--spacing-md);background-color:var(--color-bg);flex:1;position:relative}.task-title{font-family:var(--font-primary);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);word-break:break-word;margin:0 0 6px;font-size:14px;font-weight:700}.task-description{font-family:var(--font-primary);color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0;word-break:break-word;font-size:12px;line-height:1.4}.task-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.task-tag{font-family:var(--font-primary);text-transform:uppercase;background-color:var(--color-text);color:var(--color-text-alt);border:2px solid var(--color-text);border-radius:var(--border-radius);letter-spacing:var(--letter-spacing-tight);padding:2px 6px;font-size:10px;font-weight:700}.delete-btn{background-color:var(--color-accent);width:24px;height:24px;color:var(--color-text-alt);border:var(--border-width-thin) solid var(--color-text);border-radius:var(--border-radius);font-family:var(--font-primary);cursor:pointer;z-index:10;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:-12px;right:-12px}.delete-btn:hover{opacity:.8}.task-card-edit-form{width:100%;padding:var(--spacing-md)}.task-edit-input{box-sizing:border-box;width:100%;font-family:var(--font-primary);padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:700}.task-edit-input:focus{border-width:var(--border-width);outline:none}.task-edit-textarea{box-sizing:border-box;width:100%;font-family:var(--font-primary);padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);text-transform:uppercase;resize:vertical;min-height:50px;margin-bottom:var(--spacing-sm);font-size:12px}.task-edit-textarea:focus{border-width:var(--border-width);outline:none}.priority-selector{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.priority-btn{font-family:var(--font-primary);padding:6px var(--spacing-sm);background-color:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);flex:1;font-size:11px;font-weight:700}.priority-btn:hover{background-color:var(--color-bg-hover)}.priority-btn.active{background-color:var(--color-text);color:var(--color-text-alt)}.edit-actions{gap:var(--spacing-sm);display:flex}.btn-save,.btn-cancel{font-family:var(--font-primary);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);flex:1;font-size:12px;font-weight:700}.btn-save{background-color:var(--color-text);color:var(--color-text-alt)}.btn-save:hover{background-color:var(--color-border-light)}.btn-cancel{background-color:var(--color-bg);color:var(--color-text)}.btn-cancel:hover{background-color:var(--color-bg-hover)}.column{background-color:var(--color-bg-alt);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);min-height:400px;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative}.column.drag-over{background-color:var(--color-bg-hover)}.column.drag-over:after{content:"";border:var(--border-width) dashed var(--color-accent);pointer-events:none;border-radius:var(--border-radius);position:absolute;inset:0}.column-header{border-bottom:var(--border-width) solid var(--color-border);background-color:var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;align-items:center;padding:0;display:flex;position:relative}.column-accent{width:12px;height:100%;min-height:40px}.column-title{font-family:var(--font-display);color:var(--color-text-alt);padding:10px var(--spacing-md);letter-spacing:var(--letter-spacing);text-transform:uppercase;flex:1;margin:0;font-size:22px;font-weight:900}.column-count{font-family:var(--font-primary);color:var(--color-text-alt);background-color:var(--color-border-light);padding:4px var(--spacing-md);border-left:var(--border-width-thin) solid var(--color-border);text-align:center;min-width:40px;font-size:16px;font-weight:700}.column-content{padding:var(--spacing-md);background-color:var(--color-bg-alt);flex:1;overflow-y:auto}.add-task-btn{width:100%;padding:var(--spacing-md);background-color:var(--color-bg);border:var(--border-width-thin-dashed) dashed var(--color-border);font-family:var(--font-primary);color:var(--color-text);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing);border-radius:var(--border-radius);font-size:12px;font-weight:700;transition:all .1s linear}.add-task-btn:hover{border-style:solid;border-width:var(--border-width);background-color:var(--color-bg-highlight)}.add-task-form{background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);padding:var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--border-radius)}.add-task-input{box-sizing:border-box;border:var(--border-width-thin) solid var(--color-border);width:100%;font-family:var(--font-primary);text-transform:uppercase;background-color:var(--color-bg);color:var(--color-text);border-radius:var(--border-radius);padding:10px;font-size:13px;font-weight:700}.add-task-input:focus{border-width:var(--border-width);outline:none}.add-task-input::placeholder{color:var(--color-text-placeholder);text-transform:uppercase}.add-task-priority{gap:var(--spacing-xs);margin-top:var(--spacing-sm);display:flex}.priority-option{padding:6px var(--spacing-sm);background-color:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);border-radius:var(--border-radius);flex:1;font-size:10px;font-weight:700}.priority-option:hover{background-color:var(--color-bg-hover)}.priority-option.selected{background-color:var(--color-border);color:var(--color-text-alt)}.priority-option:first-child.selected{background-color:var(--color-priority-high);border-color:var(--color-priority-high)}.priority-option:nth-child(2).selected{background-color:var(--color-priority-medium)}.priority-option:nth-child(3).selected{background-color:var(--color-priority-low);border-color:var(--color-priority-low)}.add-task-actions{gap:var(--spacing-sm);margin-top:10px;display:flex}.add-btn,.cancel-btn{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--color-border);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing);border-radius:var(--border-radius);flex:1;font-size:12px;font-weight:700}.add-btn{background-color:var(--color-border);color:var(--color-text-alt)}.add-btn:hover{opacity:.8}.cancel-btn{background-color:var(--color-bg);color:var(--color-text)}.cancel-btn:hover{background-color:var(--color-bg-hover)}.kanban-board{padding:var(--spacing-xl);background-color:var(--color-bg);min-height:100vh}.columns-container{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;display:grid}@media (width<=1024px){.columns-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kanban-board{padding:var(--spacing-md)}.columns-container{gap:var(--spacing-lg);grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);border:var(--border-width-thick) solid var(--color-border);border-top:none;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.app{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.main{flex:1}.footer{background-color:var(--color-border);border-top:var(--border-width-thick) solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xxl);text-align:center}.footer p{font-family:var(--font-primary);color:var(--color-text-alt);letter-spacing:var(--letter-spacing);text-transform:uppercase;font-size:11px}@media (width<=768px){html{font-size:14px}body{border-width:var(--border-width)}.footer{padding:var(--spacing-md) var(--spacing-lg)}.footer p{letter-spacing:var(--letter-spacing-tight);font-size:9px}}