*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#F25C1E;--ol:#FFF0E8;--cream:#FDFAF4;--ink:#1A1410;--ink2:#4A3F38;--ink3:#9A8E87;--surface:#fff;--border:rgba(26,20,16,.09);--border2:rgba(26,20,16,.16);--green:#1A9457;--greenbg:#E8F7F0;--red:#C93333;--redbg:#FBEAEA;--r:14px;--hdr-bg:#1A1410;--input-bg:#fff}[data-theme=night]{--orange:#FF7340;--ol:rgba(255,115,64,.15);--cream:#0D1117;--ink:#CDD9E5;--ink2:#768390;--ink3:#545D68;--surface:#1C2128;--border:rgba(205,217,229,.07);--border2:rgba(205,217,229,.13);--green:#3FB950;--greenbg:rgba(63,185,80,.1);--red:#F85149;--redbg:rgba(248,81,73,.1);--hdr-bg:#010409;--input-bg:#2D333B}[data-theme=ocean]{--orange:#0096C7;--ol:#CAF0F8;--cream:#F0F9FF;--ink:#03045E;--ink2:#023E8A;--ink3:#4895EF;--surface:#fff;--border:rgba(0,119,182,.09);--border2:rgba(0,119,182,.16);--green:#0A9396;--greenbg:#E0F7FA;--red:#C93333;--redbg:#FBEAEA;--hdr-bg:#03045E;--input-bg:#fff}[data-theme=trail]{--orange:#40916C;--ol:#D8F3DC;--cream:#F6FBF7;--ink:#1B4332;--ink2:#2D6A4F;--ink3:#74C69D;--surface:#fff;--border:rgba(27,67,50,.08);--border2:rgba(27,67,50,.16);--green:#40916C;--greenbg:#D8F3DC;--red:#C93333;--redbg:#FBEAEA;--hdr-bg:#1B4332;--input-bg:#fff}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--ink);min-height:100vh;-webkit-tap-highlight-color:transparent}.hdr{background:var(--hdr-bg);padding:0 20px}.hdr-in{max-width:960px;margin:0 auto;padding:28px 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.logo{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,11vw,84px);line-height:1;color:#fff;letter-spacing:.02em}.logo span{color:var(--orange)}.hstats{display:grid;grid-template-columns:repeat(4,auto);gap:20px 28px;padding-bottom:4px}.hstat-v{font-family:Bebas Neue,sans-serif;font-size:26px;color:#fff;line-height:1}.hstat-v em{color:var(--orange);font-style:normal;font-size:16px}.hstat-l{font-size:10px;color:#ffffff52;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.runner-selector{background:var(--surface);border-bottom:1px solid var(--border)}.runner-selector-in{max-width:960px;margin:0 auto;padding:0 20px;display:flex;gap:0;align-items:center;flex-wrap:wrap}.runner-tab{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:12px 18px;border:none;background:transparent;color:var(--ink3);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s;flex-shrink:0}.runner-tab:hover{color:var(--ink)}.runner-tab.active{color:var(--ink);border-bottom-color:var(--orange)}.compare-tab{margin-left:8px;padding-left:16px;border-left:1px solid var(--border)}.tiles{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.tile-v{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;color:var(--ink)}.tile-v em{color:var(--orange);font-style:normal;font-size:18px}.tile-l{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.09em;margin-top:4px}.main{max-width:960px;margin:0 auto;padding:28px 20px 80px}.srow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.stitle{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.05em;color:var(--ink)}.ctrls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pbtn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:5px 13px;border-radius:100px;border:1px solid var(--border2);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;touch-action:manipulation}.pbtn:hover{background:var(--ol);border-color:var(--orange);color:var(--orange)}.pbtn.on{background:var(--orange);border-color:var(--orange);color:#fff}.ugrp{display:flex;border:1px solid var(--border2);border-radius:100px;overflow:hidden}.ubtn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:5px 13px;border:none;background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;touch-action:manipulation}.ubtn.on{background:var(--ink);color:#fff}.vdiv{width:1px;height:22px;background:var(--border2);margin:0 4px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:16px}.chart-wrap{position:relative;height:300px}.chart-hint{font-size:11px;color:var(--ink3);text-align:center;margin-bottom:20px}.empty-state{text-align:center;padding:80px 20px;color:var(--ink3)}.empty-state p{font-size:14px}.race-panel{display:none;background:var(--ink);color:#fff;border-radius:var(--r);padding:16px 20px;margin-bottom:24px;animation:slideDown .2s ease}.race-panel.show{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rp-name{font-weight:600;font-size:14px;margin-bottom:4px}.rp-date{font-size:12px;color:#ffffff73}.rp-metrics{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap;align-items:center}.rp-m{text-align:center}.rp-mv{font-family:Bebas Neue,sans-serif;font-size:22px;line-height:1}.rp-ml{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.rp-delta{font-size:12px;font-weight:500;padding:3px 9px;border-radius:6px;white-space:nowrap}.rp-delta.faster{background:var(--greenbg);color:var(--green)}.rp-delta.slower{background:var(--redbg);color:var(--red)}.rp-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rp-close{background:#ffffff1f;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.rp-nav{display:flex;gap:6px}.rp-nb{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .1s}.rp-nb:hover:not(:disabled){background:#fff3}.rp-nb:disabled{opacity:.25;cursor:default}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:auto;max-height:540px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;z-index:2;padding:10px 14px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);background:var(--cream);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .1s}thead th:hover{color:var(--ink)}thead th.r{text-align:right}thead th .sa{margin-left:4px;opacity:.3;font-size:9px}thead th.sorted .sa{opacity:1;color:var(--orange)}tbody td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover td,tbody tr.active td{background:var(--ol)}tbody tr.active td:first-child{border-left:3px solid var(--orange);padding-left:11px}td.r{text-align:right}td.mono{font-variant-numeric:tabular-nums}td.muted{color:var(--ink3);font-size:12px}.ename{font-weight:500}.dbadge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.06em;padding:2px 7px;border-radius:5px;text-transform:uppercase}.d10{background:#f3f0ff;color:#5240b0}.dhalf{background:#ebf2ff;color:#1b59ac}.delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:6px;white-space:nowrap}.delta.faster{background:var(--greenbg);color:var(--green)}.delta.slower{background:var(--redbg);color:var(--red)}.delta.same{color:var(--ink3);font-weight:400}.delta.none{color:var(--ink3)}.log-cards{display:none;flex-direction:column;gap:10px}.lcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;transition:all .15s;border-left:3px solid transparent}.lcard.active{border-left-color:var(--orange);background:var(--ol)}.lcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.lcard-name{font-size:13px;font-weight:600;line-height:1.3}.lcard-date{font-size:11px;color:var(--ink3);margin-top:2px}.lcard-body{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:10px;border-top:1px solid var(--border)}.lm-l{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.lm-v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}tbody tr,.lcard{animation:fadeUp .3s ease both}.nav-links{display:flex;gap:12px;align-items:center}.nav-link{font-size:12px;font-weight:500;color:#ffffff8c;text-decoration:none;padding:6px 12px;border-radius:100px;transition:all .12s}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.primary{background:var(--orange);color:#fff;padding:6px 14px}.nav-link.primary:hover{background:#d94e13}.form-page{max-width:560px;margin:0 auto;padding:40px 20px 80px}.form-page h2{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.05em;margin-bottom:6px}.form-page .subtitle{font-size:13px;color:var(--ink3);margin-bottom:28px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border2);border-radius:9px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ink);background:var(--input-bg);outline:none;transition:border-color .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.field .hint{font-size:11px;color:var(--ink3);margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.btn-primary{width:100%;padding:12px;background:var(--orange);color:#fff;border:none;border-radius:9px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s;margin-top:4px}.btn-primary:hover{background:#d94e13}.btn-primary:disabled{opacity:.5;cursor:default}.success-msg{text-align:center;padding:40px 20px}.success-msg h3{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:.05em;margin-bottom:8px}.success-msg p{font-size:13px;color:var(--ink3)}.error-msg{background:var(--redbg);color:var(--red);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.back-link{display:inline-block;font-size:12px;font-weight:500;color:var(--ink3);text-decoration:none;padding:6px 0;margin-bottom:20px;transition:color .12s}.back-link:hover{color:var(--ink)}.admin-page{max-width:760px;margin:0 auto;padding:40px 20px 80px}.admin-page h2{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.05em;margin-bottom:6px}.admin-page .subtitle{font-size:13px;color:var(--ink3);margin-bottom:28px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px;max-width:360px}.submission-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;margin-bottom:12px}.submission-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.submission-name{font-size:14px;font-weight:600}.submission-runner{font-size:11px;color:var(--ink3);margin-top:2px}.submission-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.submission-meta span{display:flex;align-items:center;gap:4px}.submission-link a{font-size:12px;color:var(--orange);text-decoration:none;word-break:break-all}.submission-link a:hover{text-decoration:underline}.submission-actions{display:flex;gap:8px;margin-top:12px}.btn-approve{padding:7px 16px;background:var(--greenbg);color:var(--green);border:1px solid rgba(26,148,87,.2);border-radius:7px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.btn-approve:hover{background:#d0f0e2}.btn-reject{padding:7px 16px;background:var(--redbg);color:var(--red);border:1px solid rgba(201,51,51,.2);border-radius:7px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.btn-reject:hover{background:#f5d0d0}.btn-secondary{padding:7px 16px;background:transparent;color:var(--ink2);border:1px solid var(--border2);border-radius:7px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s}.btn-secondary:hover{background:var(--cream)}.badge-pending{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.06em;padding:2px 8px;border-radius:5px;text-transform:uppercase;background:#fff5e0;color:#b97300}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.05em}.add-runner-form{background:var(--cream);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-top:16px}.add-runner-form .field-row{grid-template-columns:1fr 1fr auto}.btn-sm{padding:10px 16px;background:var(--orange);color:#fff;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border)}.admin-tab{font-size:13px;font-weight:500;padding:10px 16px;border:none;background:transparent;color:var(--ink3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s}.admin-tab.active{color:var(--ink);border-bottom-color:var(--orange)}.logout-btn{font-size:12px;color:#ffffff73;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .12s}.logout-btn:hover{color:#fff;background:#ffffff1a}.loading{text-align:center;padding:60px 20px;color:var(--ink3);font-size:14px}.compare-pickers{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.compare-picker{flex:1;min-width:160px}.compare-picker-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.compare-select{width:100%;padding:10px 12px;border:1px solid var(--border2);border-radius:9px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ink);background:var(--input-bg);outline:none;cursor:pointer;transition:border-color .12s}.compare-select:focus{border-color:var(--orange)}.compare-vs{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--ink3);padding-top:20px;flex-shrink:0}.compare-winner{font-weight:600}.stats-bar{display:flex;gap:10px;margin-bottom:24px}.stat-card{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px}.stat-val{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;color:var(--ink)}.stat-val em{color:var(--orange);font-style:normal;font-size:16px}.stat-lbl{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.1em;margin-top:5px}.stat-form .stat-val{font-family:DM Sans,sans-serif;font-size:22px;font-weight:700}.stat-form.form-improving{border-color:var(--green)}.stat-form.form-improving .stat-val{color:var(--green)}.stat-form.form-declining{border-color:var(--red)}.stat-form.form-declining .stat-val{color:var(--red)}.stat-form.form-steady .stat-val{color:var(--ink3)}.pr-section{margin-bottom:28px}.pr-cards{display:flex;gap:12px;flex-wrap:wrap}.pr-card{flex:1;min-width:160px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:var(--r);padding:16px 18px}.pr-card-dist{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}.pr-card-time{font-family:Bebas Neue,sans-serif;font-size:34px;line-height:1;color:var(--ink);margin-bottom:2px}.pr-card-pace{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:10px}.pr-card-pace span{font-weight:400;color:var(--ink3)}.pr-card-event{font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-card-date{font-size:11px;color:var(--ink3);margin-top:2px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.filter-group{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.filter-pill{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;border-radius:100px;border:1px solid var(--border2);background:transparent;color:var(--ink2);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:5px}.filter-pill:hover{background:var(--ol);border-color:var(--orange);color:var(--orange)}.filter-pill.on{background:var(--orange);border-color:var(--orange);color:#fff}.filter-count{font-size:10px;opacity:.7}.filter-div{width:1px;height:18px;background:var(--border2);margin:0 4px;flex-shrink:0;align-self:center}.filter-context{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink2);margin-bottom:16px;padding:8px 12px;background:var(--ol);border-radius:8px;flex-wrap:wrap}.filter-clear{margin-left:auto;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:var(--orange);background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .12s}.filter-clear:hover{opacity:.7}.log-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.search-input{padding:5px 14px;border:1px solid var(--border2);border-radius:100px;font-family:DM Sans,sans-serif;font-size:12px;color:var(--ink);background:var(--input-bg);outline:none;transition:border-color .12s;width:180px}.search-input::placeholder{color:var(--ink3)}.search-input:focus{border-color:var(--orange)}.pr-star{color:var(--orange);font-size:12px;margin-right:5px}.search-mark{background:var(--ol);color:var(--orange);border-radius:2px;padding:0 1px;font-style:normal}.d5k{background:#e8f5e9;color:#2e7d32}.d15k{background:#fce4ec;color:#880e4f}.dfull{background:#fff8e1;color:#e65100}.theme-selector{display:flex;gap:5px;align-items:center;padding:6px 0;flex-shrink:0}.theme-swatch{width:13px;height:13px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;padding:0;flex-shrink:0;outline:none}.theme-swatch:hover{transform:scale(1.25)}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff59}@media(max-width:640px){.hdr-in{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:0}.hstats{display:none}.tiles{display:grid}.tbl-wrap{display:none}.log-cards{display:flex}.chart-card{padding:14px}.chart-wrap{height:240px}.tbl-wrap{max-height:400px}.main{padding:20px 16px 80px}.field-row,.add-runner-form .field-row{grid-template-columns:1fr}.stats-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-form{grid-column:1 / -1}.pr-cards{flex-direction:column}.pr-card{min-width:0}.filter-bar{padding:8px 12px}.log-header{flex-direction:column;align-items:flex-start;gap:8px}.search-input{width:100%}}@media(min-width:480px)and (max-width:640px){.pr-cards{flex-direction:row}.pr-card{min-width:calc(50% - 6px)}}@media(min-width:641px){.tiles{display:none}}