.account-layout>[hidden],.account-form[hidden],.account-overview[hidden]{display:none!important}
.account-overview{width:100%;max-width:none;margin:0;padding:28px;min-width:0}
.overview-heading{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:start;gap:18px}
.overview-heading>img{width:80px;height:80px;object-fit:cover;border-radius:50%}
.overview-heading h2{font-size:25px;margin:4px 0 12px;overflow-wrap:anywhere}
.overview-heading .outline{font-size:14px;padding:10px 15px;min-height:44px;white-space:nowrap}
.overview-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:24px 0;color:#fff}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;padding-top:8px}
.active-filters[hidden]{display:none}
.filter-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #ff8bc460;background:#bb286422;color:#fff;border-radius:24px;min-height:40px;padding:8px 14px;font-size:14px;max-width:100%;overflow-wrap:anywhere;text-align:left}
.filter-chip span{font-size:20px;flex:none;line-height:1}
.filter-chip:hover{background:#bb286442}
.active-filters .text-action{font-size:14px;text-decoration:underline}
.compact-empty{padding:22px 0;text-align:left}
.compact-empty p{margin:0 0 18px;line-height:1.6}
.compact-empty .outline{display:inline-flex;align-items:center;min-height:44px}
dialog{scrollbar-gutter:stable}
dialog .close,dialog .modal-close,dialog .discussion-close{width:44px;height:44px;min-height:44px;border:1px solid #ffffff30;border-radius:50%;background:#241824e8;color:#fff;font-size:26px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:none;z-index:15}
dialog .close:hover,dialog .modal-close:hover,dialog .discussion-close:hover{background:#49223b}
.profile-back{border-radius:10px}
.profile-back:focus-visible{outline:2px solid #ff8cc4;outline-offset:4px}
@media(max-width:600px){.account-overview{padding:22px}.overview-heading{grid-template-columns:64px minmax(0,1fr);gap:14px}.overview-heading>img{width:64px;height:64px}.overview-heading h2{font-size:22px}.overview-heading>.outline{grid-column:1/-1;justify-self:start}.filter-chip{min-height:44px}.active-filters{gap:8px}}
/* Consistent menus, bounded content, and faithful photo framing. */
.post-menu>summary,.profile-more>summary{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;margin:0;line-height:1;font-size:0;list-style:none;flex:none}
.post-menu>summary::after,.profile-more>summary::after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:-7px 0 currentColor,7px 0 currentColor}
.post-menu>summary::marker,.profile-more>summary::marker{content:""}
.post-menu>summary::-webkit-details-marker,.profile-more>summary::-webkit-details-marker{display:none}
.post-menu[open]{z-index:20}.post-menu[open] button{top:48px;max-width:min(260px,75vw);white-space:normal;text-align:left}
.garage-card{overflow:visible}.garage-card>img{border-radius:22px 22px 0 0}
.plans-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}
.plans-grid>.form-panel{display:block;width:100%;max-width:none;min-width:0;padding:24px;box-sizing:border-box}
.plans-grid h2{margin:0 0 20px;line-height:1.3;overflow-wrap:anywhere}
.plans-grid .plan-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin:0;padding:18px 0}
.plans-grid .plan-row>div{flex:1 1 170px;min-width:0;max-width:100%}
.plans-grid .plan-row button{max-width:100%;white-space:normal;text-align:left}
.plans-grid .compact-empty{padding:18px;border-radius:14px;text-align:left;min-width:0}
.plans-grid .compact-empty p{margin:0 0 16px;max-width:100%;overflow-wrap:anywhere}
.plans-grid .compact-empty a{display:inline-flex;max-width:100%;white-space:normal;line-height:1.4}
.form-panel,.card-body,.trending-body,.album-caption,.community-card,.pad,.review-body,.host-event,.owner-bar{overflow-wrap:anywhere}
.review-actions,.detail-actions,.profile-actions,.spots-actions,.plans-shortcuts{flex-wrap:wrap;min-width:0}
.review-actions>*,.detail-actions>*,.profile-actions>*,.plans-shortcuts>*{max-width:100%;min-width:0;white-space:normal}
.form-panel input,.form-panel textarea,.form-panel select,dialog input,dialog textarea,dialog select{max-width:100%;box-sizing:border-box}
.trending-photo{width:fit-content;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;margin-inline:auto}
.trending-photo img,.garage-card>img,.community-feed .community-photo,.spot-album img,.album-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:380px;object-fit:contain;margin-inline:auto;background:transparent}
.trending-photo:hover img{transform:none}.trending-grid{align-items:start}
#community-compose-dialog{width:min(680px,94vw);max-height:90dvh;padding:0;border:1px solid #ffffff35;border-radius:24px;background:linear-gradient(135deg,#281924,#100c12);color:#fff;overflow:auto}
#community-compose-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
#community-compose-dialog .discussion-header{position:sticky;top:0;background:#21151ff5;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
#community-compose-dialog h2{font-size:24px;margin:0;line-height:1.3}
#community-compose-dialog .compose-body{padding:20px;min-width:0}
#community-compose-dialog .community-compose{margin:0;width:100%;max-width:none;padding:0;background:none;border:0;box-shadow:none}
#community-compose-dialog input[type=file]{width:100%;font-size:14px}
@media(max-width:600px){.plans-grid>.form-panel{padding:20px}.plans-grid{grid-template-columns:1fr}#community-compose-dialog .compose-body{padding:18px}.spot-album figure{margin-inline:0}.trending-photo img,.garage-card>img,.community-feed .community-photo{max-height:360px}}

.trending-body [data-crop-spot-photo]{display:block;margin-top:12px;max-width:100%;white-space:normal}
body:has(#community-compose-dialog[open]){overflow:hidden}
#community-compose-dialog{overscroll-behavior:contain}
.message-threads,.broadcast-list{display:grid;gap:18px;margin:20px 0}
.message-thread{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;max-width:800px}
.message-thread img{border-radius:50%;object-fit:cover}.message-thread p{margin:8px 0;overflow-wrap:anywhere}.message-thread small{color:#d4bfce}
.message-unread{background:#b72b70;border-radius:50%;padding:7px 10px;min-width:32px;text-align:center}
.dm-panel{max-width:850px;margin:18px auto}.dm-messages{height:min(55dvh,580px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:18px 4px}
.dm-bubble{max-width:85%;align-self:flex-start;padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff25;overflow-wrap:anywhere;min-width:0}
.dm-bubble p{white-space:pre-wrap;margin:0 0 10px;line-height:1.5}.dm-bubble small{font-size:12px;color:#e0cddd}.dm-mine{align-self:flex-end;background:#a8205d40;border-color:#ff80bd55}.dm-bubble .post-menu{margin:4px 0 0 auto}
#dm-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}#dm-form{border-top:1px solid #ffffff25;padding-top:10px}#dm-form[hidden]{display:none}#dm-form textarea{resize:vertical;max-height:30dvh}#dm-form button{margin-top:12px;min-height:44px}
.broadcast-card{min-width:0;max-width:800px;width:100%}.broadcast-card .community-author{margin:16px 0}.broadcast-card>p{line-height:1.6}.community-audience{flex-wrap:wrap;gap:10px}
@media(max-width:600px){.dm-panel{padding:18px 14px}.dm-bubble{max-width:92%}.message-thread{gap:12px;padding:18px}.community-audience button{font-size:14px}}

/* Keep report actions inside cards; the form opens in the native dialog layer. */
.post-menu>.report-trigger{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #ffffff35;border-radius:50%;background:#211620;color:#fff;line-height:1;cursor:pointer}
.post-menu>.report-trigger svg{display:block;fill:currentColor;pointer-events:none}
.post-menu>.report-trigger:disabled{width:auto;min-width:44px;padding:8px 12px;border-radius:18px;font-size:13px;cursor:default}
.post-menu>.report-trigger:focus-visible{outline:2px solid #ff80bd;outline-offset:3px}
#member-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85dvh;padding:0;overflow:auto;border:1px solid #ffffff35;border-radius:24px;background:linear-gradient(135deg,#281924,#100c12);color:#fff}
#member-dialog::backdrop{background:#000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#member-dialog .member-modal{box-sizing:border-box;width:100%;padding:28px}
#member-dialog .modal-close{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:1;color:#fff}
#member-dialog h2{margin:0 40px 20px 0;padding:0;font-size:24px}
#member-dialog form{display:grid;gap:16px;min-width:0}
#member-dialog label{margin:0;min-width:0}
#member-dialog textarea,#member-dialog input,#member-dialog select{box-sizing:border-box;max-width:100%;min-width:0;font-size:16px}
#member-dialog p{margin:0;line-height:1.5;overflow-wrap:anywhere}
#member-dialog [role=status]:empty{display:none}
#member-dialog form>.lime{justify-self:end;min-height:44px}
.account-menu>a{display:flex;align-items:center;justify-content:space-between;gap:12px}
#messages-count{display:inline-grid;place-items:center;flex:none;min-width:24px;height:24px;padding:0 6px;box-sizing:border-box;border-radius:20px;background:#b72068;color:#fff;font-size:12px;font-weight:700;line-height:1}
#messages-count[hidden]{display:none}

.posted-confirmation{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:18px 22px;border:1px solid #ff80bd66;border-radius:18px;background:#a4185928;color:#fff}.posted-confirmation strong{font-size:18px}.posted-confirmation span{font-size:15px}

.install-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box}.install-icon{display:block;border-radius:18px;margin:0 0 20px}.install-dialog h2{padding-right:28px;line-height:1.2}.install-dialog ol{padding-left:22px;line-height:1.6;font-size:15px}.install-dialog li{padding:5px 0}.install-actions{display:grid;gap:10px;margin-top:22px}.install-dialog [hidden]{display:none!important}.install-dialog [role=status]:empty{display:none}.account-menu>[data-home-install]{display:block;width:100%;text-align:left;padding:12px 14px;border:0;background:none;color:#fff;font:inherit;cursor:pointer}.account-menu>[data-home-install]:hover{background:#ffffff0c}.account-menu>[data-home-install][hidden]{display:none}
/* Photo controls stay aligned with their cards and dialogs. */
button.account-photo{display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid #ff79bd80;background:#ffffff08;color:#fff;cursor:pointer;flex-shrink:0}button.account-photo:focus-visible{outline:3px solid #fff;outline-offset:4px}button.account-photo img{display:block;width:100%;height:100%;object-fit:cover}.garage-card>img{width:100%;max-height:380px;height:auto;object-fit:contain;display:block;margin:0;border-radius:22px 22px 0 0}.photo-crop{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:auto;border:1px solid #ffffff35;background:linear-gradient(135deg,#281924,#100c12);color:#fff}.photo-crop canvas{max-width:100%;max-height:38dvh;object-fit:contain}.photo-crop .review-actions{display:flex;flex-wrap:wrap}.spot-submit [hidden]{display:none!important}.spot-submit section{min-width:0}.spot-submit label{display:grid;gap:8px;margin:18px 0}.spot-submit input,.spot-submit select,.spot-submit textarea{box-sizing:border-box;max-width:100%;width:100%;min-width:0}.spot-batch-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:14px}.spot-batch-photo{min-width:0;display:flex;flex-direction:column;gap:8px}.spot-batch-photo img{display:block;width:100%;height:160px;object-fit:contain;border-radius:12px;background:#ffffff05}.spot-batch-photo button{width:100%;min-height:44px}.album-search-result{display:block;width:100%;text-align:left;white-space:normal;margin:8px 0}#album-selection{overflow-wrap:anywhere}#nearby-spots button{white-space:normal;margin:6px 0}.photo-crop select{box-sizing:border-box}
/* Batch framing and moderation: one popup / one submitted set. */
.batch-crop-nav,.batch-review-nav{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;margin:12px 0;flex-wrap:wrap}
.batch-crop-nav button,.batch-review-nav button{min-width:44px;min-height:44px;display:grid;place-items:center;padding:8px}
.batch-crop-thumbs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 12px}
.batch-crop-thumbs button{flex:0 0 60px;height:60px;padding:2px;border:2px solid transparent;border-radius:12px;background:#181218}
.batch-crop-thumbs button[aria-current=true]{border-color:#ff70ba}
.batch-crop-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.review-batch{margin:24px 0;min-width:0}.review-batch-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:24px}
.review-batch-track>.review-card{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;margin:0}
.review-batch-track .review-flyer img{max-height:540px;object-fit:contain;width:100%}
.review-batch-track .review-body{min-width:0;overflow-wrap:anywhere}.review-batch-track textarea{box-sizing:border-box;max-width:100%}
.photo-order-actions{display:flex;gap:8px;justify-content:center}.photo-order-actions button{min-width:44px;min-height:44px;padding:6px}.spot-batch-photo>strong{display:block;color:#fff;margin-bottom:6px}.spot-batch-photo[draggable=true]{cursor:grab}#address-suggestions{display:grid;gap:6px}#address-suggestions:empty{display:none}#address-suggestions button{text-align:left;white-space:normal;overflow-wrap:anywhere}
