.loom-post-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:20px;border:1px solid var(--map-border,#afbeb4);border-radius:20px;background:var(--map-surface,#fffdf5);color:var(--map-ink,#23483f);font:16px/1.45 system-ui;box-shadow:0 18px 70px #142f3033}
.loom-post-dialog::backdrop{background:#122a264a;backdrop-filter:blur(3px)}
.loom-post-dialog [hidden]{display:none!important}.post-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.post-heading h2{font-size:24px;line-height:1.2;margin:0}.post-heading button{width:44px;flex:none;font-size:25px;padding:0!important}.post-form,.post-content,.post-form section{display:grid;gap:14px}.post-form label,.post-replies label{display:grid;gap:6px;font-size:14px;font-weight:600}.loom-post-dialog input:not([type=checkbox]),.loom-post-dialog textarea,.loom-post-dialog select,.community-post-browser input,.community-post-browser select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--map-border,#afbeb4);border-radius:10px;background:var(--map-surface,#fffdf5);color:var(--map-ink,#23483f);font:16px/1.4 system-ui}
.loom-post-dialog button,.post-map-picker button,.community-post-browser button{min-height:44px;padding:10px 12px;border:1px solid var(--map-border,#afbeb4);border-radius:12px;background:var(--map-active,#e4eedc);color:var(--map-ink,#23483f);font:600 14px/1.35 system-ui;cursor:pointer}.loom-post-dialog button:disabled{opacity:.5;cursor:default}.loom-post-dialog .post-primary{background:#234e42;color:#fff9e7;border-color:#234e42}.loom-post-dialog :is(input,textarea,select,button):focus-visible,.post-map-picker button:focus-visible,.community-post-pin:focus-visible{outline:3px solid #b78a36;outline-offset:2px}.post-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.post-form .post-check{display:flex;align-items:center;gap:10px;min-height:44px}.post-check input{width:22px;height:22px}.post-actions{display:flex;gap:8px;flex-wrap:wrap}.post-actions>*{flex:1}.post-hint,.post-type{font-size:14px;margin:0;color:var(--map-muted,#5b6c60)}.post-status{font-size:14px;white-space:pre-wrap}.post-status:empty{display:none}.post-body{white-space:pre-wrap;overflow-wrap:anywhere}.post-content h3,.post-content p{margin:0}.post-price{font-size:22px;font-weight:700}.post-photos{display:flex;gap:10px;overflow-x:auto}.post-photos:empty{display:none}.post-photos figure{margin:0;flex:0 0 120px}.post-photos img{display:block;max-width:100%;width:120px;height:110px;object-fit:cover;border-radius:12px}.post-photos figure button{width:100%;margin-top:5px}.post-place-results,.post-mine-list,.post-reply-list,.community-post-results{display:grid;gap:8px}.post-place-results button,.community-post-results button{text-align:left}.post-mine-list article,.post-reply-list article{padding:12px 0;border-bottom:1px solid var(--map-border,#afbeb4)}.post-mine-list h3{font-size:17px;overflow-wrap:anywhere}.post-mine-list p{margin:5px 0 10px;font-size:14px}.post-replies{display:grid;gap:12px}.post-replies form{display:grid;gap:8px}.post-reply-list small{display:block;font-size:13px;margin:6px 0}.community-post-browser{display:grid;gap:10px}.community-post-browser label{display:grid;gap:5px}.community-post-pin{width:44px;height:44px;border:2px solid #fff7e8;border-radius:14px;background:#664999;color:#fff;font:700 20px system-ui;box-shadow:0 3px 10px #172e3340;cursor:pointer}
.post-map-picker{position:absolute;z-index:40;left:12px;right:12px;bottom:calc(24px + var(--ui-bottom,0px));max-width:420px;margin:auto;padding:14px;background:var(--map-surface,#fffdf5);color:var(--map-ink,#23483f);border:1px solid var(--map-border,#afbeb4);border-radius:16px;font:16px/1.4 system-ui}.post-map-picker p{margin:0 0 8px}.post-map-picker div{display:flex;gap:8px}.post-map-picker button{flex:1}.post-map-picker [role=status]:empty{display:none}#app.post-picking:after{content:'+';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:bold 38px/1 system-ui;color:#fff;pointer-events:none;z-index:39;text-shadow:0 0 3px #163d33,0 0 3px #163d33}#app.post-picking :is(aside,#discovery-tray,.mirble-feedback-button,.map-control-dock,.mobile-map-menu){visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){.loom-post-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));max-height:78dvh;padding:18px}.post-two{grid-template-columns:1fr}.post-map-picker{bottom:calc(18px + var(--ui-bottom,0px))}}

#app.post-picking header{pointer-events:none}

/* Keep the final action in reach while the draft or preview scrolls. */
html body dialog.loom-post-dialog[data-card-layout=scroll][open]{display:flex!important;flex-direction:column;gap:12px;height:min(720px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;margin:auto}
html body .loom-post-dialog[data-card-layout=scroll]>.post-content{display:block;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:2px 2px 12px;scroll-padding:12px}
html body .loom-post-dialog[data-card-layout=scroll]>.post-content>*+*{margin-top:14px}
html body .loom-post-dialog[data-card-layout=scroll]>.post-heading{flex:none;margin:0}
html body .loom-post-dialog .post-footer{flex:none;display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--map-border);margin:0}
html body .loom-post-dialog .post-footer>button{width:auto;flex:1;min-width:0}
html body .loom-post-dialog[data-card-layout=scroll]>.post-status{flex:none;margin:0;max-height:72px;overflow:auto}

/* One post per card; search controls have their own view. */
html body #app .community-post-browser{display:block;min-width:0}
html body #app .community-post-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px}
html body #app .community-post-toolbar button{min-height:36px;padding:6px 12px}
html body #app .community-post-card{display:block;min-width:0}
html body #app .community-post-card h3{font-size:21px;line-height:1.2;margin:4px 0 8px;overflow-wrap:anywhere}
html body #app .community-post-card p{font-size:14px;line-height:1.4;margin:0 0 6px}
html body #app .community-post-card .community-post-excerpt{font-size:16px}
html body #app .community-post-card .community-post-place{color:var(--map-muted,#5b6c60)}
html body #app .community-post-card .post-actions{margin-top:8px}
html body #app .community-post-filters{display:grid;gap:10px}
html body #app #discovery-tray:has(.community-post-browser) .map-step>h2{font-size:25px;line-height:1.2;margin:0 0 8px}
html body #app #discovery-tray:has(.community-post-browser) .map-step>p:empty{display:none}
html body #app .community-post-pin.selected{background:#4c3374;border-color:#edc979;box-shadow:0 0 0 3px #edc97966}

html body #app .community-post-card .post-actions>button{padding:8px 6px;min-width:0}