*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#f2ede6;width:100%;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#map{cursor:grab;touch-action:none;position:absolute;inset:0}#map:active{cursor:grabbing}#tooltip{pointer-events:none;color:#fbf8f4;white-space:nowrap;z-index:10;background:#26211bd9;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:0;left:0}.panel{-webkit-backdrop-filter:blur(14px);background:#fffdfad1;border:1px solid #3d362d14;border-radius:14px;flex-direction:column;width:264px;max-height:calc(100% - 120px);display:flex;position:absolute;top:64px;left:16px;overflow:hidden;box-shadow:0 4px 24px #3d362d1f}.panel-tabs{gap:2px;padding:8px 8px 0;display:flex}.tab{letter-spacing:.08em;text-transform:uppercase;color:#94826c;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 0;font-family:inherit;font-size:11px;font-weight:700}.tab.active{color:#b45210;background:#d9480f14}#tab-area,#tab-routes{flex-direction:column;flex:1;min-height:0;display:flex}[hidden]{display:none!important}.panel-head{flex:none;justify-content:space-between;align-items:baseline;padding:12px 14px 8px;display:flex}.panel-title{letter-spacing:.12em;text-transform:uppercase;color:#6e6456;font-size:11px;font-weight:700}.panel-count{color:#94826c;font-size:11px;font-weight:600}.panel-list{flex:1;min-height:0;padding:0 6px 8px;overflow-y:auto}.trail-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:2px;width:100%;padding:8px 9px;font-family:inherit;display:flex}.trail-item:hover{background:#d9480f12}.trail-name{color:#3d362d;font-size:12.5px;font-weight:620}.trail-meta{color:#94826c;flex-wrap:wrap;align-items:center;gap:5px;font-size:10.5px;display:flex}.chip{letter-spacing:.04em;color:#6e6456;background:#6e64561a;border-radius:20px;padding:1px 6px;font-size:9px;font-weight:650}.chip-route{color:#2563c4;background:#2563c41a}.panel-detail{flex:1;min-height:0;padding:10px 14px 14px;overflow-y:auto}.detail-close{color:#b45210;cursor:pointer;background:0 0;border:0;padding:0 0 6px;font-family:inherit;font-size:11px;font-weight:650}.panel-detail h3{color:#3d362d;padding-bottom:8px;font-size:15px;font-weight:700}.detail-stats{color:#6e6456;grid-template-columns:1fr 1fr;gap:4px 10px;padding-bottom:10px;font-size:11px;display:grid}.detail-stats b{color:#3d362d;font-weight:680}.profile-canvas{width:100%;height:108px;display:block}.seg-chips{flex-wrap:wrap;gap:4px;padding-bottom:8px;display:flex}.chip-warn{color:#ba5218;background:#ba52181f}.chip-done{color:#2f7d32;background:#2f7d321f}.link-btn{text-align:left;color:#2563c4;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 0 2px;font-family:inherit;font-size:11.5px;font-weight:650;display:block}.primary-btn{color:#fff;cursor:pointer;background:#d9480f;border:0;border-radius:9px;width:100%;margin-top:10px;padding:9px 0;font-family:inherit;font-size:12px;font-weight:700;display:block}.primary-btn:hover{background:#c2440e}.primary-btn:disabled{cursor:default;background:#d5c9ba}.danger-btn{color:#a33;cursor:pointer;background:#aa333314;border:0;border-radius:9px;width:100%;margin-top:12px;padding:7px 0;font-family:inherit;font-size:11px;font-weight:650;display:block}.empty-note{color:#94826c;padding:10px 12px 14px;font-size:11.5px;line-height:1.5}.log-add{gap:6px;padding-top:10px;display:flex}.log-add input{color:#3d362d;background:#fffdfacc;border:1px solid #3d362d26;border-radius:8px;flex:1;padding:6px 9px;font-family:inherit;font-size:11px}.log-add .primary-btn{width:auto;margin:0;padding:6px 12px;font-size:11px}.log-list{padding-top:8px}.log-entry{border-top:1px solid #3d362d12;padding:5px 0;font-size:11px}.log-date{color:#2f7d32;margin-right:6px;font-weight:650}.log-note{color:#6e6456}.draft-tray{background:#1d4fd80d;border-top:1px solid #3d362d1a;padding:10px 14px 12px}.tray-head{justify-content:space-between;align-items:baseline;display:flex}.tray-title{letter-spacing:.1em;text-transform:uppercase;color:#1d4fd8;font-size:11px;font-weight:750}.tray-stats{color:#3d362d;font-size:11px;font-weight:600}.tray-hint{color:#6e6456;padding:4px 0 8px;font-size:10.5px}.tray-actions{gap:6px;display:flex}.tray-actions button{color:#4a4238;cursor:pointer;background:#fffdfacc;border:1px solid #3d362d1f;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:650}.tray-actions button:disabled{opacity:.45;cursor:default}.tray-actions .primary-btn{border:0;flex:1;width:auto;margin:0;padding:5px 0}#gps{z-index:1}.brand,.panel,.controls,.attrib{z-index:5}.trail-sub{color:#94826c;font-size:10px}.chip-osm{color:#2f7d32;background:#2f7d321f}.sub-title{letter-spacing:.1em;text-transform:uppercase;color:#94826c;padding:12px 0 4px;font-size:10px;font-weight:700}.panel-list.inner{flex:none;padding:0;overflow:visible}.panel-list.inner .trail-item{padding:6px 8px}.brand{letter-spacing:.16em;text-transform:uppercase;color:#3d362d;-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#fffdfab8;border:1px solid #3d362d14;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:750;position:absolute;top:14px;left:16px;box-shadow:0 2px 12px #3d362d14}.controls{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:34px;right:14px}.controls button{-webkit-backdrop-filter:blur(10px);color:#4a4238;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffdfac7;border:1px solid #3d362d1a;border-radius:12px;width:42px;height:42px;font-size:19px;transition:background .15s;box-shadow:0 2px 12px #3d362d1a}.controls button:hover{background:#fffdfaf2}.controls button.active{color:#1c6dd0}#btn-poi.active{color:#fff;background:#7c3aed}#place-hint{z-index:6;color:#fbf8f4;-webkit-user-select:none;user-select:none;background:#26211bdb;border-radius:999px;padding:8px 16px;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #00000040}#place-hint b{font-weight:700}.controls button.done{color:#2f7d32}.controls button.busy{color:#b45210;font-size:12px;font-weight:650}#gps{pointer-events:none;position:absolute;top:0;left:0}.gps-dot{background:#1c6dd0;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000059}.gps-ring{background:#1c6dd01f;border:1px solid #1c6dd04d;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.attrib{color:#3d362d8c;-webkit-user-select:none;user-select:none;background:#f6f2ec99;border-radius:6px;padding:2px 7px;font-size:10px;position:absolute;bottom:10px;right:12px}.sheet-handle{display:none}@media (width<=640px){:root{--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--sheet-peek:116px}button{-webkit-tap-highlight-color:transparent}.brand{top:calc(10px + var(--safe-t));padding:6px 11px;font-size:12px;left:12px}.panel{width:auto;max-width:none;height:82vh;max-height:82vh;padding-bottom:var(--safe-b);z-index:6;will-change:transform;border-bottom:0;border-radius:18px 18px 0 0;transition:transform .32s cubic-bezier(.32,.72,0,1);inset:auto 0 0}.panel.sheet-collapsed{transform:translateY(calc(100% - var(--sheet-peek) - var(--safe-b)))}.sheet-handle{touch-action:none;cursor:grab;flex:none;height:30px;display:block;position:relative}.sheet-handle:before{content:"";background:#3d362d40;border-radius:3px;width:44px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tab{padding:10px 0;font-size:12px}.panel-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.trail-item{padding:11px 10px}.trail-name{font-size:13.5px}.primary-btn,.danger-btn{padding:12px 0;font-size:13px}.log-add input{font-size:16px}.tray-actions button{padding:8px 12px}.controls{right:12px;bottom:calc(var(--sheet-peek) + var(--safe-b) + 16px)}.controls button{width:46px;height:46px;font-size:20px}.attrib{left:12px;right:auto;bottom:calc(var(--sheet-peek) + var(--safe-b) + 18px);font-size:9px}#place-hint{bottom:calc(var(--sheet-peek) + var(--safe-b) + 22px);width:max-content;max-width:90vw}}