:root {
      color-scheme: light dark;
      --bg:#f2f4f2; --paper:#fff; --soft:#e9eeea; --ink:#15201a; --muted:#617067;
      --line:#cdd6cf; --line-strong:#9cab9f; --push:#d84d43; --push-soft:#f8dfdc;
      --pull:#247d5b; --pull-soft:#dcefe6; --legs:#246aa5; --legs-soft:#dceaf6;
      --core:#9a5c18; --core-soft:#f5e7d2; --warn:#ab6800; --warn-soft:#f9ead1;
      --rest:#826530; --rest-soft:#f1e8d7; --none-soft:#edf0ee;
      --danger:#bd3b35; --shadow:0 12px 34px rgba(24,39,30,.08); --radius:18px;
      --page-rule:rgba(205,214,207,.42); --inverse:#f2f4f2; --inverse-muted:rgba(242,244,242,.7);
    }
    @media (prefers-color-scheme:dark) {
      :root {
        --bg:#0f1411; --paper:#171f1a; --soft:#202a23; --ink:#eef5f0; --muted:#a9b7ae;
        --line:#324139; --line-strong:#56675d; --push:#f06a60; --push-soft:#3d2422;
        --pull:#5cc795; --pull-soft:#173429; --legs:#63a8de; --legs-soft:#173047;
        --core:#e5a45f; --core-soft:#3b2b1b; --warn:#f0af4f; --warn-soft:#3b2d18;
        --rest:#d8b26d; --rest-soft:#332b1e; --none-soft:#1d2520;
        --danger:#ff7770; --shadow:0 14px 38px rgba(0,0,0,.24); --page-rule:rgba(50,65,57,.42);
        --inverse:#eef5f0; --inverse-muted:rgba(238,245,240,.72);
      }
    }
    *{box-sizing:border-box}
    html{min-height:100%;scroll-behavior:smooth;background:var(--bg)}
    body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(90deg,transparent 0 31px,var(--page-rule) 32px,transparent 33px);color:var(--ink);font-family:"Noto Sans SC","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
    button,select{font:inherit}
    button{color:inherit}
    #ledger{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0 64px}
    .topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;color:var(--muted);font-size:13px}
    .cycle-badge{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--ink)}
    .cycle-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--push);box-shadow:0 0 0 4px var(--push-soft)}
    .tabs{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px)}
    .tab{border:0;border-radius:9px;padding:11px 8px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
    .tab[aria-selected="true"]{background:var(--ink);color:var(--bg)}
    .panel{display:none}.panel.active{display:block}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 12px}
    .section-head:first-child{margin-top:0}.section-head h1,.section-head h2{margin:0;letter-spacing:-.025em}.section-head h1{font-size:clamp(26px,4vw,42px)}.section-head h2{font-size:clamp(21px,3vw,30px)}
    .section-head p{margin:0;color:var(--muted);font-size:12px;text-align:right;line-height:1.5}
    .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}

    .status-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:12px;align-items:stretch}
    .cycle-card{position:relative;overflow:hidden;padding:26px;background:var(--ink);color:var(--inverse);border-radius:26px 26px 8px 26px;box-shadow:var(--shadow)}
    .cycle-card::after{content:attr(data-watermark);position:absolute;right:-12px;bottom:-26px;font:800 clamp(62px,11vw,128px)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.08em;opacity:.07}
    .eyebrow{margin:0 0 10px;color:var(--inverse-muted);font-size:12px;font-weight:800;letter-spacing:.06em}
    .cycle-card h1{position:relative;z-index:1;margin:0;font-size:clamp(30px,5vw,54px);line-height:1.06;letter-spacing:-.04em}.cycle-card h1 .phase.push{color:var(--push)}.cycle-card h1 .phase.pull{color:var(--pull)}.cycle-card h1 .phase.legs{color:var(--legs)}.cycle-card h1 .phase.core{color:var(--core)}.cycle-card h1 .phase.rest{color:var(--rest)}
    .cycle-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:19px;color:var(--inverse-muted);font-size:13px}.cycle-meta b{color:var(--inverse)}
    .plan-note{position:relative;z-index:1;margin:17px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.16);color:var(--inverse-muted);font-size:10px;line-height:1.55}
    .next-action{padding:22px}.next-action h2{margin:0;font-size:22px}.next-date{margin-top:5px;color:var(--muted);font-size:12px}.action-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:17px 0}.action-stat div{padding:12px;background:var(--soft);border-radius:10px}.action-stat b{display:block;font:800 22px/1 "IBM Plex Sans",sans-serif}.action-stat span{display:block;margin-top:5px;color:var(--muted);font-size:11px}
    .action-list{display:grid;gap:8px}.action-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:9px;border-top:1px solid var(--line);font-size:12px}.action-line span{color:var(--muted);text-align:right}

    .weight-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.weight-group{overflow:hidden}.group-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;color:#fff}.group-head.push{background:var(--push)}.group-head.pull{background:var(--pull)}.group-head.legs{background:var(--legs)}.group-head h3{margin:0;font-size:18px}.group-head span{font-size:11px;opacity:.8}.weight-list{padding:7px 15px 10px}.weight-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line)}.weight-row:last-child{border:0}.weight-row b{font-size:12px}.weight-row strong{font:800 13px/1.2 "IBM Plex Sans","Noto Sans SC",sans-serif;text-align:right}
    .progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.progress-card{padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:8px 16px 8px 8px}.progress-card b{display:block;font-size:13px}.compare{display:flex;align-items:center;gap:7px;margin-top:11px;font:700 12px/1.35 "IBM Plex Sans","Noto Sans SC",sans-serif}.compare .from{color:var(--muted)}.compare .arrow{color:var(--line-strong)}.compare .to{color:var(--pull)}.progress-card small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.4}

    .schedule-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;margin-bottom:12px}.schedule-copy strong{display:block;font-size:14px}.schedule-copy span{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:7px}.mode-button{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.mode-button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
    .record-tools{display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;align-items:start}.calendar-card{padding:17px;position:sticky;top:76px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-head strong{font-size:16px}.cal-nav{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--soft);cursor:pointer}.week,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week{margin-bottom:4px;color:var(--muted);font-size:10px;text-align:center}.cal-day{position:relative;min-width:0;min-height:49px;padding:5px 2px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.cal-day small{font-size:8px;line-height:1;white-space:nowrap}.cal-complete{position:absolute;top:3px;right:4px;font-size:10px;font-weight:900;line-height:1}.cal-day:disabled{cursor:default}.cal-day.blank{visibility:hidden}.cal-day.has{background:var(--pull-soft);border-color:color-mix(in srgb,var(--pull) 34%,transparent);color:var(--pull);font-weight:800}.cal-day.core{background:var(--core-soft);border-color:color-mix(in srgb,var(--core) 42%,transparent);color:var(--core);font-weight:800}.cal-day.rest{background:var(--rest-soft);color:var(--rest)}.cal-day.none{background:var(--none-soft);color:var(--muted);opacity:.56}.cal-day.selected{background:var(--ink);border-color:var(--ink);color:var(--bg)}.cal-day.today{outline:2px solid var(--line-strong);outline-offset:1px}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:14px;color:var(--muted);font-size:10px}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:3px}.legend-dot.has{background:var(--pull-soft);border:1px solid var(--pull)}.legend-dot.core{background:var(--core-soft);border:1px solid var(--core)}.legend-dot.rest{background:var(--rest-soft);border:1px solid var(--rest)}.legend-dot.none{background:var(--none-soft);border:1px solid var(--line)}.legend-check{font-size:11px;font-weight:900;color:var(--pull)}.calendar-note{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
    .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.field label{display:block;margin:0 0 5px;color:var(--muted);font-size:11px}.field select{width:100%;padding:10px 34px 10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
    .record-count{margin:0 0 10px;color:var(--muted);font-size:12px}.record-list{display:grid;gap:10px}.record{overflow:hidden}.record summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 18px;cursor:pointer}.record summary::-webkit-details-marker{display:none}.part-mark{width:8px;height:38px;border-radius:3px}.part-mark.push{background:var(--push)}.part-mark.pull{background:var(--pull)}.part-mark.legs{background:var(--legs)}.part-mark.core{background:var(--core)}.record-title b{display:block;font-size:15px}.record-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.record-meta{text-align:right}.record-meta b{display:block;font-size:12px}.record-meta small{color:var(--muted);font-size:10px}.exercise-table{border-top:1px solid var(--line)}.exercise-row{display:grid;grid-template-columns:minmax(145px,.9fr) minmax(180px,1.05fr) minmax(120px,.7fr) minmax(110px,.65fr);gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line)}.exercise-row:last-child{border:0}.exercise-row b{display:block;font-size:12px}.exercise-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.result{font:700 12px/1.45 "IBM Plex Sans","Noto Sans SC",sans-serif}.rir-set{display:flex;flex-wrap:wrap;gap:4px}.rir{display:inline-flex;align-items:center;justify-content:center;min-width:35px;padding:5px 6px;border-radius:7px;font:800 10px/1 "IBM Plex Sans",sans-serif}.rir.zero{background:var(--push-soft);color:var(--danger)}.rir.target{background:var(--pull-soft);color:var(--pull)}.rir.easy{background:var(--soft);color:var(--muted)}.rir.na{border:1px dashed var(--line);color:var(--muted)}.judgment{font-size:11px;line-height:1.45}.judgment.up{color:var(--pull);font-weight:800}.judgment.adjust{color:var(--warn);font-weight:800}.empty{padding:36px 20px;text-align:center;color:var(--muted)}

    .version-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.version-button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--paper);color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.version-button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.version-panel{display:none}.version-panel.active{display:block}.version-intro{padding:20px;margin-bottom:10px}.version-intro h2{margin:0;font-size:23px}.version-intro p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.plan-stack{display:grid;gap:10px}.plan{overflow:hidden}.plan summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;cursor:pointer}.plan summary::-webkit-details-marker{display:none}.plan-name{display:flex;align-items:center;gap:11px}.plan-name h3{margin:0;font-size:18px}.plan-name p{margin:3px 0 0;color:var(--muted);font-size:11px}.chevron{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--soft);transition:transform .2s ease}.plan[open] .chevron{transform:rotate(45deg)}.plan-body{border-top:1px solid var(--line)}.plan-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(165px,.9fr) minmax(190px,1.25fr);gap:14px;padding:13px 19px;border-bottom:1px solid var(--line)}.plan-row:last-child{border:0}.plan-row b,.plan-row strong{font-size:12px;line-height:1.45}.plan-row span{color:var(--muted);font-size:11px;line-height:1.5}
    .rules-block{margin-top:28px;padding-top:24px;border-top:2px solid var(--line)}.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rule{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:8px 16px 8px 8px}.rule i{font-style:normal;color:var(--muted);font:800 11px/1 "IBM Plex Sans",sans-serif}.rule h3{margin:9px 0 6px;font-size:14px}.rule p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.principle{margin-top:10px;padding:22px;background:var(--ink);color:var(--bg);border-radius:8px 22px 8px 22px;font-size:clamp(21px,3vw,32px);font-weight:800;line-height:1.25;letter-spacing:-.025em}.principle small{display:block;margin-bottom:7px;color:var(--inverse-muted);font-size:11px;letter-spacing:0}

    @media(max-width:840px){#ledger{width:min(100% - 22px,680px);padding-top:16px}.status-grid,.record-tools{grid-template-columns:1fr}.calendar-card{position:static}.weight-groups{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}.rules{grid-template-columns:repeat(2,1fr)}.exercise-row{grid-template-columns:minmax(0,1fr) auto}.exercise-row .rir-set{grid-column:1}.exercise-row .judgment{grid-column:2;grid-row:2;text-align:right}.plan-row{grid-template-columns:1fr;gap:4px}}
    @media(max-width:500px){body{background:var(--bg)}#ledger{width:calc(100% - 18px)}.topline{align-items:flex-start}.topline .stamp{text-align:right}.tab{padding:10px 4px;font-size:12px}.cycle-card{padding:21px;border-radius:20px 20px 7px 20px}.next-action{padding:18px}.section-head{display:block}.section-head p{margin-top:5px;text-align:left}.schedule-switch{display:block}.mode-buttons{margin-top:12px;grid-template-columns:1fr}.progress-grid,.rules{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.record summary{padding:14px}.exercise-row{padding:12px 14px}.record-meta small{display:none}.plan-row{padding:12px 16px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
    @media print{.tabs,.calendar-card,.filters,.version-switch{display:none}.panel{display:block!important}.record-tools{display:block}.record-list{display:block}.record{break-inside:avoid;margin-bottom:10px}body{background:#fff}#ledger{width:100%}}

/* Cloud ledger controls extend the original notebook design. */
:root{--shadow:0 18px 70px #25282018}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{opacity:.5;cursor:wait!important}button{touch-action:manipulation}input,select,textarea{min-height:42px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--paper);color:var(--ink);max-width:100%}input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--pull)}textarea{width:100%;resize:vertical;min-height:80px}label{font-size:12px;color:var(--muted);display:grid;gap:6px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px;font-weight:700;padding:10px 15px;min-height:42px;cursor:pointer;text-decoration:none}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.positive{background:var(--pull-soft);color:var(--pull)}.button.danger{color:var(--danger)}.button.small{font-size:11px;padding:6px 10px;min-height:34px}.icon-button{padding:5px 11px;font-size:19px}.header-actions,.inline-actions,.row-between{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}.header-actions{justify-content:flex-end}.sync-state{font-size:10px;color:var(--pull)}.sync-state.warning{color:var(--warn)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.1em;font-weight:700}.title-dot{color:var(--push)}.small-note{font-size:11px;color:var(--muted);line-height:1.65}.pill{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:4px 8px;font-size:10px;white-space:nowrap}.pill.PUSH{color:var(--push);background:var(--push-soft)}.pill.PULL{color:var(--pull);background:var(--pull-soft)}.pill.LEGS{color:var(--legs);background:var(--legs-soft)}.pill.CORE{color:var(--core);background:var(--core-soft)}.notice,#notice{padding:12px 16px;background:var(--warn-soft);color:var(--warn);border-radius:9px;margin:12px 0;font-size:12px;line-height:1.65}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--paper);border:1px solid var(--line);border-radius:9px 19px 9px 9px;padding:20px}.card h3{margin:0 0 12px;font-size:16px}.section-head{margin-top:26px}.section-head h2{font-size:20px}.hero{background:var(--ink);color:var(--bg);border-radius:28px 28px 8px 28px;padding:28px;display:flex;flex-direction:column;min-height:240px;justify-content:space-between}.hero h1{font-size:clamp(31px,4.5vw,50px);margin:14px 0;letter-spacing:-.035em;line-height:1.05}.hero p{color:var(--inverse-muted);font-size:12px}.hero .pill{border-color:#ffffff44;color:inherit}.hero .button{background:var(--bg);color:var(--ink);align-self:flex-start}.hero-row{display:flex;gap:14px;justify-content:space-between;align-items:flex-end}.hero-number{font-size:58px;line-height:1;font-weight:800;opacity:.24}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat b{display:block;font-size:26px;line-height:1.3}.stat small{font-size:11px;color:var(--muted)}.mini-list{display:grid;gap:8px}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.mini-row:last-child{border:0}.mini-row small{font-size:10px;color:var(--muted)}.journey{display:flex;align-items:stretch;gap:8px;overflow:auto;padding:4px 0 10px}.journey button{min-width:112px;border:1px solid var(--line);background:var(--paper);border-radius:9px 15px 9px 9px;text-align:left;padding:12px;cursor:pointer}.journey small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.bar-row{display:grid;grid-template-columns:68px 1fr 80px;gap:10px;align-items:center;font-size:11px;margin:9px 0}.bar-track{height:7px;background:var(--soft);border-radius:9px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--pull);border-radius:9px}.metric-chart{width:100%;height:128px;display:block}.metric-chart polyline{fill:none;stroke:var(--pull);stroke-width:2.5}.metric-chart circle{fill:var(--pull)}.metric-chart text{fill:var(--muted);font-size:10px}.progress-card .metric-chart{height:90px}.record{background:var(--paper);border:1px solid var(--line);border-radius:10px}.record .exercise-table{overflow:auto}.record-actions{padding:12px 16px;display:flex;gap:8px}.raw-details{padding:10px 16px}.raw-details pre{white-space:pre-wrap;font-size:11px;background:var(--soft);padding:12px;line-height:1.6}.empty{border:1px dashed var(--line);border-radius:12px;font-size:13px}.filters{grid-template-columns:repeat(3,1fr)}.filters input,.filters select{width:100%}.cal-day{height:53px;position:relative}.cal-day .dots{display:flex;gap:2px}.cal-day .dot{width:5px;height:5px;border-radius:50%;background:var(--pull)}.cal-day small{font-size:8px}.cal-day.planned{border:1px dashed var(--line);color:var(--muted)}.cal-day.selected{color:var(--bg)}.plan-row{align-items:center}.plan summary{display:flex}.version-switch select{min-width:220px}.version-intro .inline-actions{margin-top:10px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.check-label{display:flex;align-items:center;gap:8px}.training-header{position:sticky;top:0;z-index:9;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.training-header h2{margin:0;font-size:20px}.workout-exercise{margin:14px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px 20px 10px 10px;padding:18px}.workout-exercise h3{margin:0 0 5px;font-size:17px}.set-head,.set-row{display:grid;grid-template-columns:38px minmax(74px,1fr) minmax(64px,.8fr) minmax(67px,.8fr) minmax(92px,1.15fr) 65px;gap:8px;align-items:center}.set-head{font-size:10px;color:var(--muted);padding:12px 0 6px}.set-row{padding:7px 0;border-top:1px solid var(--line)}.set-row input,.set-row select{width:100%;padding:8px 6px;font-size:14px}.set-row.done{background:var(--pull-soft);margin-inline:-8px;padding-inline:8px;border-radius:8px}.set-row .set-complete{padding:8px 5px}.set-no{font-size:12px;font-weight:700}.set-no small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.extra-fields{font-size:11px;margin-top:10px}.extra-fields summary{cursor:pointer;color:var(--muted)}.finish-bar{position:sticky;bottom:0;z-index:8;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:12px}.badge-ok{color:var(--pull)}.nowrap{white-space:nowrap}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;width:min(760px,calc(100% - 24px));max-height:90dvh;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#151b1b80;backdrop-filter:blur(3px)}.modal-header{position:sticky;top:0;background:var(--paper);z-index:5;padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:19px;margin:0}.modal-body{padding:20px 22px}.modal-body h3{margin-top:25px;font-size:15px}.modal-body h3:first-child{margin-top:0}.modal-body .button{margin-top:5px}.settings-section{border-bottom:1px solid var(--line);padding:14px 0}.settings-section:last-child{border:0}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label{display:flex;align-items:center}.history-detail{font-size:12px;line-height:1.7}.history-detail .group{padding:10px 0;border-bottom:1px solid var(--line)}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th,.data-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}.scroll-table{overflow:auto}.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.conflict-grid pre{font-size:10px;max-height:240px;overflow:auto;white-space:pre-wrap;background:var(--soft);padding:10px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px;box-shadow:var(--shadow);z-index:100;font-size:12px;max-width:calc(100% - 30px);display:none}#timer{position:fixed;right:20px;bottom:80px;z-index:12;background:var(--ink);color:var(--bg);border-radius:15px;padding:12px 18px;box-shadow:var(--shadow)}#timer b{font-size:24px;display:block}#timer button{background:transparent;border:0;color:inherit;cursor:pointer;font-size:12px}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);margin-top:30px;padding:20px 0}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{background:var(--paper);border:1px solid var(--line);padding:42px;width:min(430px,100%);border-radius:8px 30px 8px 30px;box-shadow:var(--shadow)}.login-card h1{font-size:44px;margin:25px 0 4px;letter-spacing:-.05em}.login-card p{font-size:13px}.login-rule{height:1px;background:var(--line);margin:27px 0}.login-card input{width:100%;margin:10px 0 14px;font-size:24px;letter-spacing:.25em}.login-card .button{width:100%;justify-content:space-between}.login-card>small{font-size:10px}#login-message{color:var(--warn);min-height:20px}.goal-track{height:6px;background:var(--soft);border-radius:8px;margin:12px 0}.goal-track span{display:block;background:var(--legs);height:100%;border-radius:8px}
@media(max-width:650px){.grid-2{grid-template-columns:1fr}.header-actions{gap:5px}.sync-state{max-width:140px;text-align:right;font-size:9px}.hero{padding:22px;min-height:210px}.form-grid,.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.set-head,.set-row{grid-template-columns:27px minmax(58px,1fr) minmax(49px,.8fr) minmax(55px,.8fr) minmax(74px,1fr) 49px;gap:4px}.set-row input,.set-row select{font-size:16px;min-height:44px;padding:7px 3px}.set-row .button{font-size:10px}.workout-exercise{padding:13px 10px}.set-head{font-size:9px}.training-header h2{font-size:17px}.training-header .button{padding:8px}.finish-bar{bottom:0;padding:10px;flex-wrap:wrap}.filters{grid-template-columns:1fr 1fr}.filters label:last-child{grid-column:1/-1}.modal-body{padding:16px}.modal-header{padding:14px 16px}.conflict-grid{grid-template-columns:1fr}.login-card{padding:30px}.bar-row{grid-template-columns:62px 1fr 70px}.card{padding:17px}.hero-number{font-size:48px}footer span{text-align:right}}
@media print{button,.header-actions,.finish-bar,#timer,#toast,dialog{display:none!important}details>*{display:block!important}.hero{color:#000;background:#fff;border:1px solid #ccc}.hero p{color:#555}.card,.record{break-inside:avoid}.record details{display:block}footer{display:none}.grid-2{display:block}.card{margin-bottom:12px}}

/* Keep inverted cards legible in both OS color themes. */
.hero p,.hero .eyebrow,.hero .small-note{color:var(--bg)!important;opacity:.72}.hero .pill{border-color:var(--bg)}.section-head .eyebrow,.login-card>.eyebrow{color:var(--muted)}
@media(max-width:430px){.set-head,.set-row{grid-template-columns:22px minmax(48px,1fr) minmax(45px,.9fr) minmax(50px,.9fr) minmax(65px,1.1fr) 42px;gap:3px}.set-row input,.set-row select{min-width:0}.set-row .button{padding-inline:2px}.header-actions .sync-state{max-width:115px}}