:root{--bg:#faf7f2;--card:#fff;--ink:#1d1a16;--mute:#6b6359;--line:#e6dfd4;--acc:#c8321e;--ok:#1f7a3e;--warn:#b26a00}
@media (prefers-color-scheme:dark){:root{--bg:#15130f;--card:#1f1c17;--ink:#f2ede5;--mute:#a39a8e;--line:#332e27;--acc:#ff5a3c;--ok:#4cc27a;--warn:#f0a43a}}
body{background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,sans-serif;margin:0}
.wrap{max-width:960px;margin:0 auto;padding:16px}h1{font-size:20px}h1 b{color:var(--acc)}
.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 14px;border-radius:10px;font:inherit;cursor:pointer}
.btn.p{background:var(--acc);color:#fff;border-color:var(--acc)}.btn.s{padding:6px 10px;font-size:13px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
input,select{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;margin:4px 0 10px}
#map{height:400px;border-radius:14px;border:1px solid var(--line);margin-bottom:12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}
.tag{font-size:12px;padding:3px 8px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.ok{color:var(--ok)}.warn{color:var(--warn)}.mute{color:var(--mute)}.hide{display:none}a{color:var(--acc)}