@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--r: 12px;--r-sm: 8px;--sidebar-w: 220px;--c-easy: #22d3a0;--c-marathon: #3b9eff;--c-thresh: #f59e0b;--c-interval: #f97316;--c-rep: #f43f5e;--c-bike: #a78bfa;--c-renfo: #64748b;--c-race: #facc15;--c-rest: #334155;--fs-micro: .625rem;--fs-sm: .6875rem;--fs-base: .8125rem;--fs-lg: 1rem;--fs-xl: 1.1875rem;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 11px;--sp-5: 14px;--sp-6: 18px;--mobile-gutter: 16px;--mobile-gap: 10px;--touch-target: 36px;--fnt-mono: "JetBrains Mono", monospace}[data-theme=dark]{--bg: #1a1a1a;--bg2: #1f1f1f;--surf: #252525;--surf2:#2e2e2e;--surf3:#363636;--bdr: #333333;--bdr2: #404040;--txt: #f0f0f0;--txt2: #909090;--txt3: #555555;--acc: #ffffff;--acc2: rgba(255,255,255,.07);--hdr: rgba(26,26,26,.92);--shad: 0 8px 32px rgba(0,0,0,.5)}[data-theme=light]{--bg: #f7f4f0;--bg2: #f0ece6;--surf: #ffffff;--surf2:#f5f2ee;--surf3:#ece8e2;--bdr: #e2ddd6;--bdr2: #d0c9c0;--txt: #1c1410;--txt2: #6b5e52;--txt3: #a8998a;--acc: #7c1d2e;--acc2: rgba(124,29,46,.08);--hdr: rgba(247,244,240,.94);--shad: 0 6px 24px rgba(28,20,16,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Syne,sans-serif;background:var(--bg);color:var(--txt);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:4px}.card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r);padding:14px}.slabel{font-size:var(--fs-micro);font-weight:700;letter-spacing:3px;color:var(--txt3);text-transform:uppercase;margin:18px 0 8px;font-family:var(--fnt-mono);display:block}.slabel:first-child{margin-top:0}.mono{font-family:JetBrains Mono,monospace}.btn-primary{width:100%;padding:12px;border-radius:var(--r-sm);background:var(--acc);color:#000;border:none;font-family:var(--fnt-mono);font-size:var(--fs-base);font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{width:100%;padding:11px;border-radius:var(--r-sm);background:transparent;color:var(--txt2);border:1.5px solid var(--bdr2);font-family:var(--fnt-mono);font-size:var(--fs-base);font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:7px}.btn-secondary:hover{border-color:var(--acc);color:var(--acc)}.finp{width:100%;background:var(--surf2);border:1.5px solid var(--bdr2);border-radius:var(--r-sm);padding:9px 11px;color:var(--txt);font-size:var(--fs-base);outline:none;transition:border-color .2s;scroll-margin:72px 0 24px}.finp:focus{border-color:var(--acc)}select.finp{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea.finp{resize:vertical;min-height:60px}.flbl{display:block;font-size:var(--fs-micro);font-weight:700;letter-spacing:2px;color:var(--txt3);text-transform:uppercase;margin-bottom:5px;font-family:var(--fnt-mono)}.t-micro{font-size:var(--fs-micro)}.t-sm{font-size:var(--fs-sm)}.t-base{font-size:var(--fs-base)}.t-lg{font-size:var(--fs-lg)}.t-xl{font-size:var(--fs-xl)}.t-mono{font-family:var(--fnt-mono)}.t-bold{font-weight:700}.t-black{font-weight:800}.t-up{text-transform:uppercase;letter-spacing:1px}.t-dim{color:var(--txt3)}.t-soft{color:var(--txt2)}.t-trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.row-wrap{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-width:0}.col{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.grow{flex:1;min-width:0}.fixed{flex-shrink:0}.push{margin-left:auto}.list-item{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-sm);margin-bottom:var(--sp-2);overflow:hidden}.list-item-head{padding:var(--sp-4) 13px}.list-item-body{border-top:1px solid var(--bdr);padding:var(--sp-3) 13px 12px}.panel{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;margin-bottom:12px}.panel-head{padding:var(--sp-4) 14px;border-bottom:1px solid var(--bdr);font-size:var(--fs-base);font-weight:700}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 14px;border-bottom:1px solid var(--bdr)}.panel-row:last-child{border-bottom:none}.panel-block{padding:var(--sp-4) 14px}.chart{display:flex;align-items:flex-end;flex-wrap:nowrap;overflow:hidden;width:100%}.chart-col{flex:1;min-width:0;display:flex;align-items:flex-end;flex-wrap:nowrap;height:100%}.chart-labels{overflow:visible}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--surf);border-radius:18px 18px 0 0;width:100%;max-width:600px;max-height:92dvh;overflow-y:auto;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:slideUp .28s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-grip{width:36px;height:4px;background:var(--bdr2);border-radius:2px;margin:10px auto 0}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--sp-3);padding:14px 18px 11px;background:var(--surf);border-bottom:1px solid var(--bdr)}.modal-title{font-size:var(--fs-lg);font-weight:800;flex:1;min-width:0}.modal-close{flex-shrink:0;width:var(--touch-target);height:var(--touch-target);border-radius:50%;border:none;background:var(--surf2);color:var(--txt2);font-size:var(--fs-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-body{padding:14px 18px}.stat-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-sm);padding:11px;min-width:0}.stat-label{font-size:var(--fs-micro);font-weight:700;letter-spacing:1.5px;color:var(--txt3);text-transform:uppercase;margin-bottom:3px;font-family:var(--fnt-mono)}.stat-value{font-size:var(--fs-xl);font-weight:800;color:var(--txt);line-height:1.1}.stat-unit{font-size:var(--fs-sm);font-weight:500;color:var(--txt3)}.meter{flex:1;height:5px;background:var(--surf2);border-radius:3px;overflow:hidden}.meter-fill{height:100%;border-radius:3px;transition:width .6s ease}.tabbar{display:flex;gap:2px;flex-wrap:nowrap;background:var(--surf2);border-radius:var(--r-sm);padding:3px;margin-bottom:16px}.tabbar-btn{flex:1;min-width:0;padding:7px 4px;border-radius:6px;border:none;font-size:var(--fs-micro);font-weight:700;cursor:pointer;background:transparent;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabbar-btn.on{background:var(--surf);color:var(--acc)}.tile{background:var(--surf2);border-radius:var(--r-sm);padding:12px;margin-bottom:12px;min-width:0}.tile-accent{border-left:3px solid var(--tile-color, var(--bdr2))}.tile-tinted{background:color-mix(in srgb,var(--tile-color) 7%,transparent);border-left:3px solid var(--tile-color);border-radius:5px;padding:8px 10px}.eyebrow{font-size:var(--fs-micro);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--fnt-mono);color:var(--txt3);margin-bottom:4px}.tag{font-size:var(--fs-micro);padding:2px 8px;border-radius:10px;font-family:var(--fnt-mono);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:6px;min-width:0}.range{width:100%;height:4px;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--acc);border:2px solid var(--surf);cursor:pointer}.range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--acc);border:2px solid var(--surf);cursor:pointer;border-width:2px}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:20px}.brand{font-family:var(--fnt-mono);font-weight:700;color:var(--acc);letter-spacing:-.5px;line-height:1;font-size:var(--fs-xl)}.brand-lg{font-size:2.25rem;letter-spacing:-1px}.brand-sm{font-size:1.0625rem}.brand-sub{font-size:var(--fs-micro);color:var(--txt3);letter-spacing:2px;text-transform:uppercase;margin-top:3px}.icon-btn{flex-shrink:0;width:var(--touch-target);height:var(--touch-target);border-radius:50%;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt2);font-size:var(--fs-base);cursor:pointer;display:flex;align-items:center;justify-content:center}:root{--strava: #FC4C02}.btn-strava{background:var(--strava);color:#fff;border:none;border-radius:var(--r-sm);padding:9px 16px;font-size:var(--fs-sm);font-weight:700;font-family:var(--fnt-mono);letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.btn-strava:disabled{opacity:.6;cursor:not-allowed}.badge{font-size:var(--fs-micro);font-weight:700;padding:3px var(--sp-3);border-radius:10px;text-transform:uppercase;font-family:var(--fnt-mono);flex-shrink:0;white-space:nowrap}.dot-state{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-micro);flex-shrink:0}.chevron{color:var(--txt3);font-size:var(--fs-micro);transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}.notice{border-radius:var(--r-sm);padding:var(--sp-5);margin-bottom:12px;border:1px solid var(--notice-color, var(--bdr));background:color-mix(in srgb,var(--notice-color, var(--surf)) 10%,transparent)}.chip{flex-shrink:0;padding:5px 13px;border-radius:20px;font-size:var(--fs-micro);font-weight:700;white-space:nowrap;cursor:pointer;border:1px solid var(--bdr2);background:var(--surf);color:var(--txt3)}.chip.on{border-color:var(--acc);background:var(--acc2);color:var(--acc)}.btn-inline{flex:1;padding:10px;border-radius:var(--r-sm);border:1px solid var(--bdr2);background:var(--surf2);color:var(--txt2);font-size:var(--fs-sm);font-family:var(--fnt-mono);letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.scroll-x{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;background:linear-gradient(to right,var(--surf) 30%,transparent) left / 24px 100% no-repeat,linear-gradient(to left,var(--surf) 30%,transparent) right / 24px 100% no-repeat;background-attachment:local,local}.scroll-x::-webkit-scrollbar{height:4px}.scroll-x::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:4px}.tap{min-height:var(--touch-target);cursor:pointer}.app-shell{display:flex;min-height:100dvh}.sidebar{display:none}@media (min-width: 768px){.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;background:var(--surf);border-right:1px solid var(--bdr);position:fixed;top:0;left:0;bottom:0;z-index:80;padding:env(safe-area-inset-top) 0 0}.main-area{margin-left:var(--sidebar-w)}}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--hdr);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--bdr);padding-bottom:max(6px,env(safe-area-inset-bottom))}@media (min-width: 768px){.bottom-nav{display:none}}.app-header{position:sticky;top:0;z-index:70;background:var(--hdr);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--bdr);padding-top:env(safe-area-inset-top)}@media (min-width: 768px){.app-header{margin-left:var(--sidebar-w)}}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{padding:14px 14px 90px;max-width:860px;margin:0 auto;width:100%}@media (min-width: 768px){.page-content{padding:24px 28px 40px}}.sb-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--txt3);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .15s;border-left:3px solid transparent;text-decoration:none}.sb-item svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sb-item:hover{color:var(--txt);background:var(--surf2)}.sb-item.active{color:var(--acc);border-left-color:var(--acc);background:var(--acc2)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;color:var(--txt3);font-size:var(--fs-micro);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:color .2s;border:none;background:none}.bn-item svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bn-item.active{color:var(--acc)}@media (max-width: 767px){:root{--mobile-gutter: 14px;--mobile-gap: 12px;--touch-target: 44px;--fs-micro: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem}.page-content{padding:16px var(--mobile-gutter) calc(96px + env(safe-area-inset-bottom))}.card{padding:16px}.slabel{font-size:var(--fs-sm);letter-spacing:2px;margin-top:22px}.finp{min-height:var(--touch-target);font-size:var(--fs-base);padding:10px 12px}.btn-primary,.btn-secondary{min-height:var(--touch-target);font-size:var(--fs-base)}.bn-item{min-height:58px;padding:8px 3px 6px;gap:4px;font-size:var(--fs-sm);letter-spacing:.2px}.bn-item svg{width:22px;height:22px}.bottom-nav{padding-top:3px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-header{min-height:56px}.app-header button{min-width:var(--touch-target);min-height:var(--touch-target)}.page-content button{min-height:var(--touch-target)}.tabbar-btn{min-height:40px}.row{flex-wrap:wrap}.row.scroll-x,.row.chart,.row.chart-col{flex-wrap:nowrap}.list-item-head{padding:12px var(--mobile-gutter)}.list-item-body{padding:10px var(--mobile-gutter) 12px}.panel-row{flex-direction:column;align-items:stretch;gap:var(--sp-2);padding:12px var(--mobile-gutter)}.panel-head,.panel-block{padding:12px var(--mobile-gutter)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-inline{min-height:var(--touch-target)}.chip{padding:8px 14px}.mobile-stack{flex-direction:column;align-items:stretch}}@media (max-width: 390px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.page-content{padding-left:12px;padding-right:12px}.bn-item{font-size:var(--fs-sm)}}@media (min-width: 768px){.modal-overlay{align-items:center;padding:20px}.modal-sheet{border-radius:18px;max-height:85dvh;max-width:520px}}[data-theme=dark] .vdot-badge{border-color:#ffffff40;background:#ffffff0f}[data-theme=light] a{color:var(--acc)}[data-theme=dark] .sb-item.active{background:#ffffff0f}[data-theme=light] .sb-item.active{background:#7c1d2e12}[data-theme=dark] .bn-item.active{color:#e8e8e8}[data-theme=light] .bn-item.active{color:var(--acc)}[data-theme=dark] .finp:focus{border-color:#fff6}[data-theme=light] .finp:focus{border-color:var(--acc)}[data-theme=dark] .btn-primary{background:#f0f0f0;color:#1a1a1a}[data-theme=light] .btn-primary{background:var(--acc);color:#fff}[data-theme=dark] .sbar-f{background:#ffffffb3}[data-theme=light] .sbar-f{background:var(--acc)}[data-theme=dark] .sel-chip-on{background:var(--acc)!important;color:#1a1a1a!important;border-color:var(--acc)!important}[data-theme=light] .sel-chip-on{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}