:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--indigo-50:#f5f7ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-900:#312e81;--indigo-950:#1e1b4b;--slate-500:#64748b;--slate-600:#475569;--bg-app:var(--indigo-50);--bg-surface:#fff;--bg-input:#fff;--border-subtle:var(--indigo-100);--border-active:var(--indigo-200);--text-primary:var(--indigo-950);--text-secondary:var(--slate-500);--accent-primary:var(--indigo-600);--accent-hover:var(--indigo-700);--todo-color:#38bdf8;--doing-color:#fbbf24;--done-color:#10b981;--danger-color:#ef4444;--header-height:64px;--card-shadow:0 1px 3px 0 #1e1b4b1a, 0 1px 2px -1px #1e1b4b1a;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg-app);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--indigo-50)}::-webkit-scrollbar-thumb{background:var(--indigo-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--indigo-500)}.app-shell{background:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 1px 2px #1e1b4b0d}.header-left,.header-right{align-items:center;gap:12px;display:flex}.brand{color:var(--accent-primary);letter-spacing:-.04em;margin-right:12px;font-size:1.25rem;font-weight:800}.project-switcher{border-radius:var(--radius-sm);background:var(--indigo-50);border:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:600;display:flex}.project-switcher:hover{background:var(--indigo-100);border-color:var(--indigo-200)}.sync-status{color:var(--text-secondary);background:var(--indigo-50);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:flex}.sync-dot{border-radius:50%;width:8px;height:8px}.sync-dot.synced{background-color:var(--done-color)}.sync-dot.saving{background-color:var(--accent-primary);animation:1.5s infinite pulse}.sync-dot.error{background-color:var(--danger-color)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dropdown-container{position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:1000;min-width:260px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #1e1b4b1a,0 8px 10px -6px #1e1b4b1a}.dropdown-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--indigo-50);color:var(--accent-primary)}.dropdown-item.active{background:var(--indigo-50);color:var(--accent-primary);font-weight:600}.delete-btn-small{border-radius:var(--radius-sm);color:var(--slate-500);background:0 0;justify-content:center;align-items:center;padding:6px;display:flex}.delete-btn-small:hover{color:var(--danger-color);background:#fee2e2}.workspace{flex:1;gap:24px;padding:24px;display:flex;overflow:hidden}.board-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;overflow:auto hidden}.kanban-column{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#f1f3f9;flex-direction:column;min-width:340px;height:100%;padding:16px;display:flex}.column-header{justify-content:space-between;align-items:center;padding:0 4px 16px;display:flex}.column-title{color:var(--indigo-900);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:800}.task-count{color:var(--indigo-900);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700}.column-body{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.add-task-btn{width:100%;color:var(--slate-600);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:.875rem;font-weight:600;display:flex}.add-task-btn:hover{background:var(--bg-surface);border-color:var(--indigo-200);color:var(--accent-primary);border-style:solid}.task-card-wrapper{cursor:grab}.task-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-subtle);padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.task-card:hover{border-color:var(--indigo-200);transform:translateY(-2px);box-shadow:0 4px 6px -1px #1e1b4b1f,0 2px 4px -1px #1e1b4b1f}.task-card.is-selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.task-status-indicator{border-radius:var(--radius-md) 0 0 var(--radius-md);width:4px;position:absolute;top:0;bottom:0;left:0}.task-title{color:var(--indigo-950);margin-bottom:10px;font-size:1.0625rem;font-weight:700;line-height:1.35}.task-description{color:var(--slate-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.task-meta{align-items:center;gap:12px;font-size:.75rem;font-weight:600;display:flex}.task-tag{background:var(--indigo-50);color:var(--indigo-900);border:1px solid var(--border-subtle);border-radius:20px;padding:4px 10px}.inspector{background:var(--bg-surface);border-left:1px solid var(--border-subtle);flex-direction:column;width:440px;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex;box-shadow:-4px 0 20px #1e1b4b0d}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inspector.hidden{display:none}.inspector-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.inspector-header h2{color:var(--indigo-950);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}.close-btn{background:var(--indigo-50);color:var(--indigo-900);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.close-btn:hover{background:var(--indigo-100)}.inspector-body{flex-direction:column;flex:1;gap:28px;padding:32px;display:flex;overflow-y:auto}.form-group label{color:var(--indigo-900);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.75rem;font-weight:800;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--indigo-950);width:100%;padding:12px 14px;font-size:.9375rem;font-weight:500}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--indigo-500);background:#fff;box-shadow:0 0 0 4px #6366f11a}.inspector-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding:32px;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);padding:14px;font-size:.9375rem;font-weight:700;box-shadow:0 2px 4px #4f46e533}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px #4f46e540}.btn-danger{color:var(--danger-color);border-radius:var(--radius-md);background:0 0;border:1px solid #ef444433;padding:12px;font-weight:700}.btn-danger:hover{border-color:var(--danger-color);background:#fee2e2}.status-todo{background-color:var(--todo-color)}.status-doing{background-color:var(--doing-color)}.status-done{background-color:var(--done-color)}.color-mist{border-top:5px solid #94a3b8}.color-lavender{border-top:5px solid #a78bfa}.color-sky{border-top:5px solid #60a5fa}.color-mint{border-top:5px solid #4ade80}.color-sand{border-top:5px solid #fbbf24}.color-blush{border-top:5px solid #f472b6}@media (width<=1200px){.inspector{right:0;top:var(--header-height);z-index:1000;position:fixed;bottom:0;box-shadow:-10px 0 30px #1e1b4b26}}@media (width<=768px){.workspace{padding:16px}.board-grid{grid-template-columns:1fr}.kanban-column{min-width:100%}}