@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
.finish{width:100%;margin-top:10px;height:35px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:10px}.finish:not(:disabled){color:var(--text);border-color:#73869d}.upload{color:var(--lime);font-size:10px;cursor:pointer}.upload input{display:none}.route-choice{width:100%;border:0;background:transparent;color:var(--text);text-align:left}.route-choice:hover{background:#ffffff08}.history-section{margin-top:38px}.history-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.history-title h2{margin:0;font-size:19px}.history-list{display:grid;gap:9px}.empty-history{border:1px dashed var(--line);border-radius:10px;padding:25px;color:var(--muted);font-size:11px;text-align:center}.history-item{display:flex;align-items:center;gap:18px;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#11182788}.history-item .date{font:11px 'DM Mono',monospace;color:var(--lime);width:80px}.history-item strong,.history-item small{display:block}.history-item strong{font-size:12px}.history-item small{font-size:10px;color:var(--muted);margin-top:4px}.history-item .summary{margin-left:auto;text-align:right;font:11px 'DM Mono',monospace}.history-item .summary b{color:var(--text);margin-left:12px}
:root{--bg:#090d17;--panel:#111827;--line:#253247;--text:#eef4ff;--muted:#8d9bb0;--lime:#c7ff4a;--cyan:#64d9ff;--orange:#ffb55d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:radial-gradient(circle at 76% 12%,#2243673d,transparent 26%),var(--bg)}.topbar{height:76px;padding:0 5.4vw;display:flex;align-items:center;border-bottom:1px solid #6482aa24;gap:62px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-size:20px;font-weight:800;letter-spacing:.18em;text-decoration:none}.brand b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--lime);color:#101606;font-size:15px;letter-spacing:0}.brand span span{color:var(--lime)}nav{display:flex;gap:31px;height:100%;align-items:center}nav a{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;position:relative}nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.live{font:11px 'DM Mono',monospace;color:#c4d1e2;border:1px solid var(--line);padding:8px 11px;border-radius:20px}.live i,.realtime i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:7px}.gear{background:none;border:0;color:var(--muted);font-size:18px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#294057;color:var(--cyan);font-size:12px;font-weight:800}main{max-width:1320px;margin:auto;padding:64px 38px 40px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--lime);font:500 10px 'DM Mono',monospace;letter-spacing:.15em}.hero h1{margin:0;font-size:42px;line-height:1.13;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:var(--lime)}.session{border-left:1px solid var(--line);padding-left:22px;min-width:230px}.session span,.session small{display:block;color:var(--muted);font-size:11px}.session strong{display:block;font-size:15px;margin:6px 0}.connections{min-height:72px;border:1px solid var(--line);border-radius:14px;padding:13px 17px;display:flex;align-items:center;gap:24px;background:#111827cc;margin-bottom:22px}.connection-title{font-size:12px;display:flex;align-items:center;gap:8px;padding-right:10px}.connection-title i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime)}.device{display:flex;gap:10px;align-items:center;padding-right:19px;border-right:1px solid var(--line)}.device>span{font-size:17px;color:var(--cyan)}.device b,.device small{display:block}.device b{font-size:11px}.device small{color:var(--muted);font-size:10px;margin-top:2px}.device.muted{opacity:.55}.outline{margin-left:auto;background:transparent;color:var(--text);border:1px solid #3a4b63;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700}.ride-grid,.bottom{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(290px,.7fr);gap:20px}.card{background:linear-gradient(135deg,#151e2ef2,#0e1522f2);border:1px solid var(--line);border-radius:14px}.map-card{overflow:hidden}.card-head{padding:22px 24px 17px;display:flex;justify-content:space-between;align-items:flex-start}.card-head h2,.card-head h3{margin:0;font-size:19px;letter-spacing:-.03em}.card-head h3{font-size:14px}.card-head.compact{padding:19px 21px 13px}.map-tabs{display:flex;gap:4px}.map-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;border-radius:5px;padding:6px 9px}.map-tabs button.active{color:var(--text);background:#29384e;border-color:#49617f}.map{height:370px;position:relative;overflow:hidden;background:#162538}.grid{position:absolute;inset:0;background-image:linear-gradient(#8aabc714 1px,transparent 1px),linear-gradient(90deg,#8aabc714 1px,transparent 1px);background-size:37px 37px;transform:rotate(-7deg) scale(1.25)}.water{position:absolute;width:38%;height:145%;right:-5%;top:-16%;transform:rotate(25deg);border-radius:50%;background:#102d49}.road{position:absolute;height:1px;background:#acc2d738;transform:rotate(-26deg);width:95%}.r1{top:34%;left:-10%}.r2{top:63%;left:14%;transform:rotate(17deg)}.map svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 7px #c7ff4a8c)}.map path{fill:none;stroke-linecap:round;stroke-linejoin:round}.shadow{stroke:#08100a;stroke-width:10}.route{stroke:var(--lime);stroke-width:4}.map-label{position:absolute;font:500 9px 'DM Mono',monospace;color:#a9bdcf;letter-spacing:.12em}.start{left:11%;bottom:16%}.finish{right:11%;top:17%}.marker{position:absolute;left:12%;bottom:16%;width:25px;height:25px;border:2px solid var(--bg);border-radius:50%;background:var(--lime);color:#17220d;display:grid;place-items:center;font-size:12px;transition:all .8s ease;box-shadow:0 0 0 5px #c7ff4a26,0 0 18px #c7ff4a99}.legend{position:absolute;bottom:16px;left:18px;color:#9fb0c4;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime)}.zoom{position:absolute;top:15px;right:16px;display:grid;gap:2px}.zoom button{width:27px;height:27px;border:1px solid #40536b;background:#142237dd;color:#b8cada}.map-foot{display:flex;justify-content:space-between;padding:13px 23px;color:var(--muted);font-size:10px}.map-foot b{color:var(--text);font-family:'DM Mono',monospace}.metrics{display:grid;gap:20px}.metrics-card{min-height:300px}.realtime{font:10px 'DM Mono',monospace;color:var(--lime)}.power{padding:3px 21px 18px;border-bottom:1px solid var(--line);position:relative}.power strong{font:700 58px 'DM Mono',monospace;letter-spacing:-.1em}.power>span{font:14px 'DM Mono',monospace;color:var(--lime);margin-left:7px}.power small{position:absolute;right:21px;bottom:23px;color:var(--muted);font-size:10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;padding:16px 21px 12px;gap:18px 12px}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:10px}.metric-grid b{font:500 21px 'DM Mono',monospace;margin:4px 3px 1px 0}.metric-grid small{display:inline}.zone{padding:10px 21px 20px}.zone>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.zone b{color:var(--orange);font-weight:500}.zone>i{display:block;height:5px;background:linear-gradient(90deg,var(--cyan),var(--orange));width:66%;border-radius:5px;margin-top:9px}.elevation{min-height:173px}.elevation .card-head>span{font:10px 'DM Mono',monospace;color:var(--lime)}.elevation svg{width:calc(100% - 42px);height:83px;margin:0 21px;overflow:visible}.area{fill:url(#fill)}.elev-line{fill:none;stroke:var(--lime);stroke-width:2}.elevation circle{fill:var(--lime);stroke:#142019;stroke-width:3}.labels{display:flex;justify-content:space-between;padding:0 21px;color:#6f7e93;font:9px 'DM Mono',monospace}.bottom{margin-top:20px}.controls{padding:22px 24px 20px}.control-head{display:flex;justify-content:space-between;align-items:flex-start}.control-head h2{margin:0;font-size:18px}.control-head>span{background:#c7ff4a1a;color:var(--lime);border:1px solid #c7ff4a40;font:10px 'DM Mono',monospace;padding:6px 8px;border-radius:4px}.options{display:flex;align-items:center;gap:9px;margin:21px 0 16px}.mode{display:flex;align-items:center;gap:9px;text-align:left;flex:1;min-height:57px;padding:9px 11px;background:#111a29;border:1px solid var(--line);border-radius:8px;color:var(--text);position:relative}.mode.selected{border-color:var(--lime);background:#c7ff4a0f}.mode>b{font-size:20px;color:var(--lime)}.mode strong,.mode small{display:block}.mode strong{font-size:11px}.mode small{color:var(--muted);font-size:9px;margin-top:3px}.mode i{display:none;position:absolute;right:9px;top:8px;color:var(--lime);font-style:normal}.mode.selected i{display:block}.target{display:none;align-items:center;gap:7px;color:var(--muted);font-size:10px}.target strong{color:var(--text);font:14px 'DM Mono',monospace}.target input{width:90px;accent-color:var(--lime)}.start{width:100%;height:49px;border:0;border-radius:8px;background:var(--lime);color:#111707;font-weight:800;font-size:13px;position:relative}.start.running{background:#ff7878;color:#260b0b}.start span{margin-right:7px}.start kbd{position:absolute;right:13px;top:16px;background:#0d160826;border-radius:3px;padding:2px 5px;font:9px 'DM Mono',monospace}.routes{padding-bottom:9px}.routes .card-head a{color:var(--lime);font-size:10px;text-decoration:none}.route-row{display:flex;align-items:center;gap:11px;padding:8px 21px}.route-row>b{width:48px;height:42px;border-radius:6px;display:grid;place-items:center;font:10px 'DM Mono',monospace;background:linear-gradient(140deg,#1b7895,#123250);color:#d9f6ff}.route-row:nth-child(3)>b{background:linear-gradient(140deg,#536f3a,#172d32)}.route-row span{flex:1}.route-row strong,.route-row small{display:block}.route-row strong{font-size:11px}.route-row small{font-size:9px;color:var(--muted);margin-top:3px}.route-row em{font:12px 'DM Mono',monospace;color:var(--text);font-style:normal}footer{max-width:1320px;margin:auto;padding:24px 38px 35px;color:#627086;display:flex;justify-content:space-between;font:9px 'DM Mono',monospace}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d9fca0;color:#17220e;padding:11px 16px;border-radius:8px;font-size:11px;font-weight:700;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.topbar{padding:0 22px;gap:24px}main{padding:40px 20px}.hero{align-items:flex-start;gap:28px;flex-direction:column}.hero h1{font-size:34px}.session{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;width:100%}.connections{flex-wrap:wrap;gap:12px}.connection-title{width:100%}.device{border:0}.ride-grid,.bottom{grid-template-columns:1fr}footer{padding:22px 20px;gap:12px;flex-direction:column}.map{height:320px}}@media(max-width:560px){nav{display:none}.top-actions{gap:9px}.live{display:none}main{padding:30px 13px}.connections{padding:14px}.device{width:calc(50% - 8px)}.device.muted{display:none}.outline{margin-left:0}.map{height:265px}.map-foot{padding:11px 14px;font-size:9px}.card-head{padding-left:17px;padding-right:17px}.controls{padding:18px}.options{display:grid}.target{display:flex}.mode{width:100%}footer{padding-left:13px;padding-right:13px}.power strong{font-size:49px}}