:root{--ink: #1c2321;--muted: #68736f;--line: #dfe5e2;--bg: #ffffff;--soft: #f3f6f4;--accent: #14664f;--accent-ink: #ffffff;--danger: #c0392b;--star: #f2a900;--radius: 14px;--panel-w: 400px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--soft);overflow:hidden;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1{font-size:24px;line-height:1.25;margin:4px 0 12px;text-wrap:balance}h2{font-size:13px;letter-spacing:.06em;color:var(--muted);margin:24px 0 8px;font-weight:600}.muted{color:var(--muted);font-size:13px}.grow{flex:1;min-width:0}.app{position:fixed;top:0;right:0;bottom:0;left:0}.map{position:absolute;top:0;right:0;bottom:0;left:0}.center-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted)}.panel{position:absolute;z-index:20;top:12px;left:12px;bottom:12px;width:var(--panel-w);background:var(--bg);border-radius:var(--radius);box-shadow:0 8px 30px #14281e2e;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,opacity .25s ease}.panel.closed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.progress{height:5px;background:var(--line);flex:none}.progress i{display:block;height:100%;background:var(--accent);transition:width .3s}.panel-body{flex:1;overflow-y:auto;padding:20px 20px 12px}.eyebrow{font-size:13px;color:var(--accent);font-weight:600}.lead{line-height:1.7;margin:0 0 18px;color:#3a4441}.panel-foot{flex:none;display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.pageno{font-size:13px;color:var(--muted);background:var(--soft);border-radius:99px;padding:6px 10px;font-variant-numeric:tabular-nums}.savestate{flex:none;min-height:22px;font-size:12px;color:var(--muted);text-align:center;padding-bottom:6px}.savestate.error{color:var(--danger)}.btn{border:1px solid transparent;border-radius:99px;padding:10px 18px;font-weight:600;font-size:15px;background:none;text-decoration:none;display:inline-block;text-align:center}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border-color:var(--line);background:var(--bg);color:var(--ink)}.btn.danger{border-color:#f0c9c4;color:var(--danger);background:var(--bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.drawbtn:focus-visible,.chips button:focus-visible,.stars button:focus-visible{outline:3px solid #9fd3c1;outline-offset:2px}.mapq{margin-bottom:14px}.drawbtn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--c);color:#fff;border:0;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;box-shadow:0 2px #0000001f}.drawbtn:active{transform:translateY(1px)}.drawbtn:disabled{opacity:.5}.drawbtn-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;background:#ffffff38;border-radius:50%;font-size:16px}.mine{list-style:none;margin:6px 0 0;padding:0}.mine li button{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--soft);border:1px solid transparent;border-radius:10px;padding:8px 12px;margin-top:4px;font-size:14px}.mine li button.sel{border-color:var(--accent);background:#e9f3ef}.mine li span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{margin:0 0 18px}.field-label{font-weight:600;margin-bottom:8px}.stars{display:flex;align-items:center;gap:2px}.stars button{background:none;border:0;font-size:32px;line-height:1;padding:2px 3px;color:#d3dad7}.stars button.on{color:var(--star)}.stars-num{margin-left:8px;color:var(--muted);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:8px 14px;font-size:15px}.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}textarea,.login input,.search input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);font-size:16px}textarea{resize:vertical;min-height:64px}select{width:auto;padding:6px 10px;font-size:14px}.thanks{text-align:center;padding-top:60px}.thanks-mark{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--accent);color:#fff;font-size:34px;display:grid;place-items:center}.thanks p{color:var(--muted);line-height:1.7;margin-bottom:24px}.panel-toggle{position:absolute;z-index:21;left:calc(var(--panel-w) + 24px);bottom:28px;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:10px 16px;font-weight:600;font-size:14px;box-shadow:0 4px 14px #00000040;transition:left .25s ease}.panel-toggle:not(.open){left:12px}.tools{position:absolute;z-index:10;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:flex-start;pointer-events:none;transition:left .25s ease}.tools.shifted{left:calc(var(--panel-w) + 24px)}.tools>*{pointer-events:auto}.search{position:relative;flex:1;max-width:340px}.search input{box-shadow:0 2px 10px #0000001f;border-color:transparent;height:44px}.search ul{position:absolute;top:48px;left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg);border-radius:10px;box-shadow:0 8px 24px #0000002e;max-height:50vh;overflow:auto}.search li button{width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;display:flex;flex-direction:column;gap:2px}.search li button:hover{background:var(--soft)}.search li span,.search li.none{font-size:13px;color:var(--muted)}.search li.none{padding:10px}.tool-btns{display:flex;flex-direction:column;background:var(--bg);border-radius:10px;box-shadow:0 2px 10px #0000001f;overflow:hidden;margin-left:auto}.tool-btns button{width:44px;height:44px;border:0;background:none;font-size:20px;border-bottom:1px solid var(--line)}.tool-btns button:last-child{border-bottom:0}.bar{position:absolute;z-index:30;left:50%;bottom:20px;transform:translate(-50%);width:min(440px,calc(100vw - 24px));background:var(--bg);border-radius:var(--radius);box-shadow:0 10px 34px #00000040;padding:14px 16px}.bar-title{font-weight:700;display:flex;align-items:center;gap:8px}.bar-hint{color:var(--muted);font-size:14px;margin:6px 0 12px;line-height:1.6}.bar-actions,.popup-actions{display:flex;gap:8px;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;flex:none;display:inline-block}.dot.rec{background:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.popup-wrap{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;background:#141e1a59;display:grid;place-items:center;padding:12px}.popup{width:min(440px,100%);max-height:calc(100% - 24px);overflow-y:auto;background:var(--bg);border-radius:var(--radius);padding:20px;box-shadow:0 16px 50px #0000004d}.popup-head{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:18px}.popup-head small{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.toast{position:absolute;z-index:60;left:50%;top:68px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;line-height:1.6;box-shadow:0 6px 20px #0000004d}.pin{width:30px;height:30px;background:var(--c);border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059;display:grid;place-items:center;margin-bottom:6px}.pin span{transform:rotate(45deg);color:#fff;font-size:14px;line-height:1}.pin.big{width:40px;height:40px}.pin.big span{font-size:18px}.me-dot{width:18px;height:18px;border-radius:50%;background:#1677ff;border:3px solid #fff;box-shadow:0 0 0 6px #1677ff40}.login{max-width:360px;margin:18vh auto 0;padding:24px;display:grid;gap:12px}.login p{color:var(--muted);margin:0;line-height:1.6}.err{color:var(--danger)}.admin{--panel-w: 420px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis div{background:var(--soft);border-radius:10px;padding:10px 12px}.kpis b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.kpis span{font-size:13px;color:var(--muted)}.layer{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:15px}.layer input{width:18px;height:18px;accent-color:var(--accent)}.detail{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:14px}.kv{display:flex;gap:12px;justify-content:space-between;font-size:14px;padding:4px 0}.kv span{color:var(--muted);flex:none}.kv b{text-align:right;font-weight:500;overflow-wrap:anywhere}.stat{margin-bottom:16px}.bar-row{display:grid;grid-template-columns:84px 1fr 28px;gap:8px;align-items:center;font-size:13px;padding:2px 0}.bar-row i{background:var(--soft);border-radius:4px;height:12px;overflow:hidden}.bar-row em{display:block;height:100%;background:var(--accent);border-radius:4px}.bar-row b{text-align:right;font-variant-numeric:tabular-nums}.quotes{margin:0;padding-left:18px;font-size:14px;line-height:1.7}.exports{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}.exports .btn{font-size:14px;padding:8px 14px}@media (max-width: 760px){.panel{top:auto;left:0;right:0;bottom:0;width:auto;height:100%;border-radius:0}.panel.closed{transform:translateY(100%)}.admin .panel{height:55%;border-radius:var(--radius) var(--radius) 0 0}.tools.shifted{left:12px}.panel-toggle,.panel-toggle:not(.open){left:auto;right:12px;bottom:calc(84px + env(safe-area-inset-bottom))}.panel-toggle:not(.open){bottom:calc(24px + env(safe-area-inset-bottom))}.panel-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.popup-wrap{place-items:end center;padding:0}.popup{width:100%;border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom));max-height:80%}.bar{bottom:calc(12px + env(safe-area-inset-bottom))}h1{font-size:22px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}