:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193443;background:#f1f5f8;font-size:16px;line-height:1.5;--blue:#105c91;--border:#d5dfe6}*{box-sizing:border-box}body{margin:0}a{color:#105c91;text-underline-offset:3px}header{min-height:78px;padding:16px 32px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:40px;flex-wrap:wrap}.brand{font-size:22px;font-weight:750;text-decoration:none;color:#163b52;display:flex;align-items:center;gap:10px}.mark{background:#145d86;color:white;border-radius:10px;padding:3px 13px}nav,.account,.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}nav a{color:#344c5c;text-decoration:none}.account{margin-left:auto;font-size:14px}main{padding:32px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em;margin:8px 0 22px}h2{font-size:20px;margin-top:0}h3{font-size:16px;margin:12px 0}p{margin:10px 0 18px}.eyebrow{font-size:13px;letter-spacing:.1em;font-weight:700;color:#527081;text-transform:uppercase;margin:0}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:22px}.board-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.board-link{text-decoration:none;padding:28px;border-top:4px solid #1774a6}.board-link h2{margin:18px 0 28px;color:#193443}.button,button{display:inline-block;background:var(--blue);border:1px solid var(--blue);color:white;padding:10px 16px;border-radius:7px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px}.quiet{color:#28516a;background:transparent;border:1px solid var(--border);padding:9px 12px;border-radius:7px;text-decoration:none;font:inherit}.secondary{font-size:14px;color:#546c7c}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;padding:16px;border:1px solid var(--border);border-radius:10px}.filters p{margin:0;flex:1;min-width:120px}.filters label{font-size:14px}.filters input,.filters select{min-width:100px}.filters .quiet{font-size:14px}.kanban{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;padding:8px 0 28px}.column{flex:1 0 255px;max-width:340px;background:#e7eef3;border:1px solid #d9e3eb;border-radius:11px;padding:13px;min-height:330px}.column-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 2px 18px}.column h2{font-size:16px;margin:0}.count{font-size:14px;background:#d5e1ea;border-radius:6px;padding:2px 8px}.completed .column-heading{color:#1a664c}.card{background:white;border:1px solid #d7e0e7;border-radius:9px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #153a5010;cursor:grab;overflow-wrap:anywhere}.card h3 a{color:#183c51;text-decoration:none}.card h3 a:hover{text-decoration:underline}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#607b8b;gap:8px}.priority{font-size:13px;padding:3px 8px;border-radius:5px;background:#edf2f6;color:#355a71}.high{color:#8b4804;background:#fff1da}.urgent{color:#9d2929;background:#ffe8e8}.low{color:#486476}.due{font-size:14px;margin:12px 0;color:#4b6778}.assignees{display:flex;gap:6px;flex-wrap:wrap}.assignees span,.tag{display:inline-block;font-size:13px;background:#edf3f7;color:#35556c;padding:3px 8px;border-radius:5px}.empty{text-align:center;color:#637e8f;font-size:14px;margin-top:45px}.drop-target{outline:3px solid #2c81b8}.dragging{opacity:.5}label{display:block;font-weight:600;margin-bottom:5px}input,select,textarea{font:inherit;color:#183c51;background:white;border:1px solid #a9bbc8;border-radius:6px;padding:9px 11px;max-width:100%;width:100%;min-height:44px}input[type=checkbox]{width:auto;min-height:20px;margin-right:8px}textarea{resize:vertical}.editor{max-width:850px}.helptext{display:block;font-size:14px;color:#546c7c;margin-top:6px}.errorlist,.notice{color:#812b22;background:#fff0e9;padding:12px 25px;border-radius:8px}.login{max-width:440px;margin:7vh auto}.login h1{margin:16px 0 24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.description{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:24px 0}dt{color:#617786;font-size:14px}dd{margin:0;overflow-wrap:anywhere}.comment{padding:15px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.timeline{padding-left:20px}.timeline li{padding:0 0 24px 10px;font-size:14px}.timeline strong{font-size:15px}.timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f1f5f8;padding:10px}.column-row,.archive-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:18px 0;flex-wrap:wrap}.archive-row{text-decoration:none}.archive-row span{font-size:14px;color:#546c7c}#live-status:not(:empty){position:fixed;bottom:24px;left:24px;right:24px;padding:16px;background:#7f281e;color:#fff;border-radius:8px;z-index:10}:focus-visible{outline:3px solid #d99118;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:#fff;padding:10px;z-index:20}@media(max-width:760px){header{padding:16px;gap:16px}.account{width:100%;margin:0;justify-content:space-between}main{padding:22px 16px}.detail-grid{grid-template-columns:1fr}.panel{padding:18px}.heading{align-items:flex-start}.column{flex-basis:280px;max-width:90vw}.filters p{flex-basis:40%}.filters p:first-child{flex-basis:100%}.editor{max-width:100%}.actions select{width:auto;max-width:100%}.archive-row{display:grid}.login{margin:3vh auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.filter-disclosure{margin-bottom:16px}.filter-disclosure>summary{cursor:pointer;font-size:14px;font-weight:600;color:#28516a;padding:10px 0}.filter-disclosure:not([open]){background:white;border:1px solid var(--border);border-radius:8px;padding:0 14px}

.compact-editor>p:first-of-type{margin-top:0}.task-options>summary{cursor:pointer;font-weight:600;padding:12px 0}.assignment-grid,.task-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.assignment-picker{border:1px solid #a9bbc8;border-radius:6px;background:#fff}.assignment-picker>summary{padding:10px;cursor:pointer;min-height:44px;font-size:14px;font-weight:600}.assignment-options{max-height:220px;overflow-y:auto;padding:8px 10px;border-top:1px solid var(--border)}.assignment-options label{display:flex;align-items:center;min-height:40px;font-size:14px;font-weight:400}.assignment-options input{flex-shrink:0}.task-field-grid p{margin:0}.selection-count{font-weight:400}.task-options{margin-top:8px}@media(max-width:600px){.assignment-grid,.task-field-grid{grid-template-columns:1fr}.compact-editor h1{font-size:24px}}

.checklist-point{padding:1rem 0;border-bottom:1px solid #ddd}.checklist-label{display:flex;align-items:center;gap:.7rem}.checklist-label input[type="checkbox"]{width:1.4rem;height:1.4rem;flex-shrink:0}.checklist-point details{margin:.5rem 0}

/* Task content occupies the width; history is available on demand. */
.detail-grid{display:block}.detail-grid>section{min-width:0}
.history-toggle{position:fixed;right:0;top:110px;z-index:12;background:#fff;border-radius:8px 0 0 8px;box-shadow:0 2px 8px #19344318}
#history-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,94vw);height:100dvh;max-height:100dvh;max-width:94vw;border:0;border-left:1px solid var(--border);padding:24px;overflow-y:auto;color:inherit;background:#fff}
#history-drawer::backdrop{background:#19344366}#history-drawer[open]{animation:history-enter .18s ease-out}#history-drawer .heading{position:sticky;top:-24px;background:white;padding:12px 0;z-index:1}#history-drawer .heading h2{margin:0}
@keyframes history-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
.checklist-point{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,35%);gap:0 12px;padding:6px 0;align-items:start}.checklist-label{min-height:44px;margin:0;font-weight:500;overflow-wrap:anywhere}.checklist-label input{margin:0}.checklist-note{margin:0!important;min-width:0}.checklist-note>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#546c7c}.checklist-note[open]{grid-column:1/-1}.checklist-note[open]>summary{justify-content:flex-start}.checklist-note .secondary{margin-left:12px}.checklist-note textarea{margin-bottom:8px}
@media(max-width:480px){.checklist-point{grid-template-columns:minmax(0,1fr) 145px;gap:0 6px}.checklist-note>summary{font-size:13px}.history-toggle{top:auto;bottom:18px}#history-drawer{padding:18px}#history-drawer .heading{top:-18px}}
@media(prefers-reduced-motion:reduce){#history-drawer[open]{animation:none}}
[hidden]{display:none!important}

/* Compact board cards: identity and priority remain in the task data. */
.card{padding:10px 12px;margin-bottom:8px;border-left:4px solid #d7e0e7;color:#193443}
.card h3{margin:0;font-size:16px;line-height:1.4}
.card h3 a{display:block;min-height:24px;padding:2px 0}
.card-important{background:#fff3f3;border-left-color:#ba3434}
.card .assignees{gap:4px;margin-top:6px}
.card .assignees:empty{display:none}
.card .assignees span{padding:1px 6px;line-height:1.5}
.card .due{margin:6px 0 0;font-size:13px;line-height:1.5}
.card .due-overdue{color:#a51f27;font-weight:700}
.card .due-today{color:#714900;font-weight:700}
.card .digital-helper{background:#e3f0f4;color:#275264}

/* Routines extend the existing task view. Native horizontal scroll supports touch. */
.routine-editor {max-width: 900px}
.form-field {margin: 1rem 0}
.form-field > label {display:block;font-weight:600;margin-bottom:.35rem}
.form-field input:not([type=checkbox]),.form-field select,.form-field textarea {max-width:100%}
.helptext {color:#596b71;font-size:.9rem;margin:.3rem 0}
.routine-point {border:1px solid #dce4e2;border-radius:10px;padding:1rem;margin:1rem 0}
.routine-point p {margin:.5rem 0}
.routine-point input[type=text] {width:100%;max-width:100%}
.routine-thumb {width:160px;height:100px;object-fit:contain;background:#f3f5f4}
.routine-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem}
.reference-gallery {margin:1rem 0;min-width:0;border:1px solid #dce4e2;border-radius:12px;padding:12px}
.reference-gallery h2 {font-size:1rem;margin:0 0 .5rem}
.reference-track {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;max-width:100%;scrollbar-width:thin}
.reference-slide {flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}
.reference-slide img {display:block;width:100%;height:240px;object-fit:contain;background:#f3f5f4;border-radius:8px}
.reference-slide figcaption {padding:.4rem;font-size:.9rem}
.gallery-controls {display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}
.detail-grid > section {min-width:0}
[data-schedule-field=monthdays] > div {display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}
@media(max-width:600px){.reference-slide img{height:190px}.routine-editor .panel{padding:14px}.routine-point{padding:10px}.routine-editor input,.routine-editor select{max-width:100%}.routine-list .heading{flex-wrap:wrap}}