:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#18252a;background:#f0f4f3}*{box-sizing:border-box}body{margin:0}header{padding:28px max(24px,4vw);background:#102e31;color:white;display:flex;justify-content:space-between;gap:20px;align-items:start}header h1{margin:6px 0}header p{max-width:650px;color:#cad9d8;margin:0}small{letter-spacing:.16em;font-weight:700;color:#8bd8c3}button{border:0;border-radius:9px;background:#12725f;color:white;padding:10px 15px;font:inherit;cursor:pointer}.secondary{background:#dceae7;color:#164f48}header .secondary{background:#e8f1ef}#notice{padding:12px max(24px,4vw);min-height:45px;color:#166456}.error{color:#a72f31!important}.board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;padding:18px max(24px,4vw);align-items:start}.column{background:#e4ebe9;border-radius:14px;padding:14px;min-height:180px}.column h2{font-size:1rem;margin:2px 4px 16px}.card{background:#fff;border:1px solid #d1dfdc;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 14px #1c434014}.card-head{display:flex;justify-content:space-between;gap:12px;line-height:1.4}.priority{font-size:.74rem;padding:4px 7px;height:max-content;border-radius:6px;background:#e8f4ef;color:#155f4a;font-weight:700}.due,.summary,.sync{font-size:.88rem;line-height:1.45}.due{color:#815428}.summary{white-space:pre-wrap;color:#405b58}.sync{color:#ad6a13}.sync.conflict{color:#b53535}.status{width:100%;margin:12px 0;border:1px solid #bad0c9;background:#f9fdfb;border-radius:7px;padding:8px;font:inherit}.checklist{border-top:1px solid #e3ece9;padding-top:9px}.checkitem{display:flex;gap:8px;align-items:start;padding:5px 0;font-size:.9rem;line-height:1.4}.checkitem input{margin-top:3px;accent-color:#12725f}.comments{border-top:1px solid #e3ece9;margin-top:12px;padding-top:4px;font-size:.82rem;color:#506763}.comment-form{display:flex;gap:7px;margin-top:12px;align-items:end}.comment-form textarea{min-width:0;flex:1;border:1px solid #bad0c9;border-radius:7px;padding:8px;font:inherit;resize:vertical}.comment-form button{font-size:.8rem}.auth{max-width:440px;margin:8vh auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #12343220}.auth h1{margin-top:0}.auth form{display:grid;gap:16px}.auth label{display:grid;gap:6px;font-weight:600}.auth input{padding:10px;border:1px solid #b6cac5;border-radius:8px;font:inherit}.auth button{margin-top:5px}@media(max-width:880px){.board{grid-template-columns:1fr}header{padding:24px;flex-wrap:wrap}.auth{margin:20px}}
