html,body,#root{height:100%;margin:0}.leaflet-container{width:100%;height:100dvh}.follow-btn{z-index:1000;color:#fff;background:#1e3a5f;border:0;border-radius:8px;padding:10px 14px;font-size:14px;position:absolute;bottom:84px;left:12px}.page{box-sizing:border-box;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;position:relative}.stack{flex-direction:column;gap:12px;display:flex}button,.button{text-align:center;min-height:44px;color:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px 16px;font-size:16px;text-decoration:none}button.primary{color:#fff;background:#1e3a5f;border-color:#1e3a5f}input{border:1px solid #ccc;border-radius:8px;min-height:44px;padding:8px 12px;font-size:16px}.list{margin:0 0 16px;padding:0;list-style:none}.card{border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:12px;display:flex}.card.latest{border-width:2px;border-color:#1e3a5f}.card a{color:inherit;flex:1;text-decoration:none}.muted{color:#888;font-size:14px}.bottom-actions{margin-top:24px;position:sticky;bottom:16px}.sheet{z-index:2000;background:#fff;border-radius:16px 16px 0 0;max-width:480px;margin:0 auto;padding:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000040}.banner{z-index:2000;color:#fff;text-align:center;background:#1e3a5f;padding:8px;font-size:14px;position:fixed;top:0;left:0;right:0}.mappage{flex-direction:column;height:100dvh;display:flex}.tabbar{z-index:1500;background:#fff;border-top:1px solid #ddd;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{background:#fff;border:0;border-radius:0;flex:1;min-height:52px;font-size:15px}.legal{max-width:640px;margin:0 auto;line-height:1.5}.legal h2{margin:20px 0 6px;font-size:16px}.legal ul{padding-left:20px}.legal-links{text-align:center;margin-top:24px}.tab.exit{flex:0 0 48px;font-size:20px}.tab.active{color:#1e3a5f;border-top:2px solid #1e3a5f;font-weight:600}.fab{z-index:1500;color:#fff;background:#1e3a5f;border:0;border-radius:26px;min-width:96px;min-height:52px;font-size:16px;position:fixed;bottom:84px;right:16px;box-shadow:0 4px 12px #0000004d}.panel{box-sizing:border-box;background:#fff;flex:1;height:100dvh;padding:16px 16px 70px;overflow-y:auto}.pm{white-space:nowrap;align-items:flex-start;display:flex}.pm-flag{filter:drop-shadow(0 0 1px #fff);flex:none}.pm-label{background:#fff;border:1px solid #ccc;border-radius:4px;margin-left:2px;padding:1px 4px;font-size:12px;font-weight:600}.point-marker{background:0 0;border:none}.point-marker.moving .pm-flag{filter:drop-shadow(0 0 4px #1e88e5);transform-origin:0 100%;transform:scale(1.3)}.point-marker.moving .pm-label{border-color:#1e88e5}.banner button.linklike{color:inherit;margin-left:8px;text-decoration:underline}.segmented{gap:4px;display:flex}.seg{background:#fff;border:1px solid #ccc;flex:1;min-height:44px}.seg.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.dot{border-radius:50%;width:14px;height:14px;margin-right:8px;display:inline-block}.seq{color:#7b1fa2;margin-right:6px;font-weight:700}button.danger{color:#c62828;border-color:#c62828}.linklike{text-align:left;background:0 0;border:0;flex:1;min-height:0;padding:0}.panel.overlay{z-index:1200;position:absolute;inset:0 0 56px}.mappage{position:relative}.has-banner .leaflet-top{top:38px}.has-banner .sync-badge{top:calc(102px + env(safe-area-inset-top))}.fab2{right:124px}.fab:disabled{opacity:.5}.gear{z-index:1500;background:#fff;border:1px solid #ccc;border-radius:50%;width:44px;min-width:44px;height:44px;font-size:20px;position:fixed;bottom:150px;right:16px}button.big{min-height:60px;font-size:20px;font-weight:700}.slider-wrap{padding:8px 0}.slider-wrap input[type=range]{width:100%;min-height:44px}.slider-label{text-align:center;font-size:18px;font-weight:600}.ticks{justify-content:space-between;display:flex}.tick{color:#666;background:0 0;border:0;min-height:32px;padding:4px;font-size:12px}.rec-stats{justify-content:space-between;margin-bottom:12px;font-size:20px;font-weight:600;display:flex}.route-arrow{color:#7b3fb3;text-align:center;background:0 0;border:none;font-size:14px;line-height:14px}.checkline{align-items:center;gap:8px;min-height:44px;display:flex}.checkline input[type=checkbox]{width:24px;height:24px;min-height:0}.sync-badge{top:calc(64px + env(safe-area-inset-top));z-index:1600;background:#fff;border:1px solid #ccc;border-radius:22px;min-width:44px;height:44px;padding:0 10px;font-size:16px;position:fixed;right:10px}.sync-badge.offline{background:#fff3cd;border-color:#e6b800}.sync-badge .count{margin-left:4px;font-weight:700}.sync-icon{display:block}.sync-badge .spin{animation:1s linear infinite spin;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.about{border-top:1px solid #eee;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.sync-badge.pending{background:#fff3cd;border-color:#e6b800}.sync-bang{color:#222;background:#e6a800;border-radius:50%;width:16px;height:16px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.sync-toast{bottom:auto;top:calc(116px + env(safe-area-inset-top));padding:6px 12px;font-size:13px;animation:1.4s forwards sync-toast;left:auto;right:10px;transform:none}.has-banner .sync-toast{top:calc(154px + env(safe-area-inset-top))}@keyframes sync-toast{0%,55%{opacity:1}to{opacity:0}}.banner.offline{color:#7a5800;background:#fff3cd}.mrot .leaflet-container{transform:rotate(var(--rot))}.mrot .pm,.mrot .mm,.mrot .pm-label,.mrot .mm-label{transform:rotate(calc(-1 * var(--rot)))}.member-marker{background:0 0;border:none}.mm{align-items:center;gap:2px;display:inline-flex}.mm-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 1px 3px #00000080}.mm-wedge{transform-origin:50% 160%;border-bottom:8px solid #000000b3;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-10px;left:2px}.mm-label{background:#fff;border-radius:4px;padding:0 4px;font-size:11px;box-shadow:0 1px 2px #0006}.mm-stale{opacity:.45}.navhud{top:calc(10px + env(safe-area-inset-top));z-index:1600;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:18px;display:flex;position:fixed;left:60px;right:60px;box-shadow:0 2px 8px #0000004d}.navhud .nh-arrow{color:#7b1fa2;font-size:22px;transition:transform .3s}.navhud .nh-name{flex:1;font-weight:600}.navhud .nh-dist{font-weight:700}.navhud .nh-close{background:0 0;border:0;min-width:36px;min-height:36px;font-size:18px}.compass-btn{z-index:1500;background:#fff;border:1px solid #ccc;border-radius:50%;width:44px;min-width:44px;height:44px;font-size:20px;position:fixed;bottom:210px;right:16px}.compass-btn.active{color:#fff;background:#1e88e5}.zoomadv-btn{z-index:1500;background:#fff;border:1px solid #ccc;border-radius:50%;width:44px;min-width:44px;height:44px;font-size:18px;position:fixed;bottom:265px;right:16px}.dot-online{color:#2e7d32}.toast{z-index:2000;color:#fff;background:#222;border-radius:24px;align-items:center;gap:10px;padding:10px 18px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.toast button{color:#fff;background:#1e88e5;border:0;border-radius:16px;min-height:32px;padding:0 14px}.moves button{min-width:36px;min-height:36px;padding:0 8px}.error{color:#c62828}.center-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}select{border:1px solid #ccc;border-radius:8px;width:100%;min-height:44px;padding:8px;font-size:16px}button.signout{color:#777;background:0 0;border:none;margin:24px auto 0;text-decoration:underline;display:block}