:root{color-scheme:light;--ink:#222b2c;--muted:#737b79;--line:#dddfd7;--paper:#f6f5f0;--accent:#244d43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #397663;outline-offset:4px}[hidden]{display:none!important}.workspace{max-width:1020px;margin:0 auto;padding:65px 40px 26px}.masthead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:46px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--accent)}h1{font-size:clamp(72px,12vw,110px);line-height:1;letter-spacing:-.075em;margin:24px 0 14px;font-weight:600}h1 span{color:var(--accent)}.masthead p,.login-card>p{color:var(--muted);margin:0}.quiet{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px}.quiet:hover{color:var(--ink);background:#e9ece4;border-radius:5px}.board-meta{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:flex-end;font-size:11px;color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#497d5a;margin-right:7px}.section{padding:32px 0;border-bottom:1px solid var(--line)}.section-head,.heading{display:flex;align-items:center}.section-head{justify-content:space-between}.heading{gap:16px}.number{font-size:11px;color:var(--muted);font-family:monospace}h2{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:500}.count{font-size:11px;background:#e7ebe2;color:var(--accent);border-radius:20px;padding:6px 10px;font-family:monospace}.subtitle{font-size:12px;color:var(--muted);margin:9px 0 22px 32px}.add-form{display:flex;align-items:center;gap:12px;border:1px solid #d8ddd2;border-radius:9px;background:#fff;padding:9px 10px 9px 17px}textarea{resize:vertical;border:0;background:transparent;color:var(--ink);padding:8px 0;line-height:1.55;min-width:0;flex:1;width:100%;max-height:250px}textarea::placeholder{color:#929891}.add-button{border:0;background:var(--accent);color:white;border-radius:6px;width:36px;height:36px;flex-shrink:0;font-size:24px}.add-button:hover,.primary:hover{background:#356858}.hint{font-size:10px;color:#8b918a;margin:9px 0 17px}.entry{display:flex;gap:16px;align-items:flex-start;padding:17px 2px;border-top:1px solid #e6e7df}.entry-content{flex:1;min-width:0}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:0 0 7px}.entry-date{font-size:10px;color:#858c84;margin:6px 0 0;line-height:1.6}.actions{display:flex;gap:3px;flex-shrink:0}.actions .quiet{font-size:11px}.delete:hover{color:#9a3c32;background:#f0e5de}.empty{font-size:12px;color:#969c93;padding:10px 0;margin:0}.due{font-size:11px;color:var(--accent);display:inline-block;background:#e5eade;border-radius:4px;padding:5px 7px;margin:3px 0}.due-input{border:1px solid var(--line);border-radius:5px;padding:7px;background:#fafbf7;color:var(--muted);font-size:12px;max-width:150px}.edit-form{width:100%;padding:12px;border:1px solid var(--line);background:#fff;border-radius:7px}.edit-actions{display:flex;gap:10px;margin-top:12px}.primary{border:0;background:var(--accent);color:#fff;padding:11px 17px;border-radius:6px;font-size:12px}.error{font-size:13px;color:#973b2f;background:#f5e9e2;border:1px solid #ebcfc2;padding:14px;border-radius:6px;margin:18px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;display:flex;align-items:center;gap:25px;padding:15px 20px;border-radius:8px;box-shadow:0 8px 35px #0002;font-size:13px;max-width:95vw}.toast button{border:0;background:none;color:#d5e7b2;text-decoration:underline}footer{display:flex;justify-content:space-between;padding:25px 0;color:#969c93;font-size:10px}footer span{letter-spacing:.13em}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:100%;max-width:380px}.login-card h1{font-size:105px}.login-card form{margin:40px 0 28px}.login-card label{display:block;font-size:12px;margin-bottom:10px}.login-card input{display:block;width:100%;padding:14px;border:1px solid #d5dacf;border-radius:6px;background:white;margin-bottom:12px}.login-card .primary{width:100%;display:flex;justify-content:space-between;padding:15px}.login-card small{font-size:10px;color:var(--muted)}@media(max-width:600px){.workspace{padding:32px 20px 20px}.masthead{margin-bottom:32px}.masthead>.quiet{font-size:10px;padding:0;margin-top:3px}h1{margin-top:25px}.masthead p{font-size:12px}.board-meta{font-size:10px}.entry{flex-direction:column;gap:3px}.actions{align-self:flex-end}.add-form{gap:8px;flex-wrap:wrap}.deadlines textarea{flex-basis:calc(100% - 52px)}.deadlines .due-input{order:3;max-width:none;width:100%}h2{font-size:23px}footer{gap:20px;line-height:1.5}.toast{width:max-content}}

.session-pending .workspace,.session-pending .toast{visibility:hidden}

.action-group-title{font-size:12px;font-weight:600;letter-spacing:.03em;margin:24px 0 12px;color:var(--accent)}
.action-checkbox{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin:3px 0 0;cursor:pointer}
.action-description{font-size:13px;line-height:1.6;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}
.completed-action .entry-text{color:var(--muted)}
.field-label{display:block;font-size:11px;color:var(--muted);margin:14px 0 6px}
.edit-form textarea{display:block}
.completion-date{display:block;max-width:100%;border:1px solid var(--line);border-radius:5px;padding:8px;color:var(--ink);background:var(--paper)}
@media(max-width:600px){.action-section .entry{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px}.action-section .entry>.actions{grid-column:2;justify-self:end}.action-section .entry>.edit-form{grid-column:1/-1}.section.action-section>.section-head .heading{min-width:0}.section.action-section h2{font-size:23px}}

@media(max-width:600px){
  input,textarea,.due-input,.completion-date{font-size:16px}
  .quiet,.actions .quiet,.primary{font-size:13px;min-height:44px}
  .masthead>.quiet{font-size:12px;padding:0 4px;min-height:44px}
  .add-button{width:44px;height:44px}
  .hint,.entry-date,.board-meta,.field-label,.empty,.due{font-size:12px}
  .subtitle,.action-group-title{font-size:14px}
  .entry-date{color:#626b63}
  .hint,.empty{color:#6d756b}
  .action-checkbox{width:28px;height:28px}
  .action-section .entry{grid-template-columns:28px minmax(0,1fr)}
  .toast{bottom:calc(16px + env(safe-area-inset-bottom));gap:12px}
  .toast button{min-height:44px;font-size:14px}
}