*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f4f2ee;color:#222;height:100dvh;display:flex;flex-direction:column}
header{background:#1f3b2d;color:#fff;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;display:flex;justify-content:space-between;align-items:center}
h1{font-size:1.15rem;margin:0}#net{font-size:.75rem;padding:3px 8px;border-radius:10px;background:#3c6e52}#net.off{background:#a33}
nav{display:flex;background:#fff;border-bottom:1px solid #ddd}nav button{flex:1;border:0;background:none;padding:12px;font-size:1rem;color:#666}nav button.on{color:#1f3b2d;border-bottom:3px solid #1f3b2d;font-weight:600}
main{flex:1;overflow:auto;position:relative}#map-view,#map{height:100%}
ul{list-style:none;margin:0;padding:8px}li{display:flex;gap:12px;background:#fff;border-radius:12px;padding:8px;margin-bottom:8px;box-shadow:0 1px 3px #0001;align-items:center}
li img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#ddd}li b{display:block}
.badge{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:10px;background:#e3e3e3;margin-top:4px}.badge.pending{background:#ffe2a8}.badge.synced{background:#bfe6c9}
.muted{color:#777;font-size:.85rem}form,#detail-view{padding:16px;max-width:600px;margin:auto}
label{display:block;margin:12px 0;font-weight:600;font-size:.9rem}input:not([type=checkbox]),textarea{width:100%;padding:10px;font:inherit;border:1px solid #ccc;border-radius:8px;margin-top:4px;background:#fff}
.toggle{display:flex;gap:10px;align-items:center}.toggle input{width:22px;height:22px}
.photo-btn{display:flex;align-items:center;justify-content:center;min-height:160px;background:#e6e2da;border:2px dashed #aaa;border-radius:12px;overflow:hidden}.photo-btn img{width:100%}
button{font:inherit;padding:12px 18px;border-radius:10px;border:0;background:#1f3b2d;color:#fff;font-weight:600}button.sec{background:#ddd;color:#222}button.danger{background:#a33}
.row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.fab{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:1000;border-radius:30px;box-shadow:0 4px 12px #0004}
#detail-view img{width:100%;border-radius:12px}

#offline-ready{font-size:.75rem;padding:3px 8px;border-radius:10px;background:#bfe6c9;color:#1f3b2d}
#install{background:#fff8e6;border-bottom:1px solid #e8d8a8;padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:.9rem}
#install[hidden]{display:none}#install-text{flex:1}#install .row button{padding:8px 12px}
.share-ico{display:inline-block;width:18px;height:18px;vertical-align:-3px}