:root{--ink:#17201d;--muted:#6f7772;--paper:#f4f3ef;--card:#fff;--line:#dedfd9;--green:#173e35;--mint:#b8e9cb;--orange:#ef5b32;--soft:#e9ede8}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:78px;padding:0 max(4vw,28px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(244,243,239,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font:800 23px "Manrope";letter-spacing:-1px}.brand.large{font-size:29px}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:24px}.brand-mark i{display:block;width:5px;border-radius:5px;background:var(--green);transform:skew(-8deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:24px;background:var(--orange)}.brand-mark i:nth-child(3){height:17px}.topbar nav{display:flex;gap:34px;margin-left:8vw;height:100%}.topbar nav a{display:flex;align-items:center;color:var(--muted);font-weight:600;position:relative}.topbar nav a.active{color:var(--ink)}.topbar nav a.active:after{content:"";height:3px;background:var(--orange);position:absolute;left:0;right:0;bottom:0}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px}.user-menu form{margin:0}.connect-link{margin-right:18px;font-weight:600}.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;font-weight:700}.text-button{border:0;background:none;color:var(--muted);cursor:pointer}.username{font-weight:600}main{max-width:1440px;margin:auto;padding:54px max(4vw,28px) 80px}.auth-main{max-width:none;padding:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-head h1{font:800 clamp(34px,4vw,54px) "Manrope";letter-spacing:-2.4px;margin:6px 0}.page-head p{color:var(--muted);font-size:17px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:var(--orange)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:13px 19px;font-weight:700;cursor:pointer}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--line);background:#fff}.full{width:100%;justify-content:space-between}.flash{max-width:620px;margin:0 auto 18px;padding:13px 16px;background:#fff1dd;border:1px solid #e7cda3;border-radius:5px}.flash.error{background:#fee9e4;border-color:#efb9aa}.demo-note{padding:14px 18px;background:#edf7ef;border-left:4px solid #5ca97c;margin-bottom:22px;color:#42634e}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:var(--card);padding:23px;border:1px solid var(--line);min-height:150px;display:flex;flex-direction:column}.stat-card.accent{background:var(--green);color:white;border-color:var(--green)}.stat-card>span{font-size:13px;color:var(--muted);font-weight:600}.stat-card.accent>span,.stat-card.accent small{color:#bad0c8}.stat-card strong{font:800 38px "Manrope";margin:auto 0 4px;letter-spacing:-1.7px}.stat-card strong i{font:600 17px "DM Sans";font-style:normal}.stat-card small{color:var(--muted)}.dashboard-grid,.report-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}.panel{background:var(--card);border:1px solid var(--line);padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h2,.login-card h2,.connection-card h2{font:800 24px "Manrope";letter-spacing:-.8px;margin:5px 0}.legend{font-size:12px;color:var(--muted)}.legend i{width:8px;height:8px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:5px}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:9%;padding:28px 18px 0;border-bottom:1px solid var(--line)}.bar-item{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.bar{width:100%;max-width:48px;background:var(--green);border-radius:3px 3px 0 0}.bar-item:nth-last-child(-n+2) .bar{background:var(--orange)}.bar-item small{padding:9px 0;color:var(--muted)}.bar-value{font-size:10px;color:var(--muted);margin-bottom:5px}.activity-list{margin-top:12px}.activity-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.sport-icon{flex:0 0 39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e4efe9;color:var(--green);font-weight:800}.sport-icon.ride{background:#fff0e8;color:#bd4a2c}.sport-icon.workout{background:#eee9f8;color:#674b93}.activity-main{display:flex;flex-direction:column;min-width:0}.activity-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-main small,.activity-cell small{color:var(--muted);margin-top:3px}.activity-metric{margin-left:auto;text-align:right}.activity-metric small{color:var(--muted);margin-left:3px}.filter-bar{display:grid;grid-template-columns:minmax(230px,1fr) 190px 190px auto;gap:10px;margin-bottom:20px}.filter-bar input,.filter-bar select,.login-card input{width:100%;border:1px solid var(--line);background:#fff;padding:13px 14px;outline:none}.filter-bar input:focus,.filter-bar select:focus,.login-card input:focus{border-color:var(--green)}.search-field{position:relative}.search-field span{position:absolute;left:14px;top:9px;font-size:24px;color:var(--muted)}.search-field input{padding-left:43px}.result-summary{display:flex;gap:24px;margin:12px 0;color:var(--muted)}.result-summary strong{color:var(--ink)}.activity-table{padding:0}.table-head,.table-row{display:grid;grid-template-columns:2.3fr .7fr .8fr .9fr .7fr .6fr;align-items:center;gap:18px;padding:15px 20px}.table-head{background:#eef0ec;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:var(--muted);font-weight:700}.table-row{border-top:1px solid var(--line);font-size:14px}.activity-cell{display:flex;align-items:center;gap:12px}.activity-cell>div{display:flex;flex-direction:column}.empty{padding:50px;text-align:center;color:var(--muted)}.record-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.record-row>span{font:700 12px "Manrope";color:var(--orange)}.record-row div{display:flex;flex-direction:column}.record-row small{color:var(--muted);margin-top:3px}.record-row b{font:800 24px "Manrope"}.method-note{font-size:12px;color:var(--muted);line-height:1.5;margin:17px 0 0}.sport-breakdown{display:grid;gap:22px;margin-top:25px}.breakdown-label{display:flex;justify-content:space-between;margin-bottom:8px}.breakdown-label span{color:var(--muted);font-size:13px}.track{height:8px;background:var(--soft);overflow:hidden}.track i{height:100%;display:block;background:var(--green)}.sport-breakdown>div:nth-child(2) .track i{background:var(--orange)}.annual{margin-top:16px}.month-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:22px}.month-grid div{background:var(--soft);padding:16px 8px;text-align:center;display:flex;flex-direction:column}.month-grid strong{font:800 20px "Manrope"}.month-grid span,.month-grid small{font-size:10px;color:var(--muted)}.month-grid small{text-transform:uppercase;margin-top:14px;font-weight:700}.connection-card{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:24px;padding:30px}.strava-logo{background:var(--orange);color:#fff;width:78px;height:78px;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:1px}.connection-card p{color:var(--muted);margin:5px 0}.strava-button{background:var(--orange);border:0;color:#fff;padding:14px 22px;font-weight:700}.coming{background:var(--soft);color:var(--muted);padding:11px 16px;font-weight:700;font-size:13px}.connection-info{margin-top:35px}.connection-info h2{font:800 22px "Manrope"}.connection-info div{display:grid;grid-template-columns:1fr 1fr;gap:14px;color:var(--muted)}.changelog-list{max-width:820px}.changelog-entry{margin-bottom:15px}.version-pill{background:var(--green);color:#fff;font-weight:700;font-size:12px;padding:5px 9px}.changelog-entry ul{padding-left:20px;color:var(--muted);line-height:1.7}.login-shell{min-height:calc(100vh - 45px);display:grid;grid-template-columns:1.15fr .85fr}.login-story{background:var(--green);color:#fff;padding:7vh 8vw;position:relative;overflow:hidden}.login-story .brand-mark i{background:var(--mint)}.login-story .brand-mark i:nth-child(2){background:var(--orange)}.login-story h1{font:800 clamp(54px,6.3vw,104px)/.98 "Manrope";letter-spacing:-5px;margin:16vh 0 30px;position:relative;z-index:2}.login-story h1 em{color:var(--mint);font-style:normal}.login-story p{font-size:19px;color:#b8c9c3;line-height:1.6;max-width:520px;position:relative;z-index:2}.pulse-art{position:absolute;right:-80px;bottom:0;width:65%;height:55%;opacity:.12;display:flex;align-items:flex-end;gap:17px;transform:skew(-12deg)}.pulse-art span{width:13%;background:var(--mint)}.pulse-art span:nth-child(1){height:20%}.pulse-art span:nth-child(2){height:55%}.pulse-art span:nth-child(3){height:100%}.pulse-art span:nth-child(4){height:68%}.pulse-art span:nth-child(5){height:35%}.login-card{padding:12vh 9vw;background:var(--paper);display:flex;justify-content:center;flex-direction:column}.login-card h2{font-size:42px;margin-top:10px}.login-card>p{color:var(--muted);margin:0 0 35px}.login-card form{display:grid;gap:20px}.login-card label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-card .primary{margin-top:5px;padding:15px 18px}.login-card small{color:var(--muted);line-height:1.5;margin-top:24px}footer{padding:14px max(4vw,28px);border-top:1px solid var(--line);display:flex;gap:18px;color:var(--muted);font-size:12px}footer a{text-decoration:underline}
@media(max-width:900px){.topbar nav{display:none}.connect-link,.username{display:none}main{padding-top:32px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.report-grid{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>span,.table-row>strong{padding-left:51px}.filter-bar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.month-grid{grid-template-columns:repeat(6,1fr)}.login-shell{grid-template-columns:1fr}.login-story{min-height:42vh;padding:45px 8vw}.login-story h1{font-size:50px;letter-spacing:-3px;margin:8vh 0 20px}.login-card{padding:60px 8vw}.connection-card{grid-template-columns:70px 1fr}.connection-card>*:last-child{grid-column:1/-1}.connection-info div{grid-template-columns:1fr}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:18px;flex-direction:column}.page-head h1{font-size:40px}.filter-bar{grid-template-columns:1fr}.search-field{grid-column:auto}.table-row{grid-template-columns:1fr}.table-row>span,.table-row>strong{display:none}.month-grid{grid-template-columns:repeat(4,1fr)}.result-summary{font-size:13px}.bar-chart{gap:5%}.login-story h1{font-size:42px}.login-story p{font-size:16px}}