:root{--green:#173a2b;--green2:#24533e;--cream:#f5f0e6;--paper:#fff;--ink:#18201b;--muted:#667068;--line:#dfe5df;--accent:#d58a3a}*{box-sizing:border-box}html{background:#eef1ed}body{margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f8f5;max-width:760px;margin:auto;min-height:100vh;padding-bottom:86px}.hero{background:linear-gradient(145deg,var(--green),#0d281d);color:white;padding:calc(20px + env(safe-area-inset-top)) 20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand img{width:54px;height:54px;border-radius:14px;background:white;padding:5px}.eyebrow{font-size:10px;letter-spacing:1.5px;opacity:.75}.hero h1{font-size:24px;margin:3px 0}.hero p{margin:0;opacity:.8;font-size:13px}.install{border:1px solid #ffffff55;background:#ffffff18;color:#fff;padding:9px 12px;border-radius:12px}main{padding:18px}.site-banner{background:#fff4d8;border:1px solid #f1d38a;border-radius:16px;padding:13px 14px;margin-bottom:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.site-banner button{margin-left:auto;border:0;background:#7a4a00;color:#fff;border-radius:10px;padding:8px 10px}.welcome h2,.section-title h2{margin:0}.welcome>p{color:var(--muted);margin:7px 0 16px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 14px;text-align:left;box-shadow:0 3px 12px #1c33220a}.quick-grid button span{font-size:27px;display:block;margin-bottom:12px}.quick-grid b{display:block;font-size:16px}.quick-grid small{color:var(--muted);display:block;margin-top:4px}.status{margin:18px 0}.road{display:flex;align-items:center;gap:12px;background:#e9f2ec;border:1px solid #cfe0d4;padding:14px;border-radius:16px;color:var(--green);text-decoration:none}.road>span{font-size:25px}.road div{flex:1}.road small{display:block;color:#52675a;margin-top:3px}.road>strong{font-size:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-title button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px}.cards{display:grid;gap:10px}.place{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}.place-top{display:flex;gap:12px}.place .emoji{width:42px;height:42px;border-radius:12px;background:var(--cream);display:grid;place-items:center;font-size:22px}.place h3{margin:0 0 3px;font-size:16px}.meta{font-size:12px;color:var(--muted)}.badge{font-size:11px;background:#e8f5eb;color:#246236;border-radius:20px;padding:3px 7px;margin-left:5px}.place p{font-size:13px;color:#556058;margin:10px 0}.actions{display:flex;gap:8px}.actions a{flex:1;text-align:center;text-decoration:none;color:var(--green);background:#f1f5f2;border-radius:10px;padding:9px;font-size:13px;font-weight:650}.park-card{margin-top:22px;background:var(--green);color:#fff;border-radius:20px;padding:20px}.tag{font-size:10px;letter-spacing:1.3px;color:#b9d2c2}.park-card h2{margin:6px 0}.park-card p{opacity:.8;font-size:13px}.park-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.park-actions a{background:#ffffff14;color:#fff;text-decoration:none;padding:10px;border-radius:10px;text-align:center;font-size:13px}.park-actions a:last-child{grid-column:1/-1}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:70px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffee;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:5}.bottom button{border:0;background:none;color:#445047;font-size:20px}.bottom span{display:block;font-size:10px;margin-top:2px}dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 20px 60px #0004}dialog::backdrop{background:#0007}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{font-size:28px;border:0;background:none}.modal-content{padding:18px}.modal-content h3{margin-top:4px}.menu-list{display:grid;gap:9px}.menu-list a,.menu-list button{display:block;text-align:left;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;font-size:14px;width:100%}.notice{background:#fff4d8;border-radius:12px;padding:12px;font-size:13px}.report label{display:block;font-size:13px;font-weight:650;margin:12px 0 5px}.report select,.report textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit}.report textarea{height:90px}.report button{margin-top:12px;background:var(--green);color:#fff;border:0;border-radius:12px;padding:12px;width:100%;font-weight:700}@media(min-width:620px){.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-grid button{min-height:145px}}