:root{--bg:#f7f7f5;--surface:#fff;--text:#1f2a37;--muted:#5b6573;--border:#dcdfe3;--accent:#c2410c;--accent-text:#fff;--danger:#b91c1c;--note-bg:#fff7ed}@media (prefers-color-scheme:dark){:root{--bg:#111418;--surface:#1b2027;--text:#e8eaed;--muted:#9aa3ad;--border:#2e353e;--accent:#fb923c;--accent-text:#111418;--danger:#f87171;--note-bg:#2a1f16}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}main{max-width:640px;margin:0 auto;padding:16px}.site-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.site-header a{color:inherit;text-decoration:none}.site-header nav{gap:16px;font-size:.95rem;display:flex}.brand{font-weight:700}h1{margin:8px 0 4px;font-size:1.4rem}h2{margin:20px 0 8px;font-size:1.1rem}.muted{color:var(--muted)}.choices{gap:10px;margin:16px 0;display:grid}.choice{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:10px;padding:14px 16px;display:block}.choice:focus-visible{border-color:var(--accent)}@media (hover:hover){.choice:hover{border-color:var(--accent)}}.choice strong{display:block}.choice span{color:var(--muted);font-size:.9rem}.card{background:var(--note-bg);border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:12px 14px}.card p{margin:4px 0}.rule{color:var(--muted);font-size:.9rem}label{margin:12px 0 4px;font-weight:600;display:block}input[type=text],input[type=datetime-local],textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;border-radius:8px;padding:10px}textarea{min-height:80px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{align-items:center;gap:8px;font-weight:400;display:flex}.button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-block}.button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.button.danger{background:var(--danger);color:var(--surface)}.button:disabled{opacity:.5;cursor:default}.actions{gap:10px;margin:12px 0;display:grid}.top-row{justify-content:space-between;align-items:center;display:flex}.back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.picker{border:1px solid var(--border);border-radius:10px;height:240px;margin-top:8px;overflow:hidden}.full-map{border:1px solid var(--border);border-radius:10px;height:calc(100vh - 160px);min-height:360px;overflow:hidden}.dest{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:12px 0;padding:12px 14px}.dest h3{margin:0 0 4px;font-size:1rem}pre.preview{white-space:pre-wrap;background:var(--bg);border-radius:8px;margin:8px 0;padding:10px;font-size:.85rem}.learn-item{border-bottom:1px solid var(--border);padding:12px 0}.learn-item summary{cursor:pointer;padding:2px 0;font-weight:600}.learn-item .card{margin-top:8px}.section-hint{margin:-4px 0 4px;font-size:.9rem}.tag{color:var(--muted);font-size:.75rem}.site-footer{border-top:1px solid var(--border);max-width:640px;color:var(--muted);margin:24px auto 0;padding:16px;font-size:.85rem}.site-footer a{color:inherit}.test-banner{color:#1f2a37;text-align:center;background:#fde68a;padding:8px 16px;font-size:.85rem}.test-banner a{color:inherit;font-weight:600}.install-banner{background:var(--surface);border-bottom:1px solid var(--border);padding:8px 16px;font-size:.9rem}.install-row{align-items:center;gap:10px;max-width:40rem;margin:0 auto;display:flex}.install-row span{flex:1}.install-button{white-space:nowrap;padding:8px 12px;font-size:.9rem}.install-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1}.install-steps{max-width:40rem;margin:8px auto 0;padding-left:20px}.tab-bar,.tab-bar-spacer{display:none}@media (max-width:700px){.site-header .header-nav{display:none}.tab-bar-spacer{height:calc(80px + env(safe-area-inset-bottom));display:block}.tab-bar{z-index:1000;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar a{min-height:56px;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:.75rem;text-decoration:none;display:flex}.tab-bar a.active{color:var(--accent);font-weight:600}.full-map{height:calc(100vh - 230px - env(safe-area-inset-bottom))}}.site-header{padding-top:max(12px, env(safe-area-inset-top))}section[id^=group-]{scroll-margin-top:12px}.jump{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.jump a{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:999px;padding:6px 10px;font-size:.85rem;text-decoration:none}.loc-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.loc-button{white-space:nowrap;padding:6px 12px;font-size:.85rem}.loc-help{margin-top:4px;font-size:.85rem}.loc-help summary{color:var(--accent);cursor:pointer}.loc-help p{margin:6px 0}.place-line{margin:8px 0 0;font-size:.95rem}.pin-hint{margin:6px 0 0;font-size:.85rem}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 0 0 8px;text-decoration:underline}.share-link{justify-self:center;padding:4px 0}.why-toggle{margin:4px 0 8px}.why-toggle summary{cursor:pointer;color:var(--accent);padding:4px 0;font-size:.9rem}.why-toggle .card{margin-top:6px}.about{border-top:1px solid var(--border);margin-top:28px;padding-top:4px}.about p,.about li{color:var(--muted)}.about ul{margin:8px 0;padding-left:20px}.about li{margin-bottom:8px}.about strong{color:var(--text)}.about a{color:inherit}.chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:8px 12px;font-size:.95rem}.chip.on{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spot-icon{background:0 0;border:none}.leaflet-bar a.locate-me{color:#1f2937;justify-content:center;align-items:center;display:flex}.leaflet-bar a.locate-me.finding{color:#c2410c}.locate-note{clear:both;background:#fff;border-radius:6px;max-width:220px;margin:0;padding:4px 8px;font-size:.8rem;box-shadow:0 1px 4px #00000040}.spot{color:#fff;background:#c2410cbf;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font:700 .8rem/1 system-ui,-apple-system,sans-serif;display:flex;box-shadow:0 0 0 1px #c2410c}.spot-many{background:#c2410c}.spot-popup{font-size:.9rem}.spot-count{margin:0 0 6px;font-weight:700}.spot-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.spot-list li{border-top:1px solid #e5e7eb;padding:6px 0}.spot-list.single li{border-top:none;padding:0}.spot-place{color:#5b6573;margin:6px 0 0}.report-map{border:1px solid var(--border);border-radius:10px;height:220px;margin:12px 0;overflow:hidden}.share-status{font-size:.85rem}.ticket-box{margin:8px 0}.ticket-box label{font-weight:600;display:block}.ticket-row{gap:8px;margin-top:4px;display:flex}.ticket-row input{flex:1;min-width:0}.ticket-row .button{width:auto;padding-left:18px;padding-right:18px}.my-report{margin:12px 0}.my-report h3{margin:0 0 4px;font-size:1rem}.my-report-links{flex-wrap:wrap;gap:16px;margin:8px 0 0;display:flex}.my-report-links .link-button{padding:0}.page-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:4px 0 12px;display:flex}.page-links a{color:var(--accent)}.actions .share-status{text-align:center;margin:0}.status-311{font-weight:600}.map-311{border:1px solid var(--border);border-radius:10px;height:55vh;min-height:300px;overflow:hidden}.dot-311{vertical-align:baseline;border-radius:50%;width:10px;height:10px;display:inline-block}.table-311{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:.9rem}.table-311 th,.table-311 td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 4px}.table-311 th:not(:first-child),.table-311 td:not(:first-child){text-align:right;white-space:nowrap}.when-field{position:relative}.when-field input[type=datetime-local]{cursor:pointer;appearance:none;text-align:left;min-height:44px;padding-right:84px}.when-field input[type=datetime-local]::-webkit-date-and-time-value{text-align:left}.when-field input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.when-change{pointer-events:none;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.when-hint{margin:4px 0 0;font-size:.85rem}