:root{--bg:#f2f5f1;--surface:#fff;--soft:#f7f9f6;--ink:#1b251f;--muted:#6d786f;--line:#dce3dd;--green:#18794e;--deep:#173a2b;--pale:#e2f2e9;--orange:#d9653b;--blue:#2d638d;--danger:#b5443d;--shadow:0 8px 24px rgba(27,51,38,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sport-boot,#sportParticles,.sport-scanlines,.sport-glow,.sport-style-panel{display:none!important}
.sport-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:224px;display:flex;flex-direction:column;padding:26px 16px 18px;color:#eef6f0;background:var(--deep)}
.sport-brand{display:flex;align-items:center;gap:12px;padding:2px 8px 28px}.sport-brand>span{width:42px;height:42px;display:grid;place-items:center;flex:none;color:var(--deep);background:#cde7d5;border-radius:8px;font-size:14px;font-weight:900}.sport-brand div{display:flex;min-width:0;flex-direction:column}.sport-brand strong{font-size:18px}.sport-brand small{color:#a9beb0;font-size:10px;font-weight:700}
#sportNav{display:flex;flex-direction:column;gap:5px}#sportNav button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 13px;border:0;border-radius:7px;color:#c8d6cc;background:transparent;text-align:left;transition:.16s}#sportNav button:hover{color:#fff;background:rgba(255,255,255,.07)}#sportNav button.active{color:var(--deep);background:#d4eadb;font-weight:800}#sportNav i{width:20px;font-style:normal;font-size:19px;text-align:center}#sportNav span{font-size:14px}
.sport-side-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.12)}.sport-side-foot>a{display:block;margin-top:14px;color:#b8c9bd;font-size:12px}.sync-status{display:flex;align-items:center;gap:8px;color:#b8c9bd;font-size:11px}.sync-status i{width:8px;height:8px;border-radius:50%;background:#93a49a}.sync-status.synced i{background:#68d391}.sync-status.saving i{background:#f0b866}.sync-status.error i{background:#ef7972}
.sport-shell{min-height:100vh;margin-left:224px}.sport-topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;gap:18px;padding:0 clamp(22px,3vw,44px);border-bottom:1px solid rgba(220,227,221,.9);background:rgba(242,245,241,.95);backdrop-filter:blur(12px)}.sport-menu{display:none}.sport-heading p{margin:0;color:var(--green);font-size:10px;font-weight:900}.sport-heading h1{margin:1px 0 0;font-size:21px}.sport-user{margin-left:auto;display:flex;align-items:center;gap:14px}.sport-user>span{color:var(--muted);font-size:13px}.sport-user>div{display:flex;min-width:72px;flex-direction:column;align-items:flex-end}.sport-user strong{font-size:13px}.sport-user small{color:var(--green);font-size:10px}.sport-user>button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:12px}
.sport-main{width:min(100%,1440px);margin:auto;padding:32px clamp(22px,3vw,44px) 70px}.sport-view{display:none}.sport-view.active{display:block}.sport-kicker{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:900}
.overview-hero{min-height:228px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 40px;border-left:5px solid var(--green);background:#e7efe9}.overview-hero>div:first-child{max-width:720px}.overview-hero h2{margin:0 0 10px;font-size:34px;line-height:1.2}.overview-hero p:not(.sport-kicker){max-width:610px;margin:0;color:#526158;font-size:15px}.sport-primary{min-height:42px;margin-top:22px;padding:0 18px;border:1px solid var(--green);border-radius:6px;color:#fff;background:var(--green);font-weight:800;font-size:13px}.sport-primary:hover{background:#11653f}
.goal-orbit{--goal:0;position:relative;width:140px;height:140px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--goal)*1%),#cdd9d0 0)}.goal-orbit:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#e7efe9}.goal-orbit>div{position:relative;display:flex;flex-direction:column;align-items:center}.goal-orbit strong{font-size:29px}.goal-orbit span{color:var(--muted);font-size:11px}
.quick-start{display:flex;align-items:center;gap:8px;min-height:58px;padding:10px 14px;margin-top:12px;border:1px solid var(--line);background:#fff}.quick-start>span{margin-right:4px;color:var(--muted);font-size:12px;font-weight:800}.quick-start button{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:6px;color:#34443a;background:var(--soft);font-size:12px}.quick-start button:hover{color:var(--green);border-color:#9ec7ad;background:var(--pale)}
.sport-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.sport-stats article{min-height:100px;padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}.sport-stats span{display:block;color:var(--muted);font-size:12px}.sport-stats strong{display:inline-block;margin-top:7px;font-size:27px;line-height:1}.sport-stats small{margin-left:5px;color:#889188;font-size:11px}
.overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.sport-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.week-chart-card{grid-column:span 7;padding:22px}.today-card{grid-column:span 5;padding:22px}.calendar-card{grid-column:span 7;padding:22px}.recent-card{grid-column:span 5;padding:22px}.today-plan-card{grid-column:span 5;padding:22px}.best-card{grid-column:span 7;padding:22px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-head span{display:block;color:var(--green);font-size:10px;font-weight:900}.card-head h3{margin:3px 0 0;font-size:17px}.card-head>b{padding:5px 9px;border-radius:5px;color:var(--green);background:var(--pale);font-size:11px}.card-head button{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#fff;font-size:11px}
.week-chart{height:190px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding:12px 4px 0;border-bottom:1px solid var(--line)}.day-bar{height:100%;display:grid;grid-template-rows:24px 1fr 28px;align-items:end;text-align:center}.day-bar b{color:#78827a;font-size:10px}.day-bar i{width:min(30px,70%);height:var(--bar);min-height:4px;max-height:125px;justify-self:center;border-radius:4px 4px 0 0;background:#9ab8a4}.day-bar.today i{background:var(--green)}.day-bar span{align-self:center;color:var(--muted);font-size:11px}.chart-legend{display:none}
.today-content{display:flex;align-items:center;justify-content:center;gap:30px;padding:8px 0}.today-ring{--today:0;position:relative;width:126px;height:126px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--today)*1%),#e5ebe6 0)}.today-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.today-ring strong,.today-ring small{position:relative}.today-ring strong{font-size:30px}.today-ring small{margin-top:36px;margin-left:-35px;color:var(--muted);font-size:10px}.today-breakdown{min-width:130px;display:flex;flex-direction:column;gap:11px}.today-breakdown span{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid #edf0ed;color:var(--muted);font-size:12px}.today-breakdown b{color:var(--ink)}
.recent-list,.today-plan-list{display:flex;flex-direction:column}.recent-item,.today-plan-item{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 0;border:0;border-bottom:1px solid #edf0ed;background:transparent;text-align:left}.activity-mark{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;border-radius:7px;color:var(--deep);background:var(--pale);font-size:12px;font-style:normal;font-weight:900}.recent-item>div,.today-plan-item>div{min-width:0;display:flex;flex:1;flex-direction:column}.recent-item strong,.today-plan-item strong{font-size:13px}.recent-item small,.today-plan-item small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-item>b{font-size:12px}.today-plan-item>button{height:30px;padding:0 10px;border:1px solid #9fc5ad;border-radius:5px;color:var(--green);background:#fff;font-size:11px}.today-plan-item.done{opacity:.62}.today-plan-item.done strong{text-decoration:line-through}.empty-state{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state strong{font-size:13px}.empty-state small{margin-top:5px;color:var(--muted);font-size:11px}
.calendar-actions{display:flex;gap:5px}.calendar-week,.activity-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-week span{padding:4px 0;color:#8b948d;font-size:10px;text-align:center}.calendar-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:5px;color:#687269;background:#f5f7f5;font-size:11px}.calendar-cell.empty{visibility:hidden}.calendar-cell.level-1{background:#e3f1e8}.calendar-cell.level-2{background:#bcdcc8}.calendar-cell.level-3{color:#fff;background:#67a982}.calendar-cell.level-4{color:#fff;background:var(--green)}.calendar-cell.today{border-color:var(--orange);font-weight:900}.calendar-cell i{position:absolute;right:4px;bottom:4px;width:3px;height:3px;border-radius:50%;background:currentColor}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:11px;color:var(--muted);font-size:9px}.heat-legend i{width:12px;height:12px;border-radius:3px;background:#e3f1e8}.heat-legend i:nth-of-type(2){background:#bcdcc8}.heat-legend i:nth-of-type(3){background:#67a982}.heat-legend i:nth-of-type(4){background:var(--green)}
.best-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.best-grid>div{min-width:0;padding:16px 14px;border-radius:7px;background:var(--soft)}.best-grid span{display:block;color:var(--muted);font-size:10px}.best-grid strong{display:block;margin-top:7px;font-size:17px;white-space:nowrap}
.view-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.view-intro h2{margin:0;font-size:28px}.view-intro p:not(.sport-kicker){max-width:650px;margin:7px 0 0;color:var(--muted);font-size:13px}.save-mode{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:11px;white-space:nowrap}.save-mode i,.data-mode-box>i{width:8px;height:8px;border-radius:50%;background:var(--green)}
.checkin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.checkin-form-card{overflow:hidden}.quick-templates{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.quick-templates button{min-height:78px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff}.quick-templates button:hover{border-color:#99bfa7;background:var(--pale)}.quick-templates i{font-size:15px;font-style:normal}.quick-templates strong{font-size:12px}.quick-templates small{color:var(--muted);font-size:10px}.checkin-form-card>.card-head{padding:22px 24px 0}.checkin-form-card>.card-head+.quick-templates{margin:0 24px 20px}
.form-section{padding:19px 24px;border-top:1px solid #edf0ed}.form-label{display:block;margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:800}.type-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.type-picker button{height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff}.type-picker button.active{color:var(--green);border-color:#76aa8a;background:var(--pale)}.type-picker i{font-size:15px;font-style:normal}.type-picker span{font-size:11px}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 24px;border-top:1px solid #edf0ed}.form-grid label,.goal-settings label,.plan-editor label,.notes-label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}input,select,textarea{width:100%;border:1px solid #cfd8d1;border-radius:6px;color:var(--ink);outline:0;background:#fff}input,select{height:42px;padding:0 11px}textarea{min-height:96px;padding:11px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(24,121,78,.1)}
.segment,.feeling-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:7px;background:#eef2ee}.segment button,.feeling-picker button{height:35px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:11px}.segment button.active,.feeling-picker button.active{color:var(--deep);background:#fff;box-shadow:0 1px 4px rgba(27,51,38,.1);font-weight:800}.feeling-picker{grid-template-columns:repeat(4,1fr)}.feeling-picker span{margin-left:4px}.notes-label{padding:20px 24px;border-top:1px solid #edf0ed}
.estimate-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 24px;background:#f6f8f6}.estimate-panel>div{padding:13px;border-left:3px solid #adcdb9;background:#fff}.estimate-panel span{display:block;color:var(--muted);font-size:10px}.estimate-panel strong{display:block;margin:4px 0;font-size:17px}.estimate-panel small{display:block;color:#939c95;font-size:9px}.form-actions{display:flex;gap:10px;padding:18px 24px 24px}.submit-workout{height:48px;flex:1;border:0;border-radius:6px;color:#fff;background:var(--green);font-weight:900}.cancel-edit{height:48px;padding:0 18px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff}
.checkin-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:94px}.stopwatch-card,.checkin-tip{padding:20px}.stopwatch-card>strong{display:block;margin:28px 0;font-size:36px;text-align:center}.stopwatch-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stopwatch-actions button,.use-time{height:38px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;font-size:11px}.stopwatch-actions button:first-child{color:#fff;border-color:var(--green);background:var(--green)}.stopwatch-actions button:disabled{opacity:.45}.lap-list{max-height:160px;overflow:auto;margin:13px 0;color:var(--muted);font-size:10px}.lap-list>span{display:block;padding:10px;text-align:center}.lap-list>div{display:flex;justify-content:space-between;padding:6px;border-bottom:1px solid #edf0ed}.use-time{width:100%;color:var(--green);border-color:#a8c9b4;background:var(--pale)}.checkin-tip{border-left:4px solid var(--orange);box-shadow:none}.checkin-tip>span{color:var(--orange);font-size:10px;font-weight:900}.checkin-tip h3{margin:5px 0 8px}.checkin-tip p{margin:0;color:var(--muted);font-size:12px}
.plan-progress{min-width:190px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#fff}.plan-progress>span{display:block;color:var(--muted);font-size:10px}.plan-progress strong{font-size:17px}.plan-progress>i{display:block;height:5px;margin-top:8px;overflow:hidden;border-radius:3px;background:#e6ece7}.plan-progress b{display:block;height:100%;width:0;background:var(--green)}.plan-editor{padding:20px;margin-bottom:16px;box-shadow:none}.plan-editor form{display:grid;grid-template-columns:150px minmax(200px,1fr) 150px 130px auto;gap:10px;align-items:end}.plan-editor form>button,.goal-settings form>button{height:42px;padding:0 16px;border:0;border-radius:6px;color:#fff;background:var(--green);font-weight:800;font-size:12px}
.weekly-plan{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.plan-day{min-height:240px;border:1px solid var(--line);border-radius:8px;background:#fff}.plan-day.today{border-top:3px solid var(--orange)}.plan-day-head{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #edf0ed}.plan-day-head strong{font-size:12px}.plan-day-head small{color:var(--muted);font-size:9px}.plan-items{padding:8px}.plan-empty{padding:34px 4px;color:#9ca59e;font-size:10px;text-align:center}.plan-item{padding:10px;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;background:#fbfcfb}.plan-item.done{opacity:.58}.plan-item.done strong{text-decoration:line-through}.plan-item-head{display:flex;justify-content:space-between;gap:5px}.plan-item-head strong{display:flex;align-items:center;gap:6px;font-size:11px}.plan-item-head .activity-mark{width:24px;height:24px;font-size:9px}.plan-item-head .complete{width:26px;height:26px;border:0;border-radius:5px;color:var(--green);background:var(--pale)}.plan-item p{margin:8px 0;color:var(--muted);font-size:9px}.plan-item-actions{display:flex;gap:5px}.plan-item-actions button{height:28px;flex:1;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:9px}.plan-item-actions .checkin{color:var(--green)}.plan-item-actions .delete{color:var(--danger)}
.record-actions{display:flex;gap:7px}.record-actions button{height:38px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px}.record-panel{padding:20px}.record-filters{display:grid;grid-template-columns:170px 170px minmax(220px,1fr) auto;gap:9px;margin-bottom:14px}.record-filters button{height:42px;padding:0 14px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;font-size:11px}.record-summary{display:flex;gap:22px;padding:12px 14px;margin-bottom:4px;border-radius:6px;background:var(--soft);color:var(--muted);font-size:11px}.record-summary b{color:var(--ink)}.record-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;padding:18px 4px;border-bottom:1px solid #e8ece9}.record-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.record-date strong{font-size:22px}.record-date small{color:var(--muted);font-size:9px}.record-main{min-width:0}.record-main h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.record-main h4 .activity-mark{width:28px;height:28px;font-size:9px}.record-main p{overflow:hidden;margin:7px 0;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.record-metrics{display:flex;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:10px}.record-metrics b{color:var(--ink)}.record-buttons{display:flex;align-items:center;gap:5px}.record-buttons button{height:31px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:9px}.record-buttons .edit{color:var(--blue)}.record-buttons .repeat{color:var(--green)}.record-buttons .delete{color:var(--danger)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid>.sport-card{padding:22px}.achievement-card{grid-column:1/-1}.goal-settings form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.goal-settings form>button{grid-column:1/-1}.goal-settings>p{margin:12px 0 0;color:var(--muted);font-size:10px}.data-mode-box{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:10px;border-radius:7px;background:var(--pale)}.data-mode-box>div{display:flex;flex-direction:column}.data-mode-box strong{font-size:12px}.data-mode-box small{color:var(--muted);font-size:10px}.tool-buttons{display:grid;gap:7px}.tool-buttons button,.tool-buttons label{min-height:54px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;text-align:left}.tool-buttons>*>span{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:var(--soft);font-weight:900}.tool-buttons>*>div{display:flex;flex-direction:column}.tool-buttons strong{font-size:11px}.tool-buttons small{color:var(--muted);font-size:9px}.tool-buttons label{cursor:pointer}.tool-buttons input{display:none}.tool-buttons .danger{color:var(--danger)}.sport-achievements{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.sport-achievements>div{min-height:115px;display:flex;flex-direction:column;padding:13px;border:1px solid var(--line);border-radius:7px;opacity:.46;background:var(--soft)}.sport-achievements>div.unlocked{opacity:1;border-color:#9cc3aa;background:var(--pale)}.sport-achievements i{color:var(--green);font-size:16px;font-style:normal;font-weight:900}.sport-achievements strong{margin-top:auto;font-size:11px}.sport-achievements small{color:var(--muted);font-size:9px}
.sport-toast{position:fixed;right:22px;bottom:22px;z-index:80;max-width:320px;padding:11px 15px;border-radius:6px;color:#fff;background:var(--deep);box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.sport-toast.show{opacity:1;transform:none}.confirm-modal{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:20px;background:rgba(14,25,18,.58)}.confirm-modal.open{display:grid}.confirm-modal>div{width:min(100%,390px);padding:24px;border-radius:8px;background:#fff}.confirm-modal>div>span{color:var(--orange);font-size:10px;font-weight:900}.confirm-modal h3{margin:5px 0 8px}.confirm-modal p{margin:0;color:var(--muted);font-size:12px}.confirm-modal>div>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.confirm-modal button{height:38px;padding:0 15px;border:1px solid var(--line);border-radius:6px;background:#fff}.confirm-modal #confirmOk{color:#fff;border-color:var(--danger);background:var(--danger)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(45,99,141,.28);outline-offset:2px}
@media(max-width:1180px){.sport-stats{grid-template-columns:repeat(3,1fr)}.quick-templates{grid-template-columns:repeat(3,1fr)}.type-picker{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.weekly-plan{grid-template-columns:repeat(4,minmax(170px,1fr))}.sport-achievements{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{padding-bottom:72px}.sport-sidebar{inset:auto 0 0;width:100%;height:72px;padding:6px 8px}.sport-brand,.sport-side-foot{display:none}#sportNav{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}#sportNav button{min-height:58px;flex-direction:column;justify-content:center;gap:2px;padding:4px;text-align:center}#sportNav i{height:23px;font-size:17px}#sportNav span{font-size:10px}.sport-shell{margin-left:0}.sport-main{padding-top:22px;padding-bottom:36px}.checkin-layout{grid-template-columns:1fr}.checkin-side{position:static;display:grid;grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:repeat(2,1fr)}.week-chart-card,.today-card,.calendar-card,.recent-card,.today-plan-card,.best-card{grid-column:span 1}.week-chart-card,.calendar-card,.best-card{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.achievement-card{grid-column:auto}.plan-editor form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sport-topbar{height:64px;padding:0 15px}.sport-heading p{display:none}.sport-heading h1{font-size:18px}.sport-user{gap:8px}.sport-user>span,.sport-user small{display:none}.sport-user>div{min-width:0}.sport-user>button{height:32px;padding:0 10px}.sport-main{padding:16px 12px 28px}.overview-hero{min-height:0;align-items:flex-start;padding:24px 20px}.overview-hero h2{font-size:25px}.overview-hero p:not(.sport-kicker){font-size:13px}.goal-orbit{width:94px;height:94px}.goal-orbit:before{inset:8px}.goal-orbit strong{font-size:21px}.quick-start{overflow-x:auto}.quick-start>span{display:none}.quick-start button{flex:none}.sport-stats{grid-template-columns:repeat(2,1fr);gap:8px}.sport-stats article{min-height:88px;padding:14px}.sport-stats strong{font-size:23px}.overview-grid{display:block}.overview-grid>.sport-card{margin-bottom:10px;padding:17px}.today-content{gap:16px}.today-ring{width:106px;height:106px}.best-grid{grid-template-columns:repeat(2,1fr)}.view-intro{align-items:flex-start;flex-direction:column}.view-intro h2{font-size:23px}.save-mode,.plan-progress{width:100%}.quick-templates{grid-template-columns:repeat(3,1fr)}.form-section,.form-grid,.notes-label{padding:17px}.type-picker{grid-template-columns:repeat(4,1fr)}.type-picker button{height:58px}.form-grid{grid-template-columns:1fr}.feeling-picker span{display:none}.estimate-panel{grid-template-columns:1fr;padding:14px 17px}.estimate-panel>div{padding:10px}.form-actions{padding:14px 17px 18px}.checkin-side{display:block}.checkin-side>.sport-card{margin-bottom:10px}.plan-editor{padding:16px}.plan-editor form{grid-template-columns:1fr}.weekly-plan{grid-template-columns:1fr;overflow:visible}.plan-day{min-height:0}.record-actions{width:100%}.record-actions button{flex:1}.record-panel{padding:13px}.record-filters{grid-template-columns:1fr 1fr}.record-filters input:nth-of-type(2),.record-filters button{grid-column:1/-1}.record-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px}.record-item{grid-template-columns:48px minmax(0,1fr);gap:10px}.record-buttons{grid-column:1/-1;justify-content:flex-end}.record-main p{white-space:normal}.goal-settings form{grid-template-columns:1fr}.sport-achievements{grid-template-columns:repeat(2,1fr)}.sport-toast{right:12px;bottom:84px;left:12px;max-width:none;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}