:root, [data-theme="light"] {
  --font-body:'Satoshi',Inter,sans-serif;
  --text-xs:clamp(.75rem,.72rem + .15vw,.875rem);
  --text-sm:clamp(.875rem,.84rem + .15vw,1rem);
  --text-base:clamp(1rem,.96rem + .18vw,1.05rem);
  --text-lg:clamp(1.125rem,1.02rem + .5vw,1.35rem);
  --text-xl:clamp(1.4rem,1.18rem + 1vw,1.95rem);
  --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem;
  --color-bg:#f7f6f2; --color-surface:#fbfaf7; --color-surface-2:#f1eeea; --color-accent-surface:#edf5f4;
  --color-text:#28251d; --color-text-muted:#6f6d68; --color-text-faint:#9f9b95; --color-border:rgba(40,37,29,.12); --color-divider:#dcd9d5;
  --color-primary:#01696f; --color-primary-soft:#d5e8e6; --color-success:#437a22; --color-warning:#964219; --color-danger:#a12c7b;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05),0 10px 22px rgba(0,0,0,.04); --shadow-md:0 10px 30px rgba(0,0,0,.08);
  --radius-lg:1rem; --radius-xl:1.25rem; --radius-full:999px; --bottom-safe:calc(1rem + env(safe-area-inset-bottom));
}
[data-theme="dark"] {
  --color-bg:#171614; --color-surface:#1c1b19; --color-surface-2:#252320; --color-accent-surface:#1e2b2b;
  --color-text:#ece9e4; --color-text-muted:#aaa69f; --color-text-faint:#7d7972; --color-border:rgba(236,233,228,.12); --color-divider:#302d29;
  --color-primary:#60a8ae; --color-primary-soft:rgba(96,168,174,.18); --color-success:#7ab15b; --color-warning:#d59a6c; --color-danger:#d163a7;
  --shadow-sm:0 1px 2px rgba(0,0,0,.25),0 10px 24px rgba(0,0,0,.24); --shadow-md:0 12px 34px rgba(0,0,0,.34);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none}
body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.45}
button,input,select{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
.button-ok{
  border:2px solid var(--color-success) !important;
}

.button-bad{
  border:2px solid var(--color-danger) !important;
}
input,select{min-width:0}
.app{max-width:440px;min-height:100dvh;margin:0 auto;position:relative;background:var(--color-bg)}
.screen{display:none;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) var(--space-4) calc(10.5rem + var(--bottom-safe))}
.screen.active{display:block}
.topbar,.row-between,.sync-row,.program-head,.library-head,.history-head,.exercise-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.program-head,.library-head,.history-head,.exercise-head{align-items:flex-start}
.topbar{margin-bottom:var(--space-4)}
.title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em}
.sheet-title{font-size:1.35rem;margin-top:.25rem}
.hero-value{font-weight:700;margin-top:.25rem}
.program-word{font-size:1.55rem}
.week-label{font-size:1.65rem}
.tiny{font-size:var(--text-xs);color:var(--color-text-muted)}
.muted{color:var(--color-text-muted)}
.kpi{font-size:1.85rem;font-weight:700;letter-spacing:-.03em}
.card,.hero,.exercise-card,.program-card,.history-card,.library-card,.builder-card,.summary-card,.note-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.hero,.note-card{padding:var(--space-5);display:grid;gap:var(--space-4)}
.card,.exercise-card,.program-card,.history-card,.library-card,.builder-card,.summary-card{padding:var(--space-4);display:grid;gap:var(--space-3)}
.icon-btn,.chip,.day-chip,.week-chip,.input-chip,.bottom-nav button,.top-check{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}
.icon-btn{width:44px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.chip,.input-chip,.day-chip,.week-chip{padding:0 .9rem;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap}
.chip.primary{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}
.status-pill{padding:.45rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}
.status-pill.pending{background:var(--color-surface-2);color:var(--color-text-muted)}
.status-pill.active{background:var(--color-primary-soft);color:var(--color-primary)}
.status-pill.done{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}
.status-pill.draft{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning)}
.btn-primary,.btn-secondary,.btn-danger{width:100%;min-height:52px;border-radius:var(--radius-lg);padding:0 var(--space-4);font-weight:700}
.btn-primary{background:var(--color-primary);color:#f7f6f2}
.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}
.btn-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 24%,transparent)}
.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.sticky-actions button:disabled,.input-chip:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.stack,.program-list,.exercise-list,.library-list,.history-list,.summary-list,.builder-list{display:grid;gap:var(--space-4)}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3)}
.section-header h2{font-size:var(--text-lg)}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--color-surface-2);border-radius:var(--radius-full)}
.segmented button{min-height:44px;border-radius:var(--radius-full);color:var(--color-text-muted)}
.segmented button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}
.field,.select,.kg-field,.date-field{width:100%;min-height:48px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);padding:0 var(--space-4);color:var(--color-text)}
.field-wrap{display:grid;gap:.35rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}
.subtle{background:var(--color-accent-surface);border-radius:var(--radius-lg);padding:var(--space-3)}
.progress-track{height:10px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}
.progress-fill{height:100%;background:var(--color-primary);border-radius:inherit;transition:width .25s ease}
.scroll-chips{display:flex;gap:var(--space-2);overflow:auto;padding-bottom:2px}
.sticky-actions{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(4.75rem + env(safe-area-inset-bottom));width:min(408px,calc(100% - 1.5rem));display:grid;gap:.6rem;z-index:20}
.sticky-actions button{width:100%;min-height:52px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-weight:700}
.sticky-actions .primary-ghost{background:var(--color-text);color:var(--color-bg)}
.sticky-actions .secondary-ghost{background:color-mix(in srgb,var(--color-bg) 72%,var(--color-surface));color:var(--color-text);border:1px solid var(--color-border)}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(440px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);padding:.75rem 1rem var(--bottom-safe);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--color-border);z-index:30}
.bottom-nav button{flex-direction:column;gap:.2rem;color:var(--color-text-faint);font-size:var(--text-xs)}
.bottom-nav button.active{color:var(--color-primary)}
.overlay{
  position:fixed;
  inset:0;
  background:rgba(10,10,10,.42);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:50;
  padding:1rem;
  overflow:hidden;
}

.overlay.active{
  display:flex;
}

.sheet{
  width:min(440px,100%);
  max-width:100%;
  max-height:calc(100dvh - 2rem);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:1.5rem;
  padding:var(--space-4);
  box-shadow:var(--shadow-md);
  display:grid;
  gap:var(--space-4);
}
.sheet-handle{width:52px;height:5px;background:var(--color-divider);border-radius:var(--radius-full);margin:0 auto}
.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}
.sheet-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.sheet button{min-height:48px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);font-weight:700}
.sheet button.primary{background:var(--color-primary);color:#f7f6f2;border-color:transparent}
.top-check{width:42px;height:42px;border-radius:.8rem;border:1px solid var(--color-border);background:var(--color-surface-2);flex:0 0 auto}
.top-check input{width:22px;height:22px;accent-color:var(--color-primary)}
.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}
.list{display:grid;gap:var(--space-2)}
.list-item{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-divider)}
.list-item:first-child{padding-top:0;border-top:0}
.history-table-wrap{overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}
.history-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.history-table th,.history-table td{padding:.8rem;vertical-align:top;border-bottom:1px solid var(--color-divider);text-align:left;min-width:110px}
.history-table th{background:var(--color-surface-2);position:sticky;top:0;z-index:1}
.history-table td:first-child,.history-table th:first-child{min-width:170px;position:sticky;left:0;background:var(--color-surface)}
.history-table th:first-child{background:var(--color-surface-2)}
.empty-cell{color:var(--color-text-faint)}
.exercise-badge{padding:.3rem .55rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;background:var(--color-surface-2);border:1px solid var(--color-border);display:inline-flex;gap:.35rem;align-items:center}
.data-source-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#ccc}
.sync-indicator-wrap{display:flex;align-items:center;gap:.5rem}
.alert{padding:.9rem 1rem;border-radius:1rem;margin-bottom:1rem;border:1px solid var(--color-border)}
.alert-success{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}
.alert-error{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}
.session-top-card{margin-bottom:var(--space-4)}
@media (max-width:380px){.grid-2,.sheet-grid{grid-template-columns:1fr}.sheet-grid-3{grid-template-columns:1fr 1fr}}