body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f7;margin:0}
header{padding:20px;position:sticky;top:0;background:#f5f5f7}
h1{margin:0}.actions{display:flex;gap:10px}
button{border:none;border-radius:14px;padding:10px 14px}
#items.list .card{display:flex}
#items.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{background:white;margin:12px;border-radius:24px;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.card img{width:110px;height:110px;object-fit:cover;border-radius:20px;margin-right:12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end}
.hidden{display:none}
.sheet{background:white;width:100%;padding:20px;border-radius:24px 24px 0 0}
input,textarea{width:100%;margin:8px 0;padding:12px;border-radius:12px;border:1px solid #ddd}