:root{color:#243b34;font-synthesis:none;--surface:#fff;--muted:#52685d;--line:#dce5da;--accent:#224e3d;background:#f6f7f2;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);min-height:48px;color:inherit;border-radius:14px;padding:12px 18px}button:hover{border-color:var(--accent)}button:focus-visible{outline-offset:3px;outline:3px solid #ad7418}button:disabled{cursor:wait;opacity:.65}header{align-items:center;gap:12px;max-width:760px;margin:auto;padding:28px 24px;display:flex}.mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.brand{font-size:23px;font-weight:600}.mode{color:var(--muted);margin-left:auto;font-size:11px}main{max-width:704px;margin:auto;padding:16px 24px 32px}h1{letter-spacing:-1.3px;white-space:pre-line;margin:12px 0 32px;font-size:clamp(30px,6vw,44px);font-weight:550;line-height:1.16}h2{font-size:21px;font-weight:600}p{line-height:1.65}.eyebrow{letter-spacing:.04em;color:var(--muted);font-size:12px}.card,.brief,.empty,.detail{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:16px 0;padding:24px}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.status{text-align:right;color:var(--muted);font-size:11px}.title-button{text-align:left;border:0;padding:12px 0 0;font-size:25px;font-weight:550;display:block}.time{letter-spacing:-1px;margin:8px 0;font-size:30px}.muted{color:var(--muted);font-size:14px}.undo{background:var(--accent);color:#fff;min-width:135px}.result{color:var(--accent);font-weight:600}.brief{background:#edf2e9}.brief button{text-align:left;width:100%;margin:8px 0;display:block}.message{background:#e5eddf;border-radius:12px;padding:15px}.empty{text-align:center;padding:40px 24px}.detail{border:2px solid var(--accent)}nav{background:var(--surface);border-top:1px solid var(--line);padding:10px max(6px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));z-index:2;justify-content:center;gap:4px;display:flex;position:sticky;bottom:0}nav button{background:0 0;border:0;flex:1;max-width:150px;padding:12px 6px;font-size:13px}nav button[aria-current=page]{color:#254b36;background:#e7eee4;font-weight:650}footer{color:var(--muted);text-align:center;padding:16px 12px 26px;font-size:12px}small{color:var(--muted)}@media (width<=420px){header{padding:20px}main{padding:12px 18px 24px}.card,.brief{padding:20px}.mode{text-align:right;max-width:120px}}@media (prefers-color-scheme:dark){:root{color:#e2ebe4;--surface:#1c3027;--muted:#b0c3b5;--line:#385043;--accent:#97c9ad;background:#14231d}.mark,.undo{color:#14231d}.brief,.message{background:#233d30}.result{color:#b5ddc3}nav button[aria-current=page]{color:#fff;background:#31533e}}