:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5)}*{box-sizing:border-box}body{margin:0;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.add-form{display:flex;gap:8px;margin-bottom:12px}.add-form input{flex:1;padding:8px 10px;border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:14px}.add-form button,.task .actions button{border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:14px;padding:8px 12px;cursor:pointer}.board{display:flex;flex-direction:column;gap:12px}.column{background:var(--secondary-bg);border-radius:10px;padding:10px}.column h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.column h2 .count{font-weight:400}.task{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border-radius:8px;padding:8px 10px;margin-bottom:6px}.task:last-child{margin-bottom:0}.task .title{font-size:14px;word-break:break-word}.task .actions{display:flex;gap:4px;flex-shrink:0}.task .actions button{padding:4px 8px;font-size:12px}.error{text-align:center;color:var(--hint);padding:40px 20px;font-size:15px}