:root{--color-background: #1d2125;--color-surface: #22272b;--color-surface-hover: #2c333a;--color-card: #2c333a;--color-card-hover: #333c44;--color-border: #3b444c;--color-text: #dfe4ea;--color-text-muted: #9fadbc;--color-accent: #4c9aff;--list-width: 280px;--card-title-font-size: 14px;--spacing-small: 6px;--spacing-medium: 10px;--spacing-large: 16px;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.app{display:flex;flex-direction:column;height:100%}.app-loading{padding:var(--spacing-large);color:var(--color-text-muted)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-large);padding:var(--spacing-medium) var(--spacing-large);border-bottom:1px solid var(--color-border)}.app-title{margin:0;font-size:20px;font-weight:700}.settings-bar{display:flex;align-items:center;gap:var(--spacing-large);flex-wrap:wrap}.settings-control{display:flex;align-items:center;gap:var(--spacing-small);font-size:12px;color:var(--color-text-muted)}.settings-control input[type=range]{accent-color:var(--color-accent);cursor:pointer}.settings-value{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.board{flex:1;display:flex;align-items:flex-start;gap:var(--spacing-medium);padding:var(--spacing-large);overflow-x:auto}.list-column{flex:0 0 var(--list-width);width:var(--list-width);background-color:var(--color-surface);border-radius:var(--radius);padding:var(--spacing-small);display:flex;flex-direction:column;max-height:100%}.list-header{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small)}.list-drag-handle{cursor:grab;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;font-size:12px;letter-spacing:-3px}.list-title{flex:1;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text);font-size:15px;font-weight:600;padding:4px 6px}.list-title:hover{background-color:var(--color-surface-hover)}.list-title:focus{outline:none;background-color:var(--color-background);border-color:var(--color-accent)}.list-delete{background:transparent;border:none;color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px}.list-delete:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.list-cards{display:flex;flex-direction:column;gap:var(--spacing-small);padding:var(--spacing-small);overflow-y:auto;min-height:8px}.card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-medium);cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-small)}.card:hover{background-color:var(--color-card-hover)}.card-title{font-size:var(--card-title-font-size);white-space:pre-wrap;word-break:break-word}.card-description-indicator{color:var(--color-text-muted);font-size:11px;flex-shrink:0}.card-drag-overlay{cursor:grabbing;box-shadow:0 8px 20px #0006;transform:rotate(2deg)}.inline-add-button{background:transparent;border:none;color:var(--color-text-muted);text-align:left;padding:var(--spacing-small) var(--spacing-medium);border-radius:6px;cursor:pointer;font-size:14px;width:100%}.inline-add-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.inline-add-form{display:flex;flex-direction:column;gap:var(--spacing-small);padding:var(--spacing-small)}.inline-add-input{background-color:var(--color-background);border:1px solid var(--color-accent);border-radius:6px;color:var(--color-text);padding:var(--spacing-medium);font-size:14px}.inline-add-input:focus{outline:none}.inline-add-actions{display:flex}.inline-add-submit{background-color:var(--color-accent);border:none;color:#06131f;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer}.board-add-list{flex:0 0 var(--list-width);width:var(--list-width)}.board-add-list .inline-add-button{background-color:#ffffff0f}.board-add-list .inline-add-form{background-color:var(--color-surface);border-radius:var(--radius)}.card-editor-backdrop{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:10}.card-editor{background-color:var(--color-surface);border-radius:var(--radius);width:520px;max-width:calc(100vw - 32px);padding:var(--spacing-large);display:flex;flex-direction:column;gap:var(--spacing-medium);box-shadow:0 12px 32px #00000080}.card-editor-title{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:16px;font-weight:600;padding:var(--spacing-medium)}.card-editor-description{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:14px;padding:var(--spacing-medium);min-height:140px;resize:vertical;font-family:inherit}.card-editor-title:focus,.card-editor-description:focus{outline:none;border-color:var(--color-accent)}.card-editor-actions{display:flex;justify-content:space-between}.card-editor-delete{background:transparent;border:1px solid var(--color-border);color:#f0a0a0;padding:6px 12px;border-radius:6px;cursor:pointer}.card-editor-delete:hover{background-color:#e05a5a26}.card-editor-close{background-color:var(--color-accent);border:none;color:#06131f;font-weight:600;padding:6px 16px;border-radius:6px;cursor:pointer}