:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1c2024;--muted: #697280;--accent: #2b6ef2;--danger: #d13438;--radius: 10px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #14171a;--surface: #1c2024;--border: #2c3238;--text: #eceef0;--muted: #9aa4b0;--accent: #5b8dff;--danger: #ef5350}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:820px;margin:0 auto;padding:32px 20px 64px}.app__header h1{margin:0;font-size:28px;letter-spacing:-.02em}.app__subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.state-screen{max-width:480px;margin:96px auto;padding:0 20px;text-align:center;color:var(--muted)}.state-screen h1{color:var(--text);font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.stat__value{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.stat__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.task-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.task-form h2{margin:0;font-size:16px}.task-form label,.filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);flex:1}.task-form__row{display:flex;gap:12px;flex-wrap:wrap}.task-form__actions{display:flex;gap:10px}input,textarea,select{font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);width:100%}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.btn{font:inherit;font-size:14px;padding:9px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;display:inline-block;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--small{padding:6px 10px;font-size:13px}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){border-color:var(--danger)}.slip{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid transparent;cursor:help}.slip--high{color:#92400e;background:#fef3c7;border-color:#fcd34d}@media (prefers-color-scheme: dark){.slip--high{color:#fcd34d;background:#fcd34d1f;border-color:#fcd34d59}}.bulk{margin:20px 0 4px}.bulk__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bulk__hint{font-size:12px;color:var(--muted)}.bulk__status,.bulk__error{margin:8px 0 0;font-size:13px}.bulk__status{color:var(--muted)}.bulk__error{color:var(--danger)}.filters{display:flex;gap:12px;margin:24px 0 16px;flex-wrap:wrap}.filters input[type=search]{flex:2 1 220px}.filters select{flex:1 1 150px}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.task-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.task-card--todo{border-left-color:var(--muted)}.task-card--in_progress{border-left-color:var(--accent)}.task-card--done{border-left-color:#2e9e5b}.task-card__main{flex:1 1 320px;min-width:0}.task-card__heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-card__title{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.task-card__title.is-done{text-decoration:line-through;color:var(--muted)}.task-card__desc{margin:6px 0 0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.task-card__meta{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;font-size:12px}.task-card__actions{display:flex;gap:8px;flex-wrap:wrap}.pill,.badge{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;border:1px solid var(--border);color:var(--muted)}.pill--high{color:#b3261e;border-color:#f2b8b5;background:#fdecea}.pill--medium{color:#8a5a00;border-color:#f3d9a4;background:#fdf5e6}.pill--low{color:#1f6b45;border-color:#b6dfc6;background:#eaf6ef}@media (prefers-color-scheme: dark){.pill--high{background:#3a1a19;border-color:#6b2c28;color:#ef8f8b}.pill--medium{background:#33280f;border-color:#6b5423;color:#e0b558}.pill--low{background:#15301f;border-color:#2b5a3c;color:#77c295}}.due{color:var(--muted)}.due--overdue{color:var(--danger);font-weight:600}.form-error{margin:0;color:var(--danger);font-size:13px}.form-error--banner{background:var(--surface);border:1px solid var(--danger);border-radius:8px;padding:10px 14px;margin-bottom:14px}.empty{text-align:center;color:var(--muted);padding:36px 0}@media (max-width: 560px){.stats{grid-template-columns:repeat(2,1fr)}}.task-card__files{flex-basis:100%;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.attach__head{display:flex;align-items:center;gap:10px}.attach__title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:auto}.attach__count{font-weight:400;text-transform:none;letter-spacing:0}.attach__empty{margin:10px 0 0;font-size:13px;color:var(--muted)}.attach__list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.attach__item{display:flex;align-items:center;gap:10px;font-size:14px}.attach__icon{flex:none}.attach__name{font:inherit;background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-align:left;overflow-wrap:anywhere;margin-right:auto}.attach__name:hover{text-decoration:underline}.attach__size{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;flex:none}.live{color:#2e9e5b;font-weight:600;margin-left:4px}.push-banner{position:relative;margin:16px 0 0;padding:10px 34px 10px 14px;background:var(--surface);border:1px solid var(--accent);border-radius:8px;font-size:14px}.push-banner__x{position:absolute;top:6px;right:10px;background:none;border:none;font-size:18px;line-height:1;color:var(--muted);cursor:pointer}.activity{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.activity__item{display:flex;align-items:baseline;gap:8px;font-size:13px;flex-wrap:wrap}.activity__dot{width:7px;height:7px;border-radius:50%;flex:none;align-self:center}.activity__label{font-weight:600;color:var(--text);flex:none}.activity__detail{color:var(--muted);overflow-wrap:anywhere}.activity__time{color:var(--muted);font-size:12px;margin-left:auto;flex:none;white-space:nowrap}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--muted)}