:root{--kanban-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;--kanban-bg: linear-gradient(135deg, #52525b 0%, #3f3f46 40%, #27272a 100%);--kanban-surface: #ebecf0;--kanban-surface-alt: #ffffff;--kanban-border: #d9dde3;--kanban-radius-sm: 4px;--kanban-radius-md: 6px;--kanban-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--kanban-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .18);--kanban-text: #1f2937;--kanban-text-light: #4b5563;--kanban-accent: #6366f1;--kanban-accent-hover: #4f46e5;--kanban-danger: #dc2626;--kanban-danger-hover: #b91c1c;--kanban-success: #16a34a;--kanban-focus: 0 0 0 2px #ffffff, 0 0 0 4px var(--kanban-accent);--kanban-scrollbar-bg: #00000033;--kanban-scrollbar-thumb: #ffffff44}@media (prefers-color-scheme: dark){:root{--kanban-surface: #2f3136;--kanban-surface-alt: #383b41;--kanban-border: #484c54;--kanban-text: #e5e7eb;--kanban-text-light: #9ca3af;--kanban-scrollbar-thumb: #ffffff33}}body{margin:0;padding:0;font-family:var(--kanban-font-stack);background:var(--kanban-bg);-webkit-font-smoothing:antialiased;color:var(--kanban-text);min-height:100vh}[v-cloak]{display:none}.kanban{margin:24px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:16px;-webkit-user-select:none;user-select:none;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--kanban-scrollbar-thumb) transparent}.kanban::-webkit-scrollbar{height:10px}.kanban::-webkit-scrollbar-track{background:transparent}.kanban::-webkit-scrollbar-thumb{background:var(--kanban-scrollbar-thumb);border-radius:6px}.kanban::-webkit-scrollbar-thumb:hover{background:#fff6}.kanban .add-list{padding:12px 14px;color:#fff;cursor:pointer;background:#ffffff20;width:280px;border-radius:var(--kanban-radius-md);flex-shrink:0;-webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2);border:1px dashed #ffffff40;display:flex;flex-direction:column;transition:background .2s,border-color .2s}.kanban .add-list:hover{background:#fff3;border-color:#fff6}.kanban .add-list-opener:before{content:"＋ "}.delete{position:absolute;cursor:pointer;top:4px;right:4px;display:none;font-size:12px;color:#fff;line-height:1;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:background .15s,opacity .15s,transform .15s}.add-form{display:flex;flex-direction:column;gap:6px;background:var(--kanban-surface-alt);padding:8px 10px 12px;border-radius:var(--kanban-radius-md);box-shadow:var(--kanban-shadow-sm);border:1px solid var(--kanban-border);animation:fadeSlide .18s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-form input[type=text]{border:1px solid var(--kanban-border);outline:none;font-size:.95rem;line-height:1.3;padding:8px 10px;border-radius:var(--kanban-radius-sm);box-shadow:inset 0 0 0 1px #fffc,0 1px 2px #00000014;word-break:break-word;transition:border-color .15s,box-shadow .15s}.add-form input[type=text]:focus{border-color:var(--kanban-accent);box-shadow:var(--kanban-focus)}.add-form input[type=button]{font-size:.85rem;padding:6px 12px;border:none;background:var(--kanban-accent);border-radius:var(--kanban-radius-sm);cursor:pointer;font-weight:500;letter-spacing:.3px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px #00000026}.add-form input[type=button]:hover{background:var(--kanban-accent-hover)}.add-form input[type=button]:active{transform:translateY(1px)}.add-form input[type=button].pull-right{margin-left:10px;background:#6b7280}.add-form input[type=button].pull-right:hover{background:#4b5563}.list{background:var(--kanban-surface);border:1px solid var(--kanban-border);border-radius:var(--kanban-radius-md);padding:12px 10px 14px;width:280px;display:flex;flex-direction:column;flex-shrink:0;position:relative;box-shadow:var(--kanban-shadow-sm);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:box-shadow .2s,transform .2s}.list:focus-within{box-shadow:var(--kanban-shadow-md)}.list:hover{box-shadow:var(--kanban-shadow-md)}.list:hover>.delete{opacity:1;transform:scale(1)}.list .title{font-weight:600;padding:2px 4px 6px;font-size:.92rem;letter-spacing:.3px;display:flex;align-items:center;gap:6px;color:var(--kanban-text)}.list .title:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--kanban-accent);opacity:.8;box-shadow:0 0 0 1px #fff3}.list .card{margin:6px 0;padding:8px 10px 10px;background:var(--kanban-surface-alt);border-radius:var(--kanban-radius-sm);box-shadow:0 1px 2px #091e4240;position:relative;word-break:break-word;font-size:.9rem;line-height:1.35;border:1px solid var(--kanban-border);transition:background .15s,box-shadow .15s,transform .15s}.list .card:hover{background:#f3f4f6;box-shadow:0 3px 6px -1px #0000002e;transform:translateY(-1px)}@media (prefers-color-scheme: dark){.list .card:hover{background:#43464d}}.list .card:hover .delete{opacity:1;transform:scale(1)}.buttons{margin-top:4px}.add-card-opener{margin:6px 0 4px;padding:8px 10px;color:var(--kanban-text-light);font-size:.8rem;cursor:pointer;border-radius:var(--kanban-radius-sm);font-weight:500;display:inline-flex;align-items:center;gap:2px;transition:background .15s,color .15s}.add-card-opener:hover{background:#ffffff80;color:var(--kanban-text)}@media (prefers-color-scheme: dark){.add-card-opener:hover{background:#ffffff10}}.add-card-opener:before{content:"＋ "}.fade-in{animation:fadeSlide .25s ease}