*{box-sizing:border-box}body{margin:0;font:13px/1.35 system-ui,Segoe UI,Arial,sans-serif;color:#222;background:#f6f5f1}
*,*::before,*::after{transition:none!important;animation:none!important}
header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#24492f;color:#fff}header h1{font-size:17px;margin:0;flex:1}
header button{background:#fff;color:#24492f;border:0;padding:5px 10px;border-radius:4px;cursor:pointer}
#wrap{display:grid;grid-template-columns:250px 1fr 340px;height:calc(100vh - 44px - 230px);min-height:420px}
#filters,#detail{overflow:auto;padding:8px 10px;background:#fff;border-right:1px solid #ddd}#detail{border-left:1px solid #ddd;border-right:0}
#filters h3{font-size:12px;text-transform:uppercase;color:#555;margin:10px 0 4px}#filters label{display:block;margin:2px 0}
#filters input[type=number]{width:70px}#q{width:100%;padding:4px}#fam{width:100%;margin-top:6px;font-size:12px}
.mini{font-size:11px;padding:1px 6px;margin:2px}main{display:flex;flex-direction:column;min-width:0}
#map{flex:1;min-height:250px}#timeline{height:118px;background:#fff;border-top:1px solid #ddd;padding:4px 10px}
.tl-head{display:flex;gap:12px;align-items:center}.tl-head label{margin-left:auto;font-size:12px}
#hist{width:100%;height:62px;display:block}#slider{width:100%}
#list{height:230px;overflow:auto;background:#fff;border-top:2px solid #24492f}.list-head{position:sticky;top:0;background:#eef3ee;padding:4px 10px}
table{border-collapse:collapse;width:100%}th,td{padding:3px 6px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
th{position:sticky;top:26px;background:#fafafa}tr:hover{background:#f3f7f3;cursor:pointer}
.sw{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid #0003}
.small{font-size:11px;color:#666}.tag{display:inline-block;background:#eef;border-radius:3px;padding:0 4px;margin:1px;font-size:11px}
.cale{background:#ffe9a8}.rec{border-bottom:1px solid #eee;padding:5px 0}.rec b{color:#24492f}
#detail h2{font-size:15px;margin:4px 0}#detail h4{margin:10px 0 3px}
@media(max-width:900px){#wrap{grid-template-columns:1fr;height:auto}#map{height:55vh}#filters,#detail{max-height:40vh}}