/* Hide the requested helper paragraphs everywhere; keep dynamic validation and location consent. */
.ip-location-map{height:360px;min-height:260px;max-height:60vh;border:1px solid #cddfdd;border-radius:12px;background:#deedf1;margin-top:1rem;z-index:0}.ip-location-map .leaflet-popup-content{line-height:1.5;max-width:260px}.ip-location-map:focus-visible{outline:3px solid #0f766e}@media(max-width:600px){.ip-location-map{height:300px}}
.app-explanatory-copy,.app-interface .map-list-note{display:none}.place-feedback-container{display:contents}#place-feedback,#place-results{grid-column:1/-1}#place-feedback:empty,#place-results:empty{display:none}#app-refresh:disabled{opacity:.5;cursor:wait}
.friend-chat{max-width:46rem;margin:auto}.friend-chat h1{font-size:1.5rem;overflow-wrap:anywhere}.chat-pages{flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.friend-messages{max-height:55vh;min-height:8rem;overflow:auto;display:flex;flex-direction:column;gap:.65rem;padding:.8rem;background:var(--wash);border:1px solid var(--border);border-radius:.8rem}.chat-message{max-width:90%;align-self:flex-start;overflow-wrap:anywhere;background:#fff;border:1px solid var(--border);border-radius:.7rem;padding:.55rem .8rem}.chat-message.mine{align-self:flex-end;background:#dbf1ed}.chat-message p{white-space:pre-wrap;margin:.25rem 0}.chat-message strong,.chat-message time{font-size:.75rem;color:var(--muted)}.friend-chat form{margin-top:.75rem}.friend-chat textarea{resize:vertical;min-height:5rem}
/* Update notices never replace or cover a form with a full-screen prompt. */
.app-update-notice{position:sticky;bottom:0;z-index:1200;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem;background:#fff9e8;border-top:1px solid #e8cb75;box-shadow:0 -3px 12px #17212b12}.landmark-options{display:grid;gap:.65rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem;background:var(--wash);font-size:.88rem}.landmark-options[hidden]{display:none}.landmark-options select{height:2.75rem;width:100%}.landmark-options a{font-size:.78rem}
:root{--ink:#17212b;--muted:#637381;--brand:#0f766e;--wash:#effaf8;--border:#d7e4e2;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}header{min-height:4.5rem;padding:0 5vw;display:flex;gap:2rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:1.25rem;color:var(--brand);text-decoration:none}nav{display:flex;align-items:center;gap:1rem}nav a,.link{color:var(--ink);text-decoration:none;font:inherit}.link{background:transparent;border:0;padding:0;cursor:pointer}main{max-width:72rem;margin:auto;padding:3rem 5vw 5rem}.hero{padding:4.5rem clamp(1.5rem,6vw,6rem);background:var(--wash);border-radius:1.25rem}.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.04;max-width:14ch;margin:.3rem 0 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:800;color:var(--brand)}.button,button{display:inline-block;border:0;background:var(--brand);color:#fff;text-decoration:none;font:inherit;font-weight:750;padding:.7rem 1rem;border-radius:.45rem;cursor:pointer}.small{padding:.45rem .7rem}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:3rem 0 1rem}.section-heading h2{margin:0}.section-heading p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.card h2{font-size:1.25rem;line-height:1.2;margin:.5rem 0}.card a{color:var(--ink)}.auth,.form-page,.report{max-width:42rem;margin:auto}.auth h1,.form-page h1,.report h1{font-size:2.25rem;line-height:1.1}form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:650}input,textarea,select{width:100%;font:inherit;font-weight:400;padding:.65rem .75rem;border:1px solid #9caeb0;border-radius:.4rem;background:#fff}.trap{position:absolute;left:-9999px;opacity:0}.notice{max-width:42rem;margin:0 auto 1rem;padding:.8rem 1rem;border-radius:.5rem}.notice.success{background:#ecfdf5;color:#065f46}.notice.error{background:#fef2f2;color:var(--danger)}.report-image{display:block;max-width:100%;max-height:28rem;border-radius:.75rem;margin:1.5rem 0}.description{font-size:1.1rem}footer{padding:2rem 5vw;background:#17212b;color:#d7e4e2;text-align:center}@media(max-width:42rem){header{padding:1rem 5vw;align-items:flex-start;flex-direction:column;gap:.7rem}nav{flex-wrap:wrap}.hero{padding:2.5rem 1.5rem}.section-heading{display:block}.section-heading p{margin-top:.25rem}main{padding-top:2rem}}
footer a{color:#b4f3e9}.counters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem}.counters strong{font-size:1.4rem;margin-right:.3rem}.counter-note{font-size:.8rem;max-width:46rem;margin:1rem auto}
/* A restrained navigation refresh; controls retain touch-friendly targets. */
header{gap:1rem;box-shadow:0 2px 10px #17212b06}header nav{gap:.3rem;flex-wrap:wrap}header nav a,header nav .link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .8rem;border-radius:.7rem;font-weight:600;font-size:.95rem;line-height:1.3;transition:background-color .15s,color .15s}header nav a:not(.button):hover,header nav .link:hover{background:var(--wash);color:var(--brand)}header nav a:focus-visible,header nav .link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}header nav .button{box-shadow:0 2px 5px #0f766e15}header nav .button:hover{background:#0b625b}@media(prefers-reduced-motion:reduce){header nav a,header nav .link{transition:none}}@media(max-width:42rem){header{gap:.5rem;padding:.75rem 5vw}header nav{gap:.2rem;max-width:100%}header nav a,header nav .link{padding:.5rem .65rem}}
.map-sharing{min-width:0;border:1px solid var(--border);border-radius:.6rem;padding:1rem}.map-sharing legend{font-weight:750}.map-sharing p{font-size:.9rem}.map-sharing button:disabled{opacity:.65;cursor:wait}.card,.report{overflow-wrap:anywhere}
.sms-choice{display:flex;align-items:center;gap:.6rem}.sms-choice input{width:auto;flex:none}
.report-filters label,.report-filters input,.report-filters select{min-width:0;max-width:100%}.report-filters label{overflow-wrap:anywhere}#lost-payment-fields{min-width:0;border:1px solid var(--border);border-radius:.6rem;padding:1rem}
.app-platforms{margin:2rem 0}.app-platforms li{margin:.6rem 0}[hidden]{display:none!important}
.card a.button{color:#fff}
.distance-center{grid-column:1/-1;min-width:0;border:1px solid var(--border);border-radius:.5rem;padding:1rem}.distance-center legend{font-weight:750}.distance-center .coordinate-fields{margin:1rem 0}.distance-center p{font-size:.9rem}.filter-actions{flex-wrap:wrap}.distance-center button:disabled{opacity:.65;cursor:wait}
.report-filters{align-items:start}.report-filters>label{align-self:start;align-content:start}.report-filters input:not([type=checkbox]),.report-filters select{height:3rem;align-self:start}.report-filters .distance-center{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1.25rem;background:var(--wash);border:0;border-radius:.65rem;padding:1rem 1.25rem}.distance-center legend{padding:0 .3rem}.distance-center>p{grid-column:1/-1;margin:.1rem 0}.distance-center>.filter-actions{grid-column:auto;align-self:center}.distance-center>.coordinate-fields{margin:0;grid-template-columns:1fr 1fr}.distance-center button{font-size:.9rem;padding:.65rem .85rem}.distance-center #distance-feedback{font-size:.8rem;color:var(--muted);padding-top:.35rem}@media(max-width:42rem){.report-filters .distance-center{grid-template-columns:1fr;padding:1rem}.distance-center>.filter-actions,.distance-center>.coordinate-fields{grid-column:1/-1}.distance-center>.coordinate-fields{grid-template-columns:1fr 1fr}.distance-center button{flex:1;min-width:7rem}.report-filters label{font-size:.9rem}}
.browse-intro{padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.browse-intro h1{font-size:clamp(1.8rem,4vw,2.7rem);max-width:24ch}.browse-intro .button{flex:none}.report-filters{margin:2rem 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:.7rem}.type-toggles{grid-column:1/-1;border:0;padding:0;display:flex;gap:1.5rem}.type-toggles legend{font-size:.9rem;margin-bottom:.5rem}.type-toggle{display:flex;align-items:center;gap:.5rem}.type-toggle input{width:auto}.type-dot{display:inline-flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;font-weight:800}.lost .type-dot,.item-pin.lost{background:#b9470b}.found .type-dot,.item-pin.found{background:#0f766e}.filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:1rem}.item-map{height:420px;border-radius:.8rem;border:1px solid var(--border);z-index:0}.pin-picker{height:320px;margin-top:1rem;z-index:0}.item-pin{border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;line-height:28px;font-size:16px;font-weight:800;box-shadow:0 2px 5px #0005}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.map-section h2{margin-bottom:.3rem}.leaflet-container a{color:#075b54}.leaflet-control-attribution{font-size:12px}.leaflet-popup-content p{margin:.6rem 0}@media(max-width:42rem){.browse-intro{display:block;padding:1.5rem}.report-filters{grid-template-columns:1fr 1fr;padding:1rem}.item-map{height:340px}.type-toggles{gap:1rem}.coordinate-fields{grid-template-columns:1fr}}
/* Account, moderation and phone-friendly image tools. */
.member-nav,.action-row,.photo-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1rem 0}
.inline-form{display:inline-block;margin:0}.inline-form button{margin:0}
.secondary{background:#eef7f6;color:#0f605b;border:1px solid #aacac6}.danger{background:#a32c30;color:white}
.status-banner,.private-panel,.photo-tools,.system-status{padding:1.2rem;border:1px solid #cbdedc;border-radius:12px;background:#f3f9f8;margin:1rem 0;min-width:0}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}
.metric{border:1px solid #d5e4e2;border-radius:12px;padding:1rem}.metric span{display:block;color:#506767}.metric strong{font-size:2rem}
.report-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #d5e4e2;padding:1rem 0;overflow-wrap:anywhere}
.owner-report{margin:1rem 0}.photo-actions label.button{position:relative;cursor:pointer;display:inline-flex;margin:0}
.photo-actions input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.photo-actions label:focus-within{outline:3px solid #13867a;outline-offset:3px}
.photo-preview{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;margin:1rem auto}
.photo-preview[hidden],#drawing-panel[hidden]{display:none}
#item-drawing{display:block;width:100%;height:auto;touch-action:none;background:white;border:1px solid #829d9a;border-radius:8px}
#pen-color{width:5rem;height:3rem;padding:.3rem}.photo-tools legend{font-weight:700}
.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}.photo-gallery figure{margin:0}.photo-gallery img{width:100%;height:240px;object-fit:contain;background:#f1f6f5;border-radius:10px}
.card-picture{grid-column:1/-1}.card-picture img{max-width:100%;max-height:200px;border-radius:10px}
.conversation{max-width:760px;margin:auto}.message{background:#f0f6f5;border-radius:10px;padding:1rem;margin:.7rem 0;overflow-wrap:anywhere}.message p{white-space:pre-wrap}
.optional-center{grid-column:1/-1}.optional-center summary{cursor:pointer;font-weight:600;padding:.75rem 0}.optional-center .distance-center{margin-top:.5rem}
@media(max-width:600px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-row{align-items:flex-start}.photo-actions>*{flex:1 1 130px;text-align:center;justify-content:center}.action-row>*{max-width:100%}.photo-gallery{grid-template-columns:1fr}}
.filter-help{grid-column:1/-1;font-size:.9rem;color:#526a68}.filter-help p{margin:.3rem 0}.place-choice{display:block;width:100%;text-align:left;white-space:normal;margin:.5rem 0}
.available-total{padding:.9rem 1.1rem;border-radius:.65rem;background:var(--wash)}.available-total strong{font-size:1.4rem}.available-total span{color:var(--muted);font-size:.9rem}.keyword-filter{grid-column:span 2}.category-browser{margin:2rem 0}.category-browser h2{font-size:1.15rem;margin-bottom:.3rem}.category-browser>p{font-size:.875rem;margin-top:0}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.category-tabs a{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);padding:.45rem .75rem;border-radius:2rem;font-size:.875rem;background:#fff}.category-tabs a[aria-current=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.category-tabs span{font-size:.8rem;font-weight:700;min-width:1.4rem;text-align:center}.category-tabs a:focus-visible,.item-details-link:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.results-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.results-summary span{color:var(--muted)}.summary-results{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{position:relative;padding:1rem;display:flex;flex-direction:column;align-items:flex-start}.summary-card:has(.card-picture){padding-right:7.5rem}.summary-card .card-picture{position:absolute;right:1rem;top:1rem;width:5.5rem}.summary-card .card-picture img{width:5.5rem;height:5.5rem;object-fit:contain;background:#f1f6f5}.summary-card h2{font-size:1.05rem}.summary-card p{font-size:.875rem;margin:.35rem 0}.item-details-link{font-size:.875rem;font-weight:650;margin-top:.5rem}.detail-results .item-summary{white-space:normal}.report-pagination{justify-content:center;flex-wrap:wrap;margin:1.75rem 0;gap:1rem}.report-pagination span{color:var(--muted);font-size:.9rem}#available-reports,#category-heading{scroll-margin-top:1rem}@media(max-width:700px){.summary-results{grid-template-columns:1fr}.detail-results{grid-template-columns:1fr}.available-total span{display:block}}@media(max-width:360px){.summary-card:has(.card-picture){padding-right:5.75rem}.summary-card .card-picture,.summary-card .card-picture img{width:4rem}.summary-card .card-picture img{height:4rem}}
.map-picture{display:block;width:180px;max-width:100%;height:120px;object-fit:contain;border-radius:.4rem;background:#f1f6f5}.item-pictures figcaption{font-size:.875rem;color:var(--muted);text-align:center}.item-pictures a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.map-pagination{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.map-pagination[hidden],.map-pagination button[hidden]{display:none}.map-pagination button{white-space:normal;max-width:100%;min-height:3rem}.map-pagination button:disabled{opacity:.55;cursor:default}#map-summary{min-height:1.5em}
/* App density reduces repetition and whitespace, not warnings or input sizes. */
main.app-interface{padding-top:1rem;padding-bottom:2rem}.app-interface .browse-intro{padding:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.app-interface .browse-intro h1{font-size:1.7rem;margin:0;line-height:1.2}.app-interface .available-total{margin:.75rem 0;padding:.65rem .9rem}.app-interface .report-filters{margin:.75rem 0;gap:.65rem;padding:.85rem}.app-interface .category-browser{margin:1rem 0}.app-interface .category-browser h2,.app-interface .map-section h2{font-size:1.1rem}.app-interface .category-browser>p,.app-interface .map-list-note{margin:.3rem 0 .6rem}.app-interface .section-heading{margin:1.25rem 0 .5rem}.app-interface .section-heading h2{font-size:1.25rem}.app-interface .section-heading p{margin:.3rem 0;font-size:.875rem}.app-interface .notice{margin:.5rem 0;padding:.65rem .8rem;font-size:.9rem;max-width:none}.app-interface .optional-center summary{padding:.5rem 0}.app-interface .auth h1,.app-interface .form-page h1,.app-interface .report h1{font-size:1.8rem}.app-interface .auth>p,.app-interface .form-page>p{margin:.5rem 0}.app-interface .member-nav{gap:.5rem;margin:.75rem 0}.app-interface .map-pagination{margin:.65rem 0}
/* Reserve thumbnail space at the heading only, keeping phone summaries short. */
.compact-results{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:.65rem;overflow:hidden}.compact-report{min-width:0;border-bottom:1px solid var(--border)}.compact-report:last-child{border-bottom:0}.compact-report-link{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--ink);text-decoration:none}.compact-report-link:hover{background:var(--wash)}.compact-report-link:focus-visible{outline:3px solid var(--brand);outline-offset:-3px;background:var(--wash)}.compact-thumbnail{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;overflow:hidden;border-radius:.4rem;background:#f1f6f5;font-size:1rem;font-weight:800;color:var(--brand)}.compact-thumbnail.lost{color:#a13d08}.compact-thumbnail img{width:100%;height:100%;object-fit:contain}.compact-content{min-width:0}.compact-heading{display:flex;align-items:baseline;gap:.5rem;min-width:0}.compact-heading h2{min-width:0;font-size:1rem;line-height:1.35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-kind{flex:none;font-size:.875rem;font-weight:700;color:var(--brand)}.compact-kind.lost{color:#a13d08}.compact-snippet{font-size:.875rem;line-height:1.35;margin:.15rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-meta{display:flex;gap:.65rem;align-items:baseline;font-size:.75rem;line-height:1.4;color:var(--muted);margin:0;min-width:0;flex-wrap:wrap}.compact-meta>*{max-width:100%}.compact-location{max-width:45%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-meta time,.compact-picture-count{white-space:nowrap}@media(max-width:600px){.compact-report-link{padding:.65rem;gap:.6rem}.compact-category,.compact-picture-count{display:none}.compact-meta{gap:.45rem}.compact-location{max-width:100%;flex-basis:100%}}
.summary-card:has(.card-picture){display:block;padding-right:1rem}.summary-card:has(.card-picture)>.eyebrow,.summary-card:has(.card-picture)>h2{padding-right:6.25rem}.summary-card:has(.card-picture)>h2{min-height:4.25rem}@media(max-width:360px){.summary-card:has(.card-picture)>.eyebrow,.summary-card:has(.card-picture)>h2{padding-right:4.75rem}.summary-card:has(.card-picture)>h2{min-height:3.5rem}}
.admin-filters,.admin-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.admin-filters{padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:#f8fbfb}.admin-filters label,.admin-edit-grid label{min-width:0;font-size:.9rem}.admin-filters input,.admin-filters select{height:3rem;min-width:0;max-width:100%}.admin-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.65rem}.admin-table{border-collapse:collapse;width:100%;min-width:920px;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;vertical-align:top;padding:.9rem;border-bottom:1px solid var(--border);overflow-wrap:anywhere;max-width:240px}.admin-table th{background:var(--wash)}.admin-table small{display:block;font-size:.8rem;color:#526a68;margin-top:.3rem}.admin-table .report-id{font-family:monospace;font-size:.8rem}.admin-table .button{white-space:nowrap}.admin-editor{margin:2rem 0}.admin-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1/-1}.trash-panel{margin:2rem 0;padding:1.2rem;border:1px solid #d6a0a2;border-radius:.7rem;background:#fff7f7}#all-items{scroll-margin-top:1rem}@media(max-width:800px){.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.admin-filters,.admin-edit-grid{grid-template-columns:1fr}.admin-filters{padding:1rem}}
/* City suggestions stay within the location field on narrow app screens. */
.city-field{min-width:0;max-width:100%;align-self:start}.city-field>label{align-content:start}
.city-tools{display:block;position:relative;min-width:0;font-weight:400}.city-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.city-choice{font-size:.875rem;min-height:2.75rem;padding:.4rem .65rem;white-space:normal;overflow-wrap:anywhere}.city-status{display:block;font-size:.875rem;color:var(--muted);line-height:1.4;margin:.35rem 0}.city-status:empty{display:none}.city-results{display:grid;gap:.35rem;max-height:19rem;overflow:auto;border:1px solid var(--border);border-radius:.5rem;padding:.4rem;background:#fff;margin:.35rem 0}.city-results[hidden]{display:none}.city-results .city-choice{text-align:left;width:100%;flex:none;color:var(--ink);background:var(--wash)}.city-choice:focus-visible{outline:3px solid var(--brand);outline-offset:1px}.city-attribution{font-size:.75rem;font-weight:400}.city-actions .city-choice{flex:1 1 auto}.app-interface .city-status{margin:.25rem 0}
/* Admin settings and account screens: compact controls, clear navigation, mobile-safe cards. */
.admin-nav{display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem;margin:0 0 1.5rem;background:#f0f7f6;border:1px solid #d4e6e3;border-radius:14px}
.admin-nav a{padding:.6rem .9rem;border-radius:9px;text-decoration:none;font-weight:650;color:#355b57}
.admin-nav a:hover{background:#e0eeeb}.admin-nav a[aria-current=page]{background:#0f766e;color:white;box-shadow:0 2px 4px #113c331a}
.source-diff{max-height:24rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#f2f6f6;border:1px solid #d4e6e3;border-radius:8px;font-size:.85rem}.table-wrap{max-width:100%;overflow-x:auto}.settings-grid{align-items:start}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem;margin:1rem 0 2rem;align-items:start}
.settings-grid .card{min-width:0}.setting-heading{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.setting-heading h2{margin-top:0}
.state-pill{display:inline-block;white-space:normal;font-size:.75rem;letter-spacing:.04em;font-weight:750;border-radius:20px;background:#eef4f3;color:#244b46;padding:.3rem .65rem}
.settings-grid form,.settings-form{display:grid;align-items:start;gap:1rem;margin-top:1rem}.settings-grid form input,.settings-grid form select,.settings-form input,.settings-form select{height:auto;min-height:44px;max-width:100%}
.settings-grid label.check,.settings-form label.check{display:flex;align-items:center;gap:.5rem}.settings-grid input[type=checkbox],.settings-form input[type=checkbox]{min-height:0;width:auto}
.settings-grid details summary,.card summary{cursor:pointer;font-weight:650}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll td{vertical-align:top}
.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #cee1dc}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:#eaf4f1;color:#0f766e;font-weight:750}
.report ol li{margin:.8rem 0}.admin-filters{align-items:start}.admin-nav a:focus-visible{outline:3px solid #9d6908;outline-offset:2px}
.monitor-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.monitor-toolbar label{display:grid;gap:.35rem;flex:1 1 150px;max-width:260px}.monitor-toolbar input,.monitor-toolbar select{height:44px;min-height:44px;width:100%;margin:0}.monitor-toolbar button{min-height:44px}.monitor-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.75rem}.monitor-metrics>div{display:grid;gap:.25rem;padding:1rem;border:1px solid #cddfdd;border-radius:10px;background:#f1f8f7}.monitor-metrics strong{font-size:1.5rem;color:#115e59}.monitor-metrics span{font-size:.875rem}.live-monitor{min-width:0}.live-monitor table,.table-wrap table{width:100%;border-collapse:collapse}.live-monitor th,.live-monitor td,.table-wrap th,.table-wrap td{text-align:left;padding:.75rem;border-bottom:1px solid #dce8e6;overflow-wrap:anywhere;font-size:.875rem;vertical-align:top}.live-monitor th{background:#f1f7f6}.monitor-ip{font-family:monospace;background:transparent;color:#115e59;padding:.35rem;text-align:left;overflow-wrap:anywhere}.live-monitor td button{display:block;max-width:100%;margin-bottom:.25rem}.live-monitor .table-scroll{max-height:32rem;overflow:auto;border:1px solid #dce8e6;border-radius:8px}.live-monitor h3{margin-top:1.75rem}@media(max-width:600px){.monitor-toolbar label{max-width:none}.live-monitor{padding:.8rem}.live-monitor table{min-width:620px}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared layout: consistent surfaces and spacing, with no loss of controls or consent. */
body{background:#f7faf9}
body>header{background:#fff;flex-wrap:wrap;padding:.75rem max(1rem,calc((100vw - 76rem)/2))}
body>header .brand{flex:none;letter-spacing:-.025em}
body>header nav{min-width:0;gap:.15rem}
main{width:calc(100% - 2rem);max-width:76rem;padding:2rem 0 4rem}
main.app-interface{padding:1rem 0 2rem}
main>h1{font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.2;margin:0 0 .65rem;letter-spacing:-.025em}
main>h1+p{max-width:70ch;color:var(--muted);margin:0 0 1.25rem}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.card,.auth,.form-page,.report,.report-filters,.admin-filters,.compact-results{background:#fff}
main>.card+ .card{margin-top:1rem}
.auth,.form-page{border:1px solid var(--border);border-radius:1rem;padding:clamp(1rem,3vw,2rem)}
.auth h1,.form-page h1{margin-top:0}
.card a.button.secondary{color:#0f605b}
button:disabled,.button[aria-disabled=true]{cursor:default;opacity:.6}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #17857b;outline-offset:3px}
input,textarea,select{min-width:0;max-width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:44px}
textarea{resize:vertical}
.browse-intro{padding:1.5rem 1.75rem;border:1px solid #d3e9e4;gap:1.5rem}
.browse-intro h1{font-size:clamp(1.8rem,3.5vw,2.65rem);margin:.35rem 0 .65rem}
.browse-intro p:last-child{margin-bottom:0}
.available-total{margin:1rem 0;background:transparent;padding:.35rem 0}
.report-filters,.app-interface .report-filters{grid-template-columns:minmax(0,1fr);gap:1rem;margin:1rem 0;padding:1.25rem}
.type-toggles{margin:0;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}
.type-toggle{padding:.45rem .8rem;border:1px solid var(--border);border-radius:2rem;background:#f7faf9;min-height:44px}
.type-toggle:has(input:checked){border-color:#85bdb5;background:#edf8f5}
.type-toggle input{accent-color:var(--brand)}
.filter-group{min-width:0;margin:0;padding:1rem 0 0;border:0;border-top:1px solid var(--border)}
.filter-group legend{padding:0 .65rem 0 0;font-size:.8rem;font-weight:750;letter-spacing:.025em;color:#526a68}
.filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1rem}
.filter-fields>label{align-content:start}
.filter-fields label{font-size:.875rem}
.city-tools-disclosure{margin-top:.35rem;font-size:.8rem}
.city-tools-disclosure summary{cursor:pointer;color:#355b57;min-height:32px;padding:.3rem 0;font-weight:600}
.city-tools-disclosure[open]{padding:.5rem;background:#f7faf9;border:1px solid var(--border);border-radius:.5rem}
.city-tools-disclosure .city-attribution{display:inline-block;margin-top:.4rem}
.report-filters .optional-center{border-top:1px solid var(--border);padding-top:.25rem}
.report-filters>.filter-actions{border-top:1px solid var(--border);padding-top:1rem;gap:.65rem}
.category-browser{margin:1.5rem 0}
.category-tabs a{text-decoration:none}
.category-browser h2,.map-section h2{font-size:1.15rem}
.map-section{padding:1.1rem;border:1px solid var(--border);border-radius:.85rem;background:#fff}
.map-section h2{margin:.1rem 0 .75rem}
.map-section #map-summary{margin:.65rem 0 0;font-size:.875rem}
.section-heading{margin:1.75rem 0 .5rem}
.results-summary{margin:.5rem 0 .75rem}
.compact-results{grid-template-columns:minmax(0,1fr)}
.summary-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-report-link{padding:.8rem 1rem}
.admin-nav{gap:.3rem;padding:.45rem;margin-bottom:1.25rem;background:#fff;border-radius:.8rem}
.admin-nav a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;padding:.5rem .7rem}
.settings-grid{gap:1rem}
.monitor-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;padding:1rem;background:#f5f9f8;border:1px solid var(--border);border-radius:.65rem}
.monitor-controls label{min-width:0;max-width:none;font-size:.8rem}
.monitor-controls button{height:44px}
.monitor-controls>[data-refresh-now]{grid-column:span 2}
.live-monitor[data-traffic-endpoint=""] .monitor-controls{grid-template-columns:minmax(10rem,16rem) auto;justify-content:start}
.live-monitor[data-traffic-endpoint=""] .monitor-controls>[data-refresh-now]{grid-column:auto}
.monitor-live-status{padding:.65rem .85rem;background:#eef7f5;border-radius:.5rem;font-size:.875rem;overflow-wrap:anywhere}
.monitor-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.monitor-metrics>div{padding:.85rem;background:#fff}
.monitor-metrics strong{font-size:1.4rem;overflow-wrap:anywhere}
.monitor-metrics span{font-size:.78rem}
.monitor-coverage{font-size:.8rem;color:var(--muted);margin:.6rem 0 1.25rem}
.monitor-locations{padding-top:.25rem;margin-bottom:1.5rem}
.monitor-locations>p{font-size:.875rem;color:var(--muted)}
.monitor-location-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;align-items:stretch}
.monitor-location-grid>*,.monitor-map-panel{min-width:0}
[data-location-content]>p{font-size:.8rem;margin:.35rem 0 .65rem}
.monitor-map-panel{display:flex;flex-direction:column;padding:.65rem;background:#f5f9f8;border:1px solid var(--border);border-radius:.65rem}
.monitor-map-panel .ip-location-map{margin:0;min-height:20rem;max-height:36rem;flex:1}
.monitor-map-panel [data-map-status]{font-size:.78rem;margin:.5rem 0 0;color:var(--muted)}
.live-monitor table{min-width:620px;font-variant-numeric:tabular-nums}
.live-monitor th{position:sticky;top:0;z-index:1;word-break:normal;overflow-wrap:normal}
.live-monitor th,.live-monitor td{padding:.6rem .7rem}
.live-monitor .table-scroll{max-height:25rem;background:#fff;overscroll-behavior:contain}
.live-monitor .table-scroll:focus-visible{outline:3px solid #17857b;outline-offset:2px}
.live-monitor tr:nth-child(even) td{background:#f8fbfa}
.live-monitor h3{font-size:1rem;margin:1.5rem 0 .65rem}
.monitor-pagination{justify-content:space-between;gap:.6rem;margin:.75rem 0 1.25rem;font-size:.8rem}
.monitor-pagination button{font-size:.85rem}
.monitor-notes{border-top:1px solid var(--border);padding:.75rem 0;margin-top:.75rem;font-size:.85rem;color:var(--muted)}
.monitor-notes summary{color:#355b57;cursor:pointer}
.monitor-notes p{max-width:85ch}
.monitor-rule-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.monitor-rule-form>label{min-width:0;font-size:.875rem}
.monitor-rule-form>.check,.monitor-rule-form>button{grid-column:1/-1}
.monitor-rule-form>button{justify-self:start;min-width:12rem}
main>.report~.action-row,main>.report~p{max-width:42rem;margin-left:auto;margin-right:auto}
@media(max-width:960px){
  .monitor-location-grid{grid-template-columns:minmax(0,1fr)}
  .monitor-map-panel .ip-location-map{height:320px;min-height:260px;flex:none}
  .monitor-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  body>header{gap:.35rem;padding:.65rem 1rem;align-items:stretch;flex-direction:column}
  body>header nav,.admin-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scroll-padding:1rem;overscroll-behavior-x:contain}
  body>header nav>* ,.admin-nav a{flex:none;white-space:nowrap}
  body>header nav{padding:.15rem 0 .35rem}
  .admin-nav{border-radius:.65rem}
  main{padding-top:1.25rem}
  .filter-fields,.monitor-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-filters,.app-interface .report-filters{padding:1rem;gap:.85rem}
  .filter-fields{gap:.75rem}
  .browse-intro,.app-interface .browse-intro{padding:1.2rem;flex-wrap:wrap;display:flex}
  .map-section{padding:.8rem}
  .summary-results{grid-template-columns:minmax(0,1fr)}
  .monitor-map-panel .ip-location-map{height:280px}
}
@media(max-width:380px){
  .filter-fields,.monitor-controls,.monitor-rule-form{grid-template-columns:minmax(0,1fr)}
  .monitor-controls>[data-refresh-now]{grid-column:auto}
  .keyword-filter{grid-column:auto}
  .filter-actions>button{flex:1 1 100%;white-space:normal}
  .monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .monitor-pagination{justify-content:flex-start}
}

/* Support message workspace: reading/replying first, management kept separate. */
.message-navigation,.message-neighbors{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.message-navigation{justify-content:space-between;margin:1.25rem 0}
.message-navigation .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.875rem}
.message-workspace{min-width:0;overflow-wrap:anywhere}
.message-heading{margin-bottom:1.25rem}
.message-heading h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:.25rem 0 .75rem}
.message-heading p{margin:.35rem 0}
.message-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr);gap:1.25rem;align-items:start}
.message-primary,.message-sidebar{display:grid;gap:1rem;min-width:0}
.message-card{min-width:0;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:.85rem}
.message-card h2,.message-card summary{font-size:1rem;font-weight:750;margin:0;line-height:1.5}
.message-card summary{cursor:pointer}
.message-card h2,.message-card[open]>summary{margin-bottom:1rem}
.message-body{line-height:1.7;white-space:normal}
.message-workspace .message-hint{font-size:.82rem;font-weight:400;line-height:1.5;color:#536b69;margin:0}
.message-workspace .message-safety{margin-top:1.1rem;padding-top:.85rem;border-top:1px solid var(--border)}
.message-workspace .message-recipient{margin:0;padding:.65rem .8rem;background:var(--wash);border-radius:.5rem;font-size:.9rem}
.message-workspace form{gap:.85rem;margin:0}
.message-workspace label{min-width:0;font-size:.875rem}
.message-workspace input,.message-workspace select{min-width:0;min-height:44px}
.message-workspace textarea{min-width:0;max-width:100%;resize:vertical}
.message-workspace label.message-confirm{display:flex;align-items:flex-start;gap:.6rem;font-weight:500;line-height:1.5;cursor:pointer}
.message-workspace .message-confirm input[type=checkbox]{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;min-height:0;margin:.15rem 0 0;padding:0;accent-color:var(--brand)}
.message-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}
.message-workspace button{justify-self:start;width:auto;min-height:44px;font-size:.875rem}
.message-management-fields{display:grid;gap:.85rem}
.message-reply{border-top:3px solid #377c76}
.message-trash summary{color:#99372f}
.message-trash[open]>.message-hint{margin-bottom:.9rem}
.message-workspace .message-danger{background:#fff;color:#99372f;border:1px solid #d4a19b}
.message-workspace .message-danger:hover{background:#fff1f0}
.message-metadata dl{font-size:.82rem;margin:0}
.message-metadata dt{font-weight:650;margin-top:.65rem}
.message-metadata dd{margin:.2rem 0 0;color:#536b69}
.message-workspace .notice{max-width:none;margin:0 0 1rem}
.message-workspace .message-read-state{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem;font-size:.875rem}
@media(max-width:850px){
  .message-columns{grid-template-columns:minmax(0,1fr)}
  .message-management-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .message-navigation{align-items:stretch;gap:.75rem}
  .message-neighbors{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .message-navigation .button{padding:.65rem .6rem;font-size:.8rem;text-align:center}
  .message-card{padding:1rem}
  .message-management-fields{grid-template-columns:minmax(0,1fr)}
  .message-heading p{font-size:.875rem}
}
.message-history-entry { border-top:1px solid #dce7e6; padding:.9rem 0; }
.message-history-entry summary { display:grid; gap:.25rem; cursor:pointer; overflow-wrap:anywhere; }
.message-history-entry summary strong::before { content:'▸ '; }
.message-history-entry[open] summary strong::before { content:'▾ '; }
.message-history-entry summary span { color:#536c78; font-size:.85rem; font-weight:400; }
.message-history-entry .message-body { margin:1rem 0; }
.message-history .message-actions { flex-wrap:wrap; }

/* All navigation uses one type scale, teal palette, target size and interaction style. */
:root{--menu-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--menu-size:.95rem;--menu-radius:.6rem}
body :is(nav,.member-nav,.admin-nav,.chat-pages){display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-family:var(--menu-font);font-size:var(--menu-size);line-height:1.3}
body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--menu-radius);background:var(--wash);color:var(--brand);font:600 var(--menu-size)/1.3 var(--menu-font);text-decoration:none;text-align:center;overflow-wrap:anywhere;box-shadow:none;transition:background-color .15s,color .15s,border-color .15s}
body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a,button):hover{background:#dcefeb;border-color:#96c4bd;color:#0b625b}
body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a,button):focus-visible{outline:3px solid var(--brand);outline-offset:3px}
body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a.button,a[aria-current=page]){background:var(--brand);border-color:var(--brand);color:#fff}
body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a.button,a[aria-current=page]):hover{background:#0b625b;color:#fff}
body :is(.member-nav,.admin-nav){padding:.55rem;border:1px solid var(--border);border-radius:.8rem;background:#fff}
body nav form{display:inline-flex;margin:0}
label.check{display:flex;gap:.75rem;align-items:center;min-height:44px;padding:.45rem 0;cursor:pointer}label.check input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;margin:0;padding:0;accent-color:var(--brand)}
.safety-duration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin:.75rem 0}.safety-duration label{min-width:0}.safety-duration p{grid-column:1/-1;margin:0;font-size:.9rem}@media(max-width:360px){.safety-duration{grid-template-columns:1fr}}
#media-room video,#record-preview{width:100%;max-width:40rem;max-height:24rem;background:#17212b;border-radius:.6rem}#media-peers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}#media-room audio{max-width:100%}.media-choices{display:grid;gap:.65rem;margin:1rem 0}#safety-page article{border-top:1px solid var(--border);padding:.8rem 0}#safety-page .card{margin:1rem 0}
@media(prefers-reduced-motion:reduce){body :is(nav,.member-nav,.admin-nav,.chat-pages) :is(a,button){transition:none}}