@media(max-width:720px){
body>header{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}
body>header>.brand{grid-column:1/3;grid-row:1;min-width:0}.brand small{display:none}
body>header>.header-right{display:contents}
body>header .header-right>#account-open{grid-column:3;grid-row:1;justify-self:end}
body>header>.view-switch{grid-column:1/3;grid-row:2;justify-self:stretch;width:auto;padding:2px}
body>header .header-right>#publish{grid-column:3;grid-row:2;width:100%;padding:8px 4px}
body>header:not(:has(#publish:not([hidden])))>.view-switch{grid-column:1/-1}
body>header .header-right>#interests-open{grid-column:1;grid-row:3}
body>header .header-right>#mine-open{grid-column:2/4;grid-row:3}
body>header button{min-height:44px;font-size:13px}.view-switch button{min-height:40px}
.primary-controls{gap:6px 8px}.primary-controls input,.primary-controls select{height:44px;min-height:44px}.primary-controls>.tabs button{min-height:44px}.primary-controls .browse-symbol{width:24px;height:24px;flex-shrink:0}.primary-controls .tabs button{font-size:13px}.primary-controls .browse-label{white-space:nowrap}
body>footer{padding:4px 10px max(4px,env(safe-area-inset-bottom));gap:2px 10px}
body>footer #site-stats{display:flex;flex:1 0 100%;flex-wrap:nowrap;gap:12px;overflow-x:auto;min-width:0;padding:3px 0;scrollbar-width:thin}
body>footer .footer-help{display:inline-flex;align-items:center;min-height:32px;font-size:11px}
.mobile-map-bar{bottom:24px;padding:6px;gap:6px}.mobile-map-bar button{min-height:44px}.mobile-map-bar span{line-height:1.5}
.list-heading{align-items:flex-start}.list-heading h1{line-height:1.5}.list-heading span{white-space:nowrap;padding-top:3px}
.list-mode .list-sort{width:auto;align-self:stretch;margin:0 12px 8px}.list-sort select{min-height:44px;font-size:16px}
.compact-heading .task-focus{min-height:44px;display:flex;align-items:center}.compact-footer .interest-button,.compact-footer .card-expand{min-width:44px;min-height:44px}.compact-footer .publisher{min-height:44px}
.compact-location .task-location,.list-mode #list .compact-location .task-location{min-height:44px}.compact-actions button,.report-button{min-height:44px;padding:8px 12px}.compact-actions{align-items:center}.report-button{margin-top:0}
#pagination,#mine-pagination{flex-shrink:0}#pagination button,#mine-pagination button{min-height:44px}
dialog{width:calc(100% - 20px);max-width:540px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;overscroll-behavior:contain;scroll-padding-block:64px 20px}
dialog .dialog-head{position:sticky;top:-16px;z-index:2;background:white;padding:8px 0;margin-top:-8px;border-bottom:1px solid #edf1f6}dialog .dialog-head button{min-width:44px;min-height:44px;flex-shrink:0}dialog .dialog-head h2{font-size:20px}
dialog input:not([type=checkbox]),dialog select,dialog textarea{font-size:16px;min-height:44px}dialog textarea{min-height:104px}dialog button{min-height:44px}dialog .privacy-option{min-height:44px;align-items:center!important}dialog input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}#compose .privacy-option input{margin-top:0}
#compose .submit{min-height:48px;margin-top:12px}#compose .eyebrow{font-size:11px;letter-spacing:0}#account.login-view{max-width:calc(100vw - 20px)}
.demand-popup .leaflet-popup-content{width:min(280px,calc(100vw - 68px))!important;max-height: min(280px,38dvh)!important;margin:18px 14px}.demand-popup .leaflet-popup-close-button{width:40px!important;height:40px!important;line-height:40px!important}.demand-popup button{min-height:44px}
body.picking>header{display:none}body.picking>footer{display:none}#pick-actions{bottom:30px;max-width:calc(100% - 16px);width:max-content}#pick-actions button{font-size:12px;min-height:44px;padding:8px}#pick-hint{line-height:1.5}
}
@media(max-width:360px){body>header .brand strong{font-size:16px}.primary-controls{grid-template-columns:96px minmax(0,1fr) auto}.primary-controls .browse-symbol{display:none}body>header .header-right>#publish{font-size:12px}.compact-heading{flex-wrap:wrap}}
@media(max-width:720px) and (max-height:560px){body>header{padding-block:4px}.primary-controls>.tabs{display:none}.primary-controls>#toggle-filters{grid-row:2}body>footer{display:none}.primary-controls>label:has(#keyword){grid-column:2}.compact-controls{padding-block:4px}}
@media(max-width:720px){body>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}body>footer #site-stats{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:repeat(2,max-content);gap:4px 10px;overflow:visible;font-size:10px}body>footer .footer-help{grid-column:2;min-height:28px;justify-content:flex-end}body>footer #site-stats strong{margin-inline:2px}}
@media(max-width:720px) and (max-height:560px){body>footer{display:none}}

#mobile-menu-open{display:none}
@media(max-width:720px){
body{height:var(--mobile-height,100dvh);overflow:hidden}body>header{grid-template-columns:minmax(0,1fr) auto auto;min-height:56px;padding:6px 10px;gap:6px}body>header>.brand{grid-column:1;grid-row:1;gap:6px}body>header .brand-icon{width:30px;height:30px;line-height:29px;font-size:26px;border-radius:9px}body>header .brand strong{font-size:15px;letter-spacing:0;white-space:nowrap}body>header>.view-switch,body>header:not(:has(#publish:not([hidden])))>.view-switch{grid-column:2;grid-row:1;width:auto;padding:2px;gap:0}body>header>.view-switch button{font-size:12px;padding:6px;min-height:40px}#mobile-menu-open{display:block;grid-column:3;grid-row:1;padding:6px;font-size:12px;min-height:44px}body>header .header-right>#publish{grid-column:1/-1;grid-row:2;min-height:40px;padding:6px}
body>footer{display:none!important}.compact-controls{padding:6px 10px}.primary-controls{grid-template-columns:96px minmax(0,1fr) auto;gap:6px;align-items:center}.primary-controls>label:has(#radius){grid-column:1;grid-row:1}.primary-controls>label:has(#keyword){grid-column:2;grid-row:1}.primary-controls>label{font-size:0}.primary-controls input,.primary-controls select{margin:0;font-size:16px;height:44px}.primary-controls>#toggle-filters{grid-column:3;grid-row:1;font-size:12px;padding:6px}#filter-dialog>.tabs{margin-top:16px;display:flex}#filter-dialog>.tabs button{flex:1;font-size:14px;min-height:44px}#filter-dialog .browse-symbol,#filter-dialog .browse-label small{display:none}
#mobile-menu .mobile-account-actions{display:grid;gap:8px;margin:16px 0}#mobile-menu .mobile-account-actions button{text-align:left;padding:12px}#mobile-menu .mobile-statistics{border-block:1px solid #e2e8f0;padding:4px 0}#mobile-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}#mobile-menu summary::after{content:'＋';margin-left:auto}#mobile-menu details[open]>summary::after{content:'−'}#mobile-menu #site-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;padding:8px 0 16px}#mobile-menu .mobile-help-links{display:flex;gap:16px;margin-top:12px}#mobile-menu .mobile-help-links a{min-height:44px;display:flex;align-items:center}
.list-heading,.list-mode .list-heading{padding:8px 12px 4px}.list-heading h1{font-size:15px}.list-heading span{font-size:11px}#result-note{display:none}.aside-foot{display:none}.list-sort,.list-mode .list-sort{margin:0 12px 4px!important;align-self:flex-end;width:180px;font-size:12px;gap:6px}.list-sort select{font-size:14px;min-height:40px;padding:6px;margin:0}.list-mode #list>.compact-card{padding:6px 10px!important;gap:0}.compact-heading .task-focus{min-height:36px}.list-mode #list .compact-heading h2{font-size:15px!important}.list-mode #list .compact-location .task-location{min-height:36px;font-size:12px}.list-mode #list .compact-footer{margin-top:0}.compact-facts:empty{display:none}.compact-footer .publisher-avatar{width:24px;height:24px}.compact-footer .publisher{min-height:40px}.compact-footer .publisher strong{font-size:12px}#pagination{padding:4px 10px}#pagination button{min-height:40px}
.mobile-map-bar{left:auto;right:8px;bottom:22px;width:auto;max-width:calc(100% - 16px);padding:4px;border-radius:10px}.mobile-map-bar #mobile-result-status{display:none}.mobile-map-bar button{min-height:40px;padding:6px 10px;font-size:12px}.map-top{top:8px;left:8px;right:8px}.map-actions #map-theme,.map-actions #locate{width:76px;min-width:76px;max-width:76px;flex-basis:76px;height:40px;min-height:40px;font-size:12px}.leaflet-control-zoom{margin-top:56px!important}.leaflet-control-attribution{font-size:9px!important}
.demand-popup .leaflet-popup-content{height:auto!important;max-height:calc(var(--mobile-height,100dvh) - 290px)!important;margin:12px!important}.demand-popup .popup-title{padding-right:24px;margin:0 0 6px;font-size:16px}.demand-popup .publisher small{display:none}.demand-popup .publisher{margin:4px 0}.demand-popup .publisher-avatar{width:28px;height:28px;font-size:14px}.demand-popup .popup-more summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:650;color:#315dbc}.demand-popup .popup-more summary::after{content:'＋';margin-left:auto}.demand-popup .popup-more[open] summary::after{content:'−'}.demand-popup .popup-more{border-top:1px solid #e3e9f1;margin-top:6px}.demand-popup .popup-more .task-location{font-size:12px}.demand-popup .leaflet-popup-close-button{width:32px!important;height:32px!important;line-height:32px!important}
}
@media(max-width:360px){body>header .brand strong{font-size:13px}body>header .brand-icon{display:none}.primary-controls{grid-template-columns:90px minmax(0,1fr) auto}}
@media(max-width:720px){.primary-controls select#radius{font-size:14px;padding-inline:6px}}
@media(max-width:720px){dialog{max-height:calc(var(--mobile-height,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

body>footer{flex-wrap:wrap}@media(max-width:720px){#mobile-menu .mobile-help-links{flex-wrap:wrap;gap:4px 16px}}

@media(max-width:720px){.primary-controls{grid-template-columns:120px minmax(0,1fr) auto}.primary-controls select#radius{font-size:13px}}


@media(max-width:720px){.primary-controls>.tabs{display:flex!important;grid-column:1/-1;grid-row:1;gap:6px;width:100%}.primary-controls>.tabs button{flex:1;min-width:0;min-height:40px;padding:6px 10px;font-size:14px;justify-content:center}.primary-controls>.tabs .browse-symbol,.primary-controls>.tabs .browse-label small{display:none}.primary-controls>label:has(#radius),.primary-controls>label:has(#keyword),.primary-controls>#toggle-filters{grid-row:2}}


@media(max-width:720px){#search-map-area{display:none!important}.mobile-map-bar #mobile-refresh{min-width:104px;min-height:44px;white-space:nowrap}.mobile-map-bar #mobile-refresh.area-pending{background:#edf3ff;color:#244b96;border-color:#9cb5df}}


body .support-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid #ddc9b3;border-radius:9px;background:#fffaf3;color:#82491e;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}body .support-link:hover{background:#ffecd6;border-color:#ba824e}body .support-link:focus-visible{outline:3px solid #315dbc;outline-offset:2px}#mobile-menu .support-link{justify-content:flex-start;padding:12px}


#toast.publication-success{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);padding:2px 14px;bottom:80px;background:#203650;color:#fff;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 5px 18px #16254326;font-size:13px;font-weight:600;white-space:nowrap;animation:support-enter .2s ease-out both}
#toast.publication-success .support-result{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
#toast.publication-success a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:#bce8e1;font-size:13px;font-weight:500;text-decoration:none}
#toast.publication-success a:hover{text-decoration:underline;text-underline-offset:3px}#toast.publication-success a:focus-visible{outline:2px solid #ffcd89;outline-offset:2px}
#toast.publication-success.support-leaving{animation:support-leave .2s ease-in both}
@keyframes support-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes support-leave{from{opacity:1;translate:0 0}to{opacity:0;translate:0 4px}}
@media(prefers-reduced-motion:reduce){#toast.publication-success,#toast.publication-success.support-leaving{animation:none}}
dialog #toast{position:sticky;bottom:0;left:auto;transform:none;margin:12px auto 0;box-sizing:border-box}dialog #toast.publication-success{position:sticky;bottom:0;left:auto;transform:none;max-width:100%;margin:12px auto 0}

body.list-mode main{position:relative}.map-region>#toast,main>#toast{position:absolute;left:50%;bottom:76px;max-width:calc(100% - 24px);transform:translateX(-50%);margin:0}main>#toast{bottom:20px}@media(max-width:720px){main>#toast{bottom:16px}}

#support-preview-controls{margin-block:16px;padding-top:12px;border-top:1px solid #dde5ef}#support-preview-controls select{margin-bottom:8px}#support-preview-open{min-height:44px}

.operation-preferences{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding-top:12px;border-top:1px solid #dde5ef}.operation-preferences button{min-height:44px}button:not(:disabled):active,.support-link:active{scale:.97}@media(prefers-reduced-motion:reduce){button:not(:disabled):active,.support-link:active{scale:1}}

.map-region>#toast,main>#toast{box-sizing:border-box;overflow-wrap:anywhere}dialog #toast{max-width:100%;overflow-wrap:anywhere}

#publication-confirm{width:480px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:20px;overflow:auto}#publication-confirm h2{margin:0 0 12px}.publication-rules{font-size:15px;line-height:1.65;overflow-wrap:anywhere}.publication-rules ul{padding-left:1.4em}.publication-rules li+li{margin-top:6px}.publication-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.publication-confirm-actions button{min-height:44px;white-space:normal;flex:1}

#publication-confirm .publication-confirm-remember{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;font-size:15px;cursor:pointer}#publication-confirm-remember{width:18px;height:18px;margin:0;flex:none}