@font-face{font-family:system;src:local("Inter"),local("Segoe UI")}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system,Arial,sans-serif;color:#1c343b;background:#f6f7f3}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #138991;outline-offset:3px}button{border:0}button,a{ -webkit-tap-highlight-color:transparent}a{color:#a3162c}h1{font-size:27px;line-height:1.18;letter-spacing:-.9px;margin:8px 0 12px}h2{font-size:19px;margin:24px 0 13px}p{line-height:1.5}small{line-height:1.4}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid #e2e7e4;position:relative;z-index:1001}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit}.brand img{width:48px;height:48px}.brand strong{font-size:20px;letter-spacing:2px}.brand-light{font-weight:450;font-size:15px;letter-spacing:2.4px}.brand small{display:block;font-size:11px;letter-spacing:.8px;color:#657277;margin-top:4px}.header-actions{display:flex;align-items:center;gap:15px}.quiet{background:transparent;font-size:12px;font-weight:800;min-width:44px;min-height:44px}.connection{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#397a70}.connection::before{content:' ';display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.connection.offline{color:#a26b12}.icon-button{border:1px solid #d9e0dc;border-radius:50%;background:#fff;min-width:38px;height:38px;font-size:22px;color:#27424a}.header-actions .icon-button{font-size:17px}main{height:calc(100dvh - 82px);display:grid;grid-template-columns:minmax(0,1fr) 400px}.map-area{position:relative;min-height:0;overflow:hidden;background:#e7eee9}#map{height:100%;width:100%;background:#e8eeea}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe0!important;max-width:90%}.map-tag{position:absolute;left:22px;top:22px;z-index:600;display:flex;align-items:center;gap:9px;background:#fffffff2;border:1px solid #e1e5e0;border-radius:7px;padding:12px 14px;font-size:10px;font-weight:750;letter-spacing:1px;box-shadow:0 3px 14px #1b363b0d;pointer-events:none}.dot{width:7px;height:7px;border-radius:50%;background:#b5162d}.tag-detail{font-size:8px;color:#74827f;border-left:1px solid #d8dfda;padding-left:9px}.map-tools{position:absolute;right:18px;top:20px;z-index:600;display:grid;gap:8px}.map-button{width:46px;height:46px;background:#fff;border:1px solid #dde5df;border-radius:9px;color:#27424a;font-size:27px;box-shadow:0 3px 12px #1b363b12}.map-button.active{background:#167782;color:white}.gps-state{position:absolute;left:20px;bottom:26px;z-index:600;padding:9px 12px;border-radius:6px;background:#fffffff0;color:#526466;font-size:11px;max-width:75%}.map-warning{position:absolute;top:80px;left:20px;right:78px;background:#fff5da;color:#795400;padding:10px 13px;font-size:12px;border-radius:7px;z-index:600}.map-scale{position:absolute;bottom:35px;right:20px;z-index:600;border-bottom:2px solid #334b50;border-left:2px solid #334b50;border-right:2px solid #334b50;height:10px;text-align:center;line-height:0;font-size:10px;text-shadow:0 0 4px white;background:#ffffff88}.leaflet-control-zoom{margin:85px 0 0 22px!important;border:1px solid #dde5df!important;border-radius:8px!important;overflow:hidden;box-shadow:none!important}.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important}.workspace{background:#fbfcf9;overflow:auto;border-left:1px solid #dce3dc;display:flex;flex-direction:column}.tabs{position:sticky;top:0;z-index:2;background:#fbfcf9;display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px;border-bottom:1px solid #e4e8e1;flex-shrink:0}.tab{background:transparent;padding:19px 4px 16px;font-size:12px;font-weight:650;color:#7a8783;border-bottom:3px solid transparent}.tab.active{color:#af182e;border-bottom-color:#b5162d}.panel{padding:27px 24px 16px;flex:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:#a22536;margin-bottom:10px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.heading-row h1{flex:1}.count{border:1px solid #dfe6de;min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:11px}.subtle{color:#708078;font-size:12px;margin:0 0 22px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe5dd;border-radius:8px;padding:2px 12px;margin:18px 0}.search span{font-size:24px;color:#7c8b84}.search input{width:100%;border:0;background:transparent;outline:none;font-size:13px;min-height:42px}.cards{display:grid;gap:10px}.route-card,.place-card,.record-card{border:1px solid #dfe5dd;border-radius:10px;background:#fff;text-align:left;width:100%;padding:16px;color:#1c343b;position:relative}.route-card{display:grid;grid-template-columns:34px 1fr 18px;gap:11px;align-items:start;transition:border-color .15s,box-shadow .15s}.route-card:hover{border-color:#b5162d;box-shadow:0 3px 12px #6a1c2810}.route-card.selected{border-color:#b5162d;background:#fff9f8}.route-symbol{height:32px;width:32px;display:grid;place-items:center;background:#edf4f0;border-radius:7px;color:#377c70;font-size:19px}.route-card.selected .route-symbol{background:#fce5e6;color:#b5162d}.route-card strong,.place-card strong{font-size:13px;line-height:1.4;display:block;font-weight:650}.route-card small,.place-card small{color:#788780;font-size:10px;display:block;margin-top:7px}.chevron{font-size:21px;color:#a1aaa1;margin-top:5px}.button{border-radius:8px;min-height:47px;font-size:12px;font-weight:700;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.primary{background:#b5162d;color:#fff}.primary:hover{background:#921228}.secondary{border:1px solid #d7e0d6;background:#fff;color:#27424a}.full{width:100%;margin-top:18px}.micro{font-size:10px;color:#77857c;line-height:1.6}.sections{font-size:12px;margin:24px 0 8px;padding-top:18px;border-top:1px solid #e1e6dd}.sections summary{cursor:pointer}.sections button{display:block;text-align:left;background:transparent;color:#526b67;padding:10px 0;font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e8e1;padding:13px 23px;color:#89958d;font-size:9px;gap:12px}.text-button{padding:6px 0;font-size:11px;color:#a32638;background:transparent;min-height:32px}.route-tools{display:flex;flex-wrap:wrap;gap:14px}.recording-state{font-size:11px;padding:12px 0;color:#657c6f}.recording-state.live{color:#b5162d;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dde5da;border-left:1px solid #dde5da;border-radius:9px;overflow:hidden}.stat{padding:16px 14px;border-right:1px solid #dde5da;border-bottom:1px solid #dde5da;background:white}.stat strong{font-size:20px;display:block;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat.prominent strong{font-size:34px}.stat span{font-size:10px;color:#728273;display:block;margin-top:6px}.progress-box{margin:18px 0;font-size:11px;background:#edf3ee;padding:14px;border-radius:8px}.progress-box>div{display:flex;justify-content:space-between}.progress-box small{display:block;color:#6a7d70}progress{width:100%;height:5px;accent-color:#388576;margin:14px 0 8px}.record-controls{display:flex;gap:8px;margin:20px 0 15px;flex-wrap:wrap}.record-controls .button{flex:1}.toggle{display:flex;align-items:center;gap:10px;font-size:11px;margin:12px 0}.toggle input{accent-color:#b5162d;width:17px;height:17px}.record-card h3{font-size:14px;margin:0 0 10px}.record-card p{font-size:11px;color:#718174}.record-card .actions{display:flex;gap:15px;flex-wrap:wrap}.empty{padding:28px 15px;border:1px dashed #dce4d8;border-radius:8px;color:#7a897e;font-size:12px;text-align:center;line-height:1.7}dialog{border:1px solid #e1e6df;border-radius:15px;max-width:600px;width:calc(100% - 28px);max-height:88dvh;padding:23px;box-shadow:0 20px 70px #173e3b25;color:#1c343b}dialog::backdrop{background:#13312e70;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-head h2{margin:0;font-size:21px}#modal-body{font-size:13px;margin-top:20px;line-height:1.6;overflow-wrap:anywhere}#modal-body label{display:block;margin:15px 0 5px;font-size:12px}#modal-body input:not([type=checkbox]),#modal-body textarea,#modal-body select{width:100%;min-height:44px;border:1px solid #cfdacf;border-radius:7px;padding:10px;background:white;color:#27424a;font-size:13px}#modal-body textarea{min-height:95px;resize:vertical}#modal-body .button{margin:8px 5px 8px 0}.admin-list{border-top:1px solid #e0e7df;margin:16px 0}.admin-row{padding:12px 0;border-bottom:1px solid #e0e7df;display:flex;align-items:center;gap:8px}.admin-row strong{font-size:12px;flex:1}.admin-row button{font-size:11px}.form-error{color:#b5162d;font-size:12px;white-space:pre-wrap}.qr svg{max-width:240px;width:100%;height:auto;display:block;margin:18px auto}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#203f3c;color:#fff;padding:13px 20px;font-size:12px;border-radius:9px;box-shadow:0 5px 30px #0003;max-width:90%;z-index:3000}.place-pin{border-radius:50%;border:2px solid white;background:#25837c;color:#fff;box-shadow:0 1px 6px #203d4255;text-align:center;line-height:22px;font-weight:700;font-size:13px}.gps-marker{background:#167aa7;border:3px solid white;border-radius:50%;box-shadow:0 0 0 5px #167aa729}.start-marker,.end-marker{border:2px solid white;border-radius:50%;background:#b5162d;color:#fff;font-weight:bold;font-size:11px;text-align:center;line-height:20px}.end-marker{background:#253f41}.leaflet-popup-content{font-size:12px;line-height:1.5}.leaflet-popup-content a{display:inline-block;margin-top:8px}.leaflet-popup-content p{white-space:pre-line}.hint{background:#f2f5ef;border-radius:8px;padding:12px;font-size:12px}.danger{color:#b5162d}.admin-tabs{display:flex;gap:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}[hidden]{display:none!important}
@media(min-width:1400px){main{grid-template-columns:minmax(0,1fr) 440px}.panel{padding:30px}.topbar{padding:0 32px}h1{font-size:30px}.route-card{padding:19px}}
@media(max-width:760px){.topbar{height:66px;padding:0 15px}.brand img{width:39px;height:39px}.brand{gap:10px}.brand strong{font-size:17px}.brand-light{font-size:12px}.brand small{font-size:9px}.header-actions{gap:3px}.connection{display:none}main{height:calc(100dvh - 66px);grid-template-columns:1fr;grid-template-rows:44% minmax(0,1fr)}.workspace{border-left:0;border-top:1px solid #dce3dc}.panel{padding:20px 19px}.map-tag{left:12px;top:12px;padding:9px 10px;font-size:8px;gap:6px}.tag-detail{display:none}.map-tools{right:12px;top:12px;gap:6px}.map-button{width:39px;height:39px;font-size:24px}.leaflet-control-zoom{margin:57px 0 0 12px!important}.leaflet-control-zoom a{width:32px!important;height:32px!important;line-height:32px!important}.gps-state{left:12px;bottom:24px;font-size:9px;padding:7px 9px}.map-scale{right:13px;bottom:31px;font-size:8px}.tabs{padding:0 16px}.tab{padding:15px 4px 12px}.map-warning{top:53px;left:55px;right:60px;font-size:10px;padding:8px}h1{font-size:25px}.subtle{font-size:12px;margin-bottom:16px}.search{margin:15px 0}.route-card{padding:14px}.stat.prominent strong{font-size:30px}.stat{padding:12px}.stats{margin-top:2px}.toast{bottom:calc(15px + env(safe-area-inset-bottom))}.workspace footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.record-controls{position:sticky;bottom:0;background:#fbfcf9;padding:8px 0;margin:12px 0;z-index:1}}
@media(max-height:550px) and (orientation:landscape){main{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:1fr}.topbar{height:55px}main{height:calc(100dvh - 55px)}.brand small{display:none}.panel{padding:15px}}
/* TRG Navi: small category symbols, full-map mode, and night colours. */
.place-pin{background:none;border:0;border-radius:0;box-shadow:none;display:grid;place-items:center;color:#175f67;line-height:normal}
.place-pin svg{width:var(--place-size,14px);height:var(--place-size,14px);filter:drop-shadow(0 0 1px white) drop-shadow(0 0 2px white);overflow:visible;pointer-events:none}
.category-food{color:#8b4815}.category-club{color:#9d1838}.category-lock{color:#583d8d}.category-hazard{color:#a34b00}.category-landing{color:#146c78}
.start-marker,.end-marker{font-size:8px;line-height:12px;border-width:2px}.gps-marker{box-shadow:0 0 0 3px #167aa729}
.menu-collapsed main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.menu-collapsed .workspace{display:none}
.compact-stats{position:absolute;left:20px;bottom:64px;z-index:650;background:#ffffffed;color:#9d1838;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:600;max-width:calc(100% - 40px)}
.info-section{border-top:1px solid #dbe2dc;padding:15px 0}.info-section summary{font-weight:700;cursor:pointer;font-size:14px}.info-section p{font-size:12px}.legend-list{margin-top:16px}.legend-row{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e2e7df;font-size:12px;line-height:1.5}.legend-row img{width:76px;height:24px;object-fit:contain}.transition-table{width:100%;border-collapse:collapse;font-size:12px}.transition-table th,.transition-table td{padding:9px 7px;text-align:left;vertical-align:top;border-bottom:1px solid #dbe2dc}.transition-table td:first-child{white-space:nowrap;font-weight:650}.app-symbols{display:flex;gap:16px;flex-wrap:wrap;padding:4px 0 20px}.app-symbols span{display:inline-flex;align-items:center;gap:7px;font-size:11px}.app-symbols svg{width:18px;height:18px;flex-shrink:0}
:root[data-theme=dark]{color-scheme:dark}
[data-theme=dark] body,[data-theme=dark] .workspace,[data-theme=dark] .tabs,[data-theme=dark] .record-controls{background:#142127;color:#e0eae7}
[data-theme=dark] .topbar{background:#101b21;border-color:#34454a}
[data-theme=dark] .brand small,[data-theme=dark] .subtle,[data-theme=dark] .micro,[data-theme=dark] .stat span,[data-theme=dark] .route-card small,[data-theme=dark] .place-card small,[data-theme=dark] .record-card p,[data-theme=dark] .tab,[data-theme=dark] .recording-state,[data-theme=dark] .progress-box small{color:#a5bbb5}
[data-theme=dark] .route-card,[data-theme=dark] .place-card,[data-theme=dark] .record-card,[data-theme=dark] .stat,[data-theme=dark] .search,[data-theme=dark] .secondary,[data-theme=dark] .map-button,[data-theme=dark] .icon-button,[data-theme=dark] dialog,[data-theme=dark] #modal-body input,[data-theme=dark] #modal-body textarea,[data-theme=dark] #modal-body select{background:#203139;border-color:#415650;color:#edf4f0}
[data-theme=dark] .search input{color:#edf4f0}[data-theme=dark] .quiet{color:#edf4f0}
[data-theme=dark] .route-card.selected{background:#402631;border-color:#e97787}
[data-theme=dark] .route-symbol,[data-theme=dark] .progress-box,[data-theme=dark] .hint{background:#263e3d;color:#b3ded5}
[data-theme=dark] .route-card.selected .route-symbol{background:#603143;color:#ffc2c9}
[data-theme=dark] .eyebrow,[data-theme=dark] .text-button,[data-theme=dark] .danger,[data-theme=dark] .recording-state.live,[data-theme=dark] .tab.active{color:#ff9ba9}
[data-theme=dark] .tab.active{border-color:#f17d91}[data-theme=dark] .connection{color:#82c8ad}
[data-theme=dark] .workspace,[data-theme=dark] .tabs,[data-theme=dark] footer,[data-theme=dark] .sections,[data-theme=dark] .stats,[data-theme=dark] .stat,[data-theme=dark] .info-section,[data-theme=dark] .legend-row,[data-theme=dark] .transition-table td,[data-theme=dark] .transition-table th,[data-theme=dark] .admin-row,[data-theme=dark] .admin-list{border-color:#3b4e4d}
[data-theme=dark] .map-area,[data-theme=dark] #map{background:#101a1c}
[data-theme=dark] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) saturate(.8)}
[data-theme=dark] .map-tag,[data-theme=dark] .gps-state,[data-theme=dark] .compact-stats{background:#182a30ef;color:#d6e6df;border-color:#40544e}
[data-theme=dark] .leaflet-control-attribution{background:#182a30eb!important;color:#b4c6bf}[data-theme=dark] .leaflet-control-attribution a{color:#9cd3e7}
[data-theme=dark] .leaflet-control-zoom a{background:#203139;color:#edf4f0;border-color:#40544e}
[data-theme=dark] .leaflet-popup-content-wrapper,[data-theme=dark] .leaflet-popup-tip{background:#203139;color:#edf4f0}
[data-theme=dark] .leaflet-popup a{color:#ffb0bb}[data-theme=dark] .place-pin svg{filter:drop-shadow(0 0 1px #0e1c22) drop-shadow(0 0 2px #0e1c22)}
[data-theme=dark] .category-food{color:#efb777}[data-theme=dark] .category-club{color:#ffa3b4}[data-theme=dark] .category-landing,[data-theme=dark] .category-place{color:#89d7e0}[data-theme=dark] .category-lock{color:#d3b8fd}[data-theme=dark] .category-hazard{color:#ffd188}
[data-theme=dark] .map-scale{color:#d3e5df;border-color:#c2d9d0;background:#12232bc0;text-shadow:none}
[data-theme=dark] .legend-row img{filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .qr{background:white;padding:8px;border-radius:9px}
@media(max-width:760px){.header-actions{gap:2px}.header-actions .icon-button{min-width:32px;width:32px;height:34px;font-size:17px}.quiet{min-width:32px}.brand strong{font-size:16px}.brand-light{font-size:12px}.brand small{font-size:8px;letter-spacing:.2px}.brand{gap:8px}.brand img{width:34px;height:34px}.compact-stats{left:12px;bottom:61px;font-size:11px}.menu-collapsed main{grid-template-rows:minmax(0,1fr)}}