:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#263321;background:#f5f7f1}*{box-sizing:border-box}body{margin:0;padding-bottom:72px}button,input,select{font:inherit}main{padding:16px;max-width:760px;margin:auto}header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #dce4d5;padding:16px;display:flex;justify-content:space-between}.screen main{max-width:480px;padding-top:72px}.view{display:none}.view.active{display:block}h1{font-size:1.45rem}.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.card{background:#fff;border:1px solid #dce4d5;border-radius:14px;padding:14px;margin:0 0 10px}.card h3{margin:0 0 6px}.meta{font-size:.8rem;color:#687362}.time{font-size:.8rem;font-weight:800;color:#55742b}.conflict{border-left:4px solid #c46455}.done{opacity:.55}button{border:1px solid #cbd7bf;background:#fff;border-radius:10px;padding:10px 13px;color:#34402f}button[type=submit],#new-task{background:#78a83b;border-color:#78a83b;color:#fff;font-weight:700}label{display:grid;gap:5px;margin-bottom:12px;font-size:.82rem;font-weight:700}input,select{width:100%;padding:11px;border:1px solid #cfd9c7;border-radius:9px;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;gap:8px}.error{color:#a33}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce4d5;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}nav button{border:0;background:transparent}nav button.active{background:#edf5e2;font-weight:800;color:#4f7028}#sheet{position:fixed;inset:0;background:rgba(20,30,18,.4);z-index:20;display:flex;align-items:flex-end}#sheet[hidden]{display:none}#task-form{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}@media(min-width:700px){#sheet{align-items:center;justify-content:center}#task-form{max-width:540px;border-radius:20px}}
nav{grid-template-columns:repeat(4,1fr)}
.attachment-box{margin:14px 0;padding:12px;border:1px solid #dce4d5;border-radius:12px;background:#f8faf5}
.attachment-box>strong{display:block;margin-bottom:8px}
.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #e5eadf}
.attachment-item span{min-width:0;overflow-wrap:anywhere}
.attachment-item button{padding:6px 9px;font-size:.78rem}
.notification-card.read{opacity:.62}
#notification-count{display:inline-block;min-width:1.2em;font-weight:800}