*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#f6f5f2;color:#1d1d1b;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:44rem;margin:0 auto;padding:2rem 1rem 4rem}
.brand{margin:0;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:#6b6a65}
h1{margin:.2rem 0 1rem;font-size:1.6rem}
h2{font-size:1.2rem;margin:0 0 .5rem}
section{background:#fff;border:1px solid #e3e1db;border-radius:10px;padding:1.2rem;margin:0 0 1rem}
label{display:block;font-weight:600;margin:.4rem 0}
textarea{width:100%;font:inherit;padding:.6rem;border:1px solid #c9c6bd;border-radius:6px}
button{font:inherit;padding:.55rem 1rem;border-radius:6px;border:1px solid #1d1d1b;background:#1d1d1b;color:#fff;cursor:pointer;margin:.6rem .5rem 0 0}
button#discard,button#cancel-delete,button#cancel-undo,button#unpick,button#more,button#signout,button.open,button.undo{background:#fff;color:#1d1d1b}
.picture{margin:.8rem 0 0}
#thumb{display:block;max-width:12rem;max-height:9rem;margin:.4rem 0;border-radius:6px}
button:disabled{opacity:.45;cursor:default}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0 0 .8rem}
dt{font-weight:600;color:#6b6a65}
dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
dd ol,dd ul{margin:0;padding-left:1.2rem}
.k{color:#6b6a65}
#message{color:#9b2c1f}
#question{font-weight:600}
#changes{list-style:none;margin:0;padding:0}
#changes>li{border-top:1px solid #e3e1db;padding:.8rem 0}
#changes>li:first-child{border-top:0}
#changes p{margin:0}
.when{font-size:.85rem;color:#6b6a65}
.title{font-weight:600}
.status{font-size:.9rem}
.blocked{font-size:.9rem;color:#6b6a65}
.detail{margin:.6rem 0 0}
button.open,button.undo,button#signout{padding:.3rem .8rem;font-size:.9rem}