:root{--bg:#f6f4ef;--card:#ffffff;--ink:#1f2430;--muted:#6b7280;--line:#e5e1d8;--accent:#2f6f5e;--accent-ink:#ffffff;--danger:#b4552d;--warn:#8a6d1d;--chip:#edf3f1}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}main{max-width:640px;margin:0 auto;padding:16px 16px 96px}a{color:var(--accent);text-decoration:none}h1{font-size:1.35rem;margin:8px 0 4px}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin:24px 0 8px}.subtitle,h2{color:var(--muted)}.subtitle{margin:0 0 16px;font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.card .title{font-weight:600;margin-bottom:2px}.card .meta{color:var(--muted);font-size:.85rem;margin-bottom:8px}.card .context{font-size:.9rem;margin-bottom:8px;white-space:pre-wrap}.badge{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--accent);margin-right:6px;vertical-align:middle}.badge.overdue{background:#f7e5dc;color:var(--danger)}.badge.today{background:#f5eeda;color:var(--warn)}.draft{background:#f4f7f6;border:1px dashed var(--line);border-radius:8px;padding:10px;font-size:.9rem;margin-bottom:8px;white-space:pre-wrap}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:.85rem;cursor:pointer}.btn.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{color:var(--danger)}input[type=date],input[type=password],input[type=text],select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:1rem;background:var(--card);color:var(--ink);font-family:inherit}textarea.capture{min-height:40vh;font-size:1.05rem;line-height:1.5}label{display:block;font-size:.8rem;color:var(--muted);margin:10px 0 4px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}nav.bottom{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 4px calc(10px + env(safe-area-inset-bottom));z-index:10}nav.bottom a{color:var(--muted);font-size:.75rem;text-align:center;min-width:56px}nav.bottom a .ico{display:block;font-size:1.25rem}nav.bottom a.active{color:var(--accent);font-weight:600}.empty{color:var(--muted);font-size:.9rem;padding:12px 4px}.error-box{background:#f7e5dc;color:var(--danger);border-radius:8px;padding:10px;font-size:.9rem;margin-bottom:12px}.divider{border:none;border-top:1px solid var(--line);margin:20px 0}.note-toggle{margin-bottom:8px}.note-toggle summary{font-size:.8rem;color:var(--muted);cursor:pointer;list-style:none;margin-bottom:6px}.note-toggle summary:before{content:"✎ "}.note-toggle textarea,.toast{font-size:.9rem}.toast{position:fixed;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,.12);border:1px solid var(--line);background:var(--card);color:var(--ink)}.toast.processing{border-color:var(--line)}.toast.success{background:#e8f3ee;border-color:#bcd9cd;color:var(--accent)}.toast.error{background:#f7e5dc;border-color:#e4c4b2;color:var(--danger)}.spinner{width:14px;height:14px;flex:none;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}