:root{--green-900:#1e3a2b;--green-700:#2e5e41;--green-100:#e6f0e9;--green-50:#f4f8f5;--water-600:#1273a8;--water-100:#e0f1fa;--ink:#24312a;--ink-sub:#5a6b60;--line:#d5e0d8;--nodata:#8a8f8b;--radius:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--green-50);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6;overflow-x:hidden}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}main{flex:1;padding:16px}.app-header h1{color:var(--green-900);letter-spacing:.02em;margin:4px 0 0;font-size:1.5rem}.tagline{color:var(--ink-sub);margin:2px 0 16px;font-size:.85rem}.filter-bar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px;padding:12px}.ward-toggle{background:var(--green-100);width:100%;min-height:44px;color:var(--green-900);cursor:pointer;text-align:left;border:none;border-radius:8px;padding:0 14px;font-size:.95rem;font-weight:600}.ward-panel{padding:10px 2px 2px}.ward-group h3{color:var(--ink-sub);margin:8px 0 6px;font-size:.8rem;font-weight:600}.ward-chips,.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-row{margin-top:12px}.chip{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:22px;padding:0 14px;font-size:.9rem}.chip-on{background:var(--green-700);border-color:var(--green-700);color:#fff;font-weight:600}.check{cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:0 6px;font-size:.9rem;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--green-700)}.count{color:var(--green-900);margin:4px 2px 10px;font-weight:700}.count-sub{color:var(--ink-sub);margin-left:6px;font-size:.85rem;font-weight:400}.status{color:var(--ink-sub);padding:8px 2px}.status.error{color:#a33}.park-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.park-card-btn{text-align:left;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;min-height:44px;padding:14px;display:block}.park-card-btn:active{background:var(--green-100)}.park-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.park-name{font-size:1.02rem;font-weight:700}.park-card-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.75rem;display:inline-block}.badge-ward{background:var(--green-100);color:var(--green-900);flex-shrink:0}.badge-type{color:#6b5d40;background:#eee9df}.badge-eq{background:var(--green-50);border:1px solid var(--line);color:var(--green-700)}.badge-water{background:var(--water-600);color:#fff;font-weight:700}.badge-nodata{color:var(--nodata);background:#f0f0f0;border:1px dashed #c8c8c8}.badge-more{color:var(--ink-sub)}.empty{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:20px 16px}.unconfirmed{border-top:2px dashed var(--line);margin-top:24px;padding-top:14px}.unconfirmed h2{color:var(--ink-sub);margin:0 0 4px;font-size:1rem}.note{color:var(--ink-sub);font-size:.83rem}.detail h1{color:var(--green-900);margin:12px 0 4px;font-size:1.35rem}.detail h2{color:var(--green-700);margin:20px 0 8px;font-size:1rem}.detail-sub{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.detail-address{color:var(--ink-sub);font-size:.85rem}.btn{border:1px solid var(--green-700);min-height:44px;color:var(--green-700);cursor:pointer;background:#fff;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn-back{margin-bottom:4px}.btn-map{background:var(--green-700);color:#fff;text-align:center;width:100%;margin-top:20px}.water-box{background:var(--water-100);border-radius:var(--radius);border:1px solid #b5dcef;margin:14px 0;padding:12px 14px}.water-box h2{color:var(--water-600);margin:0 0 6px}.water-season{margin:4px 0;font-size:1.05rem;font-weight:700}.water-status{color:var(--ink-sub);margin:4px 0;font-weight:600}.water-status.open{color:var(--water-600)}.water-notes{color:var(--ink-sub);font-size:.83rem}.eq-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ages{margin-top:10px;font-size:.9rem}.facility-table{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden}.facility-table th,.facility-table td{border:1px solid var(--line);text-align:left;padding:10px 12px;font-size:.92rem}.facility-table th{background:var(--green-50);width:45%;font-weight:600}.cell-nodata{color:var(--nodata)}.source{color:var(--ink-sub);font-size:.8rem}.source a{color:var(--water-600)}.detail-meta{margin-top:16px}.footer{border-top:1px solid var(--line);color:var(--ink-sub);background:#fff;padding:14px 16px 20px;font-size:.75rem}.footer p{margin:2px 0}.footer-sub{color:#9aa59e}.greviews{margin-top:20px}.greviews h2{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.grating{color:#b8860b;font-size:.95rem;font-weight:700}.grating-count{color:var(--ink-sub);font-size:.8rem;font-weight:400}.gphotos{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gphotos figure{flex:0 0 44%;margin:0}.gphotos img{object-fit:cover;border-radius:8px;width:100%;height:110px;display:block}.gphotos figcaption{color:var(--ink-sub);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.greview-list{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.greview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 12px}.greview-head{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.85rem;display:flex}.greview-head a{color:var(--green-700);font-weight:600}.greview-when{color:var(--ink-sub);font-size:.78rem}.greview-text{white-space:pre-wrap;margin:6px 0 0;font-size:.88rem}.ugc{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:20px;padding:12px 14px}.ugc h2{margin-top:0}.ugc-bars{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.ugc-bars li{grid-template-columns:minmax(96px,auto) 1fr 2em;align-items:center;gap:8px;font-size:.82rem;display:grid}.ugc-bar-track{background:var(--green-50);border-radius:999px;height:10px;overflow:hidden}.ugc-bar-fill{background:var(--green-700);border-radius:999px;height:100%;display:block}.ugc-bar-count{text-align:right;color:var(--ink-sub)}.ugc-comments{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.ugc-comments li{background:var(--green-50);border-radius:8px;padding:8px 10px;font-size:.88rem}.ugc-comments p{margin:0}.ugc-comment-when{color:var(--ink-sub);font-size:.72rem}.ugc-form{margin-top:8px}.ugc-textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:8px;margin-top:10px;padding:10px;font-size:.9rem}.ugc-form-actions{gap:8px;margin-top:8px;display:flex}.btn-primary{background:var(--green-700);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.ugc-thanks{color:var(--green-700);font-weight:600}.ugc-filter{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}.ugc-filter h3{color:var(--ink-sub);margin:0 0 6px;font-size:.8rem;font-weight:600}.chip-sm{min-height:38px;padding:0 12px;font-size:.82rem}