:root{color-scheme:light;color:#242424;background:#f7f7f5;--surface:#fff;--line:#e2e2de;--muted:#585853;--accent:#e8b44d;--ink:#242424;--error:#801e32}
header,nav{background:#fff}button{background:#f4f3ef;border-color:#86847d}.primary{background:#e8b44d;border-color:#685013;color:#242424}.danger{background:#fff1f1;border-color:#a64859;color:#801e32}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#292929}nav button[aria-current]{background:#f7e4b6;border-color:#6d5828}.reminder{background:#fff5dc;border-color:#9e752b}
input:not([type=checkbox]),select,textarea{background:#fff;color:#242424;border-color:#81817a}input[type=checkbox]{accent-color:#a47620}.card{background:#fff}.thumb,.mini{background:#dadad6;color:#242424}.chip{background:#f5f4f1;border-color:#aaa89f}.flag,.picked{background:#242424;color:#fff;border-color:#fff}.person-strip{display:flex;gap:10px;overflow-x:auto;padding:9px 4px}.person-choice{flex:0 0 99px;padding:5px;overflow-wrap:anywhere}.person-choice .thumb{border-radius:8px}.choice[aria-pressed=true],.person-choice[aria-pressed=true],.modes button[aria-pressed=true]{outline:3px solid #242424;outline-offset:-3px;background:#f7e4b6}.choice[aria-pressed=true]::after{content:"";position:absolute;inset:1px;border:3px solid #242424;pointer-events:none}.modes{margin-top:9px}.work-grid{margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.share-bar{position:fixed;z-index:2;bottom:calc(63px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(100%,1000px);background:#fff;border:1px solid var(--line);padding:8px 12px;display:flex;gap:8px;justify-content:space-between;align-items:center}.share-bar span{font-size:.84rem}#notice{bottom:calc(126px + env(safe-area-inset-bottom));pointer-events:none}#notice:not(:empty),.modal-status:not(:empty){background:#fff7e5;border-color:#8b6d31}dialog{background:#fff;border-color:#77736b}dialog::backdrop{background:#242424ad}
@media(max-width:375px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:700px){.work-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}