@media screen {
:root{--ui-ink:#173e32;--ui-muted:#64756c;--ui-line:#dce5df;--ui-radius:18px}
body{background:#f5f6f2;letter-spacing:.015em}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:default}main{padding:28px clamp(20px,3vw,52px) 48px}#app{max-width:1320px}#app .panel,#app .card{padding:26px;border-radius:18px;box-shadow:0 4px 18px #173e3204}#app .grid{gap:24px}#app .space{margin-top:24px}#app .title{margin-bottom:28px}#app .cards{gap:18px}#app .panelhead{gap:20px;flex-wrap:wrap}#app .actions,dialog .actions{gap:12px;flex-wrap:wrap}#app .primary,#app .secondary,dialog:not(.report-dialog) .primary,dialog:not(.report-dialog) .secondary{padding:12px 20px;border-radius:12px;min-height:46px}#app .primary:hover{background:#285342}#app .secondary:hover{background:#f4f7f2;border-color:#9fb4a5}#app th,#app td{padding:16px 18px}#app .tablewrap{border-radius:12px}#app .detailgrid{gap:18px}#app input,#app select,#app textarea{min-width:0}dialog:not(.report-dialog){padding:32px;border:1px solid #dce5df;box-shadow:0 24px 80px #102d2633}dialog::backdrop{background:#173e3266;backdrop-filter:blur(5px)}dialog:not(.report-dialog) .form-section{padding:24px;gap:22px;margin:24px 0;border-radius:16px}dialog:not(.report-dialog) .form-section legend{padding:0 10px;font-weight:700}dialog:not(.report-dialog) .form-heading{margin-bottom:28px}dialog:not(.report-dialog) .form-heading p{line-height:1.75;color:#64756c}dialog:not(.report-dialog) .formgrid{gap:24px}dialog:not(.report-dialog) .review-list>div{padding:16px 0}#nav button{border-radius:12px;padding:13px 14px;margin-bottom:4px}#nav button[data-page=sessions]{margin-top:12px}
#app .studio-top{grid-template-columns:minmax(160px,1fr) auto auto;gap:22px;padding:26px;align-items:center}#app .studio-top .studio-toolbar{grid-column:1/-1;grid-row:2;margin:0;padding-top:18px;border-top:1px solid #e3eae4}#app .studio-top #studioOther{grid-column:3;grid-row:1}#app #studioSave{max-width:none;margin-left:auto}#app .studio-top p{margin:8px 0 0}#app .studio-top .quota-card{grid-column:2;grid-row:1}#app #studioDossier{padding:22px 26px;margin-bottom:24px}#app #studioDossier .follow-reminder{margin-top:12px;padding:12px 16px;border-left:3px solid #b79a60;background:#faf7ed;border-color:#e2d8bf}#app #studioDossier .follow-reminder summary{font-size:14px;min-height:24px;line-height:24px}.follow-count{background:#eee5cd;color:#6d5b32;padding:2px 10px;font-weight:600}#app #studioDossier .follow-reminder[open]{padding-bottom:18px}#app #studioDossier .follow-hint{margin:14px 0 12px}#app .studio-tabs{margin:24px 0}#app .workout-metrics{padding:22px 26px;margin-bottom:22px}#app #studioWorkout .exercise-editor,dialog .exercise-editor{padding:24px;margin:22px 0;border-radius:18px}#app .workout-sets,dialog .workout-sets{display:grid;gap:10px;padding-top:18px}#app .workout-set,dialog .workout-set{padding:16px 18px;margin:0;gap:14px;border:1px solid #e8ede6;border-radius:12px;background:#fbfcfa}#app .workout-set:has(.set-done input:checked),dialog .workout-set:has(.set-done input:checked){background:#edf4e7;border-color:#dbe7d1}#app .set-index{padding:0;text-align:center}#app .exercise-footer,dialog .exercise-footer{align-items:center;gap:16px;padding-top:6px;margin-top:18px}#app .exercise-footer .add-set{margin-top:0}.complete-exercise,#app .complete-exercise,dialog .complete-exercise{min-height:46px;padding:12px 24px;border-radius:999px;border:1px solid #b8cdb8;background:#f2f6ed;color:#28503b;font:600 14px/1.4 inherit;white-space:nowrap}.complete-exercise.all-complete,#app .complete-exercise.all-complete{padding:12px 26px;background:#e0edcf;color:#315431;border-color:#b8ce9d;opacity:1}#app .studio-bottom{padding:16px 20px;gap:16px}#app .menu-builder>summary{padding:18px 22px}#app .goal-preview>div{line-height:1.7}
.quota-card{display:flex;align-items:center;gap:22px;padding:17px 22px;border-radius:14px;border:1px solid #d4dfc6;background:#f1f5e9;color:#294b36;text-align:left;min-width:260px}.quota-card small{display:block;font-size:11px;line-height:1.6;color:#63745b}.quota-card b{display:block;font-size:14px;white-space:nowrap}.quota-card em{font-style:normal;font-size:34px;font-weight:650;line-height:1.25;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.quota-detail{font-size:12px;min-width:140px}.quota-track{display:block;height:4px;background:#dce5d3;border-radius:8px;overflow:hidden;margin:9px 0}.quota-track i{display:block;height:100%;background:#78955a;border-radius:8px}.quota-empty{background:#f8f2e7;border-color:#e6d8bd}.quota-once{min-width:160px;display:block;background:#f3f5f2}.quota-once b{margin-top:6px}.studio-clients{gap:14px!important;margin-top:24px}.client-start{padding:22px!important;border-radius:16px!important;gap:12px!important}.client-start>b{font-size:18px}.client-start>.quota-card{padding:12px 16px;width:100%;box-sizing:border-box;min-width:0;justify-content:space-between}.client-start .quota-card em{font-size:26px}.client-start>strong{font-size:13px}.client-start:hover{border-color:#91ad83;box-shadow:0 5px 16px #173e3208}
.sync-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;padding:12px 16px;background:#eaf1e5;border:1px solid #dae5d4;border-radius:12px;margin-bottom:22px}.sync-status[data-state=error]{background:#fff0e9;color:#8a3f2b;border-color:#ecc7b4}.sync-status button{padding:6px 12px;background:white;border:1px solid #c6d4c6;border-radius:8px}.backup-list{display:grid;gap:12px;margin:20px 0}.backup-row{padding:18px;background:#f4f7f0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.backup-row small{display:block;color:#64756c;margin-top:6px}.startup{max-width:680px;margin:15vh auto;padding:32px;background:white;border:1px solid #dce5df;border-radius:20px;line-height:1.8}.startup button{padding:12px 24px;border:0;border-radius:12px;background:#173e32;color:white;margin:8px}.startup textarea{width:100%}
@media(max-width:1100px){main{padding:20px 24px 110px}#app .studio-top{grid-template-columns:1fr auto}#app .studio-top #studioOther{grid-column:2}#app .studio-top>.quota-card{grid-column:1/-1;grid-row:2;justify-content:space-between}#app .studio-top .studio-toolbar{grid-row:3}#app .studio-bottom{bottom:80px}}
@media(max-width:650px){main{padding:14px 16px 110px}#app .panel,#app .card{padding:20px}#app .cards{gap:12px}#app .card .value{font-size:24px}#app .studio-top{padding:20px;gap:16px}#app #studioDossier{padding:18px}#app #studioDossier .actions{grid-template-columns:1fr 1fr}#app #studioDossier .panelhead{gap:12px}#app #studioWorkout .exercise-editor,dialog .exercise-editor{padding:16px}#app .workout-set,dialog .workout-set{padding:14px 12px;gap:10px}#app .exercise-footer{gap:12px}#app .exercise-footer button{font-size:12px;padding:12px 16px}.quota-card{padding:14px 18px;min-width:0;gap:16px}.quota-card em{font-size:30px}.quota-detail{min-width:120px}.client-start{padding:18px!important}dialog:not(.report-dialog){padding:24px 18px}dialog:not(.report-dialog) .form-section{padding:18px;gap:20px}#app .studio-bottom{padding:12px}#app .studio-bottom button{padding:10px 12px}.backup-row{flex-wrap:wrap}.sync-status{margin-bottom:18px}}
}

@media screen{.client-start .quota-card{gap:12px;display:grid;grid-template-columns:1fr 1.3fr}.client-start .quota-card small{white-space:nowrap}.client-start .quota-detail small{font-size:10px;white-space:normal}.client-start .quota-detail{min-width:0}.quota-card>span:first-child{flex-shrink:0}main>.demo{background:transparent;padding:0 2px;margin-bottom:10px;color:#63746a}#vaultStatus{padding:9px 14px;margin-bottom:20px;justify-content:space-between}#vaultStatus>button{font:inherit;color:#47634f;border:0;background:transparent;padding:3px 6px}.studio-clients .client-start{background:#fff}.studio-clients .client-start:hover{background:#f9fbf5}}

@media screen{#app .card:first-child label,#app .card:first-child .note,#app .card:first-child .value small{color:#cbdcc9}#app[data-view=stats]>.grid{grid-template-columns:1fr 1fr}#app .bars{overflow-x:auto;gap:16px;padding-bottom:8px}#app .bars>div{min-width:40px}#app .bars .bar-value{font-size:10px}#app .title{scroll-margin-top:24px}#app .vault-panel{margin-bottom:28px}@media(max-width:900px){#app[data-view=stats]>.grid{grid-template-columns:1fr}}}

@media screen{#app .chart{overflow-x:auto;padding:12px 0}#app .chartbars{min-width:550px;gap:14px}#app .chartbar{min-width:32px}#app .chartbar>span{font-size:10px;white-space:nowrap}#app .chartbar:nth-child(even)>span{transform:translateY(-12px)}#app .chartbars:has(.chartbar:nth-child(12)){min-width:700px}}

.routine-order{display:flex;gap:8px}.routine-order button{min-width:44px}.routine-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:320px;overflow:auto;padding:8px}.routine-choices .exercise-choice{text-align:left;padding:14px;white-space:normal}.routine-item{gap:10px;padding:12px}.routine-item span{flex:1}.routine-card{padding:24px;margin-top:16px}.routine-card h2{margin:0}@media(max-width:600px){.routine-choices{grid-template-columns:1fr}.routine-item{flex-wrap:wrap}.routine-item span{flex-basis:100%}}
