:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172c29;background:#f5f6f0;color-scheme:light;--muted:#576b65;--line:#d8dfd5;--accent:#c5f06b}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:28px 42px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:25px;letter-spacing:-1.5px;color:inherit;text-decoration:none}.brand span{color:#548421}#profile{display:flex;align-items:center;gap:14px}#avatar{border-radius:50%}[hidden]{display:none!important}main{min-height:75vh;padding-top:54px}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;line-height:1.05;margin:8px 0 26px}h2{font-size:19px;letter-spacing:-.4px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--muted);margin:0 0 18px}#welcome{padding:40px 0 80px;background:radial-gradient(ellipse at right center,#daebba 0,transparent 60%)}#welcome h1{font-size:clamp(54px,7vw,88px)}.intro{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:30px}.privacy,footer{font-size:13px;color:var(--muted)}button,select{font:inherit;border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:var(--accent);color:#172c29;cursor:pointer;font-weight:650}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #698b24;outline-offset:4px}.quiet,select{background:transparent}.section-top,.table-header,.actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.actions label{font-size:13px;color:var(--muted)}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0 40px}.metric{padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:13px}.metric:first-child{background:#dcefbc}.metric strong{font-size:34px;font-weight:650;letter-spacing:-1px;display:block}.metric span{font-size:13px;color:var(--muted);display:block;margin-top:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:15px 12px}td{border-top:1px solid var(--line);padding:20px 12px;font-variant-numeric:tabular-nums}td button{padding:0;background:transparent;border:0;text-align:left;text-decoration:underline;text-underline-offset:5px}#scope{font-size:12px;color:var(--muted)}#message:not(:empty){padding:16px 20px;margin:0 0 25px;border:1px solid var(--line);border-radius:8px;background:#fff}#more{margin-top:24px}#back{margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}dt{color:var(--muted)}dd{margin:0}#route-note{color:var(--muted);font-size:14px;line-height:1.6}footer{border-top:1px solid var(--line);display:flex;gap:10px;padding-bottom:35px}@media(max-width:650px){header,main,footer{padding:24px 20px}.totals{gap:8px}.metric{padding:17px 12px}.metric strong{font-size:25px}.section-top{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr;gap:20px}#profile{gap:8px;font-size:12px}#profile button{padding:8px}td{padding:17px 10px}h1{letter-spacing:-1px}}

/* Keep the identity control compact, including when third-party sizing is unavailable. */
#google-button{width:260px;max-width:100%;min-height:40px}#google-button svg{width:20px;height:20px}

#route-panel{margin:0 0 32px}#route-map,.route-surface{height:420px;border:1px solid var(--line);border-radius:4px;background:#eef3ef;isolation:isolate}.route-graphic{display:block;width:100%;height:100%}#route-status,.map-legend{font-size:14px;color:var(--muted);line-height:1.5}.map-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.route-start{color:#6b922a}.route-end{color:#205e50}@media(max-width:650px){#route-map,.route-surface{height:320px}}

.actions { flex-wrap: wrap; }
#coaching-panel{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}#coaching-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-width:70ch}#coaching-state{color:var(--muted);font-size:14px;line-height:1.5}#coaching-audio{width:min(100%,440px)}

.selection-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end;margin-bottom:12px;font-size:13px;color:var(--muted)}input[type=checkbox]{width:20px;height:20px;accent-color:#548421;cursor:pointer}.danger{background:#a52c32;color:#fff;border-color:#a52c32}.danger.quiet{background:transparent;color:#98252b}dialog{max-width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:28px;background:#f5f6f0;color:#172c29}dialog::backdrop{background:#172c2970}dialog p,dialog li{line-height:1.5}dialog ul{max-height:30vh;overflow:auto;padding-left:22px}input:focus-visible{outline:3px solid #698b24;outline-offset:4px}
#achievement-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}#achievement-list li{padding:24px;border:1px solid var(--line);border-left:5px solid #a1ce4b;border-radius:12px;background:#fff}#achievement-list strong{font-size:1.15rem}#achievement-list p{margin-bottom:0;font-size:.9rem}

#run-photo { display:block; max-width:100%; max-height:75vh; margin:1rem 0; }
#run-photo[hidden] { display:none; }
#publication-panel{margin:24px 0;padding-top:16px;border-top:1px solid var(--line)}#publication-panel .actions{display:flex;gap:12px;flex-wrap:wrap}#publication-state{min-height:1.5em}.photo-visibility{display:flex;align-items:center;gap:10px;margin:18px 0}#public-run{overflow-wrap:anywhere}#photo[hidden]{display:none}
