:root{
--bg:#0c0c0e; --bg2:#161618; --card:#161618; --card2:#202024; --inp:#0f0f11;
--line:#27272b; --line2:#34343a;
--txt:#fafafa; --txt2:#c2c2c7; --mut:#85858c;
--acc:#2f7bf6; --accSoft:rgba(47,123,246,.14); --accText:#6ea4ff;
--ok:#32d35a; --okText:#5fe080; --okSoft:rgba(50,211,90,.12);
--red:#ff4d4d;
--r:12px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);
font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{padding-bottom:92px}
.wrap{max-width:600px;margin:0 auto;padding:0 16px}
button{font-family:inherit}
/* header */
header{position:sticky;top:0;z-index:20;background:var(--bg);
padding:calc(env(safe-area-inset-top) + 14px) 0 13px;border-bottom:1px solid var(--line)}
.h-title{font-size:17px;font-weight:700;letter-spacing:-.02em}
#syncDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mut);vertical-align:1px;margin-left:2px}
#syncDot.sync-ok{background:var(--ok)} #syncDot.sync-err{background:var(--red)} #syncDot.sync-sync{background:var(--warn)}
.h-sub{font-size:12px;color:var(--mut);margin-top:2px}
.tabs{display:none}
/* today / banner */
.today{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 15px;border-radius:var(--r);
background:var(--card);border:1px solid var(--line)}
.today.rest{opacity:.9}
.today .tg{flex:1;min-width:0}.today .tg b{font-size:15px;font-weight:600}
.today .tg small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
.today .gobtn{flex:0 0 auto;background:var(--acc);color:#fff;border:0;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer}
.today.here .gobtn{background:var(--card2);color:var(--okText)}
/* day chips */
.days{display:flex;gap:8px;margin:16px 0 4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.days::-webkit-scrollbar{display:none}
.day{flex:0 0 auto;min-width:64px;text-align:center;padding:10px 8px;border-radius:10px;
background:var(--card);border:1px solid var(--line);cursor:pointer}
.day.on{border-color:var(--acc);background:var(--accSoft)}
.day.tday{border-color:var(--ok)}
.day .d-n{font-size:13px;font-weight:700}
.day .d-p{font-size:10px;color:var(--mut);margin-top:3px}
.day .d-bar{height:3px;border-radius:2px;background:var(--line2);margin-top:8px;overflow:hidden}
.day .d-bar i{display:block;height:100%;background:var(--ok);width:0}
.dayhd{display:flex;align-items:baseline;justify-content:space-between;margin:20px 2px 10px}
.dayhd b{font-size:16px;font-weight:700;letter-spacing:-.01em}
.dayhd span{font-size:12px;color:var(--mut)}
/* card */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 15px;margin-bottom:10px}
.card.done{opacity:.55}
.c-name{font-size:15.5px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;gap:8px}
.swapbtn{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--accText);background:transparent;border:1px solid var(--line2);border-radius:7px;padding:4px 9px;cursor:pointer}
.swapbtn:active{background:var(--line2)}
.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;align-items:center}
.b{font-size:11.5px;font-weight:600;color:var(--mut)}
.b.cat,.b.Strength,.b.Bodybuilding,.b.Volume,.b.Core,.b.Cardio,.b.Backoff,.b.Accessory{color:var(--accText)}
.b::after{content:"·";margin-left:7px;color:var(--line2)}
.b:last-child::after{content:""}
.c-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:11px;font-size:13px;color:var(--mut)}
.c-meta b{color:var(--txt2);font-weight:600}
.wt{font-size:13px;font-weight:700;color:var(--txt)}
.wt.bw{color:var(--txt2)}.wt.free{color:var(--mut);font-weight:600}
.mini{font-size:12px;font-weight:600;padding:6px 11px;border-radius:8px;border:1px solid var(--line2);
background:transparent;color:var(--txt2);cursor:pointer}
.mini.rest{color:var(--accText);border-color:var(--line2)}
.mini.deload{margin-top:8px;width:100%;padding:11px;color:var(--warn);border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08);font-weight:600}
.bwrow{display:flex;gap:8px;margin-bottom:6px}
.bwrow input{flex:1;min-width:0;background:var(--inp);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:11px;font-size:15px;font-weight:600}
.bwrow input:focus{outline:none;border-color:var(--acc)}
.bwdelta{font-size:12px;color:var(--mut);margin-top:6px}.bwdelta b{color:var(--txt)}
.pwbar{margin-top:12px;font-size:11.5px;color:var(--mut)}
.pwbar span{display:block;margin-bottom:5px}
.pwbar i{display:block;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.pwbar i b{display:block;height:100%;background:var(--acc);border-radius:3px}
.pvrow{display:flex;align-items:center;gap:9px;margin:8px 0}
.pvrow .pvn{flex:0 0 52px;font-size:12.5px;color:var(--txt2)}
.pvbar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.pvbar i{display:block;height:100%;background:var(--acc);border-radius:4px}
.pvrow .pvc{flex:0 0 24px;text-align:right;font-size:13px;font-weight:700}
/* 부위별 볼륨 추이 */
.pvper{margin:0 0 2px!important}
.pvs{margin-top:10px}
.pvs-row{margin-bottom:13px}
.pvs-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}
.pvs-hd .pvs-n{font-size:12.5px;font-weight:600;color:var(--txt2)}
.pvs-hd .pvs-t{font-size:12.5px;font-weight:700;color:var(--txt)}
.pvs-hd .pvs-t i{font-style:normal;font-size:10.5px;font-weight:600;margin-left:5px;color:var(--mut)}
.pvs-hd .pvs-t i.up{color:var(--okText)}
.pvs-hd .pvs-t i.dn{color:#fda4af}
.pvs-bars{display:flex;align-items:flex-end;gap:3px;height:46px;
border-bottom:1px solid var(--line);padding-bottom:1px}
.pvs-bars i{flex:1;background:var(--line2);border-radius:3px 3px 0 0;min-height:0}
.pvs-bars i.hi{background:var(--acc)}
.pvs-x{display:flex;justify-content:space-between;font-size:10px;color:var(--mut);margin-top:2px}
.sesmemo{width:100%;background:var(--inp);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:10px 12px;font-size:13px;margin:8px 0 2px}
.sesmemo:focus{outline:none;border-color:var(--acc)}
.proghint{margin-top:12px;font-size:12px;color:var(--mut);text-align:center;padding:8px;border:1px dashed var(--line2);border-radius:9px}
.proghint.on{color:var(--okText);border-style:solid;border-color:rgba(50,211,90,.4);background:var(--okSoft)}
.note{font-size:12.5px;color:var(--mut);margin-top:11px;line-height:1.55}
.last{font-size:12px;color:var(--mut);margin-top:9px}.last b{color:var(--okText);font-weight:600}
.log{display:flex;gap:10px;margin-top:12px}
.log label{flex:1;font-size:11px;color:var(--mut)}
.log input{width:100%;margin-top:5px;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:9px;padding:11px 12px;font-size:16px;font-weight:600}
.log input:focus{outline:none;border-color:var(--acc)}
.daysave{display:block;width:100%;padding:14px;border-radius:11px;border:0;
background:var(--acc);color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;margin:8px 0 12px}
/* panels */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:14px}
.panel h3{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--txt2);letter-spacing:-.01em}
.field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.field:last-child{border-bottom:0}
.field span{font-size:14.5px}
.field small{display:block;color:var(--mut);font-size:11px;margin-top:2px}
.field input{width:100px;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:9px;padding:10px;font-size:17px;font-weight:700;text-align:right}
.field input[type=date]{width:158px;font-size:14px}
.field input:focus{outline:none;border-color:var(--acc)}
table.rec{width:100%;border-collapse:collapse;margin-top:2px;font-size:13.5px}
table.rec td{padding:10px 2px;border-bottom:1px solid var(--line)}
table.rec tr:last-child td{border-bottom:0}
table.rec td:last-child{text-align:right;font-weight:700;color:var(--txt)}
.btn{display:block;width:100%;padding:13px;border-radius:10px;border:1px solid var(--line2);
background:var(--card2);color:var(--txt);font-size:14px;font-weight:600;cursor:pointer;margin-top:9px}
.btn.danger{color:var(--red);border-color:var(--line2);background:transparent}
.gtxt{font-size:13.5px;color:var(--txt2);padding-left:18px;margin:0}
.gtxt li{margin:9px 0}.gtxt b{color:var(--txt)}
.sched{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px}
.sched th,.sched td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.sched tr:last-child td{border-bottom:0}
.sched th{color:var(--mut);font-size:11px;font-weight:600}
.sched td b{color:var(--txt);font-weight:600}
/* week toggle (segmented) */
.wk-toggle{display:flex;gap:3px;margin:16px 0 4px;background:var(--inp);padding:3px;border-radius:11px;border:1px solid var(--line)}
.wk-toggle button{flex:1;padding:10px;border-radius:8px;border:0;background:transparent;color:var(--mut);font-size:13px;font-weight:600;cursor:pointer}
.wk-toggle button.on{background:var(--card2);color:var(--txt)}
/* calendar */
.cal-hd{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 14px}
.cal-hd b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.cal-nav{display:flex;gap:6px;align-items:center}
.cal-nav button{height:36px;min-width:36px;padding:0 10px;border-radius:9px;border:1px solid var(--line2);
background:transparent;color:var(--txt);font-size:16px;font-weight:600;cursor:pointer}
.cal-nav .tdbtn{font-size:13px;color:var(--accText)}
.cal-dows{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:6px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.cal-dow{text-align:center;font-size:11px;color:var(--mut);font-weight:600;padding:2px 0}
.cal-dow.sun{color:#e57373}.cal-dow.sat{color:#7aa6e0}
.cal-cell{position:relative;aspect-ratio:1/1;border-radius:9px;background:var(--card);
border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
font-size:14px;font-weight:600;cursor:pointer;color:var(--txt2)}
.cal-cell.other{opacity:.3}
.cal-cell.ctoday{color:var(--txt);border-color:var(--acc)}
.cal-cell.csel{background:var(--accSoft);border-color:var(--acc);color:var(--txt)}
.cal-cell.has{background:var(--okSoft);border-color:rgba(50,211,90,.35);color:var(--okText)}
.cal-cell.has.full{background:var(--okSoft);border-color:var(--ok);color:var(--okText)}
.cal-cell .cdot{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--ok)}
.cal-cell .cwk{position:absolute;top:4px;right:5px;font-size:8.5px;font-weight:700;color:var(--mut)}
.cal-cell.s-st .cwk{color:#7aa6e0}.cal-cell.s-bb .cwk{color:#b89be8}
.cal-leg{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:14px 0 4px;font-size:11px;color:var(--mut)}
.cal-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:5px}
/* session */
.ses-hd{margin:22px 2px 4px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ses-hd b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.ses-hd small{display:block;color:var(--mut);font-size:11.5px;margin-top:3px;line-height:1.5}
.ses-pick{display:flex;gap:6px;margin:9px 0 6px;flex-wrap:wrap}
.ses-pick .pk{font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:9px;border:1px solid var(--line2);
background:transparent;color:var(--mut);cursor:pointer}
.ses-pick .pk.on{background:var(--accSoft);border-color:var(--acc);color:var(--txt)}
.ses-empty{color:var(--mut);font-size:13px;text-align:center;padding:30px 12px;line-height:1.7}
/* sets */
.sets{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}
.setlbl{display:flex;gap:7px;font-size:10px;color:var(--mut);padding:0 42px 5px 48px;font-weight:600}
.setlbl span{flex:1;text-align:center}
.setlbl .lrpe{flex:0 0 44px}
.setrow .rpein{flex:0 0 44px;min-width:0;height:40px;box-sizing:border-box;text-align:center;
background:var(--inp);border:1px solid var(--line2);color:var(--txt2);border-radius:9px;padding:0 2px;font-size:13px;font-weight:600}
.setrow .rpein:focus{outline:none;border-color:var(--acc);color:var(--txt)}
.setrow .rpein.hard{color:var(--warn);border-color:rgba(251,191,36,.45)}
.setrow{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.setrow .sn{flex:0 0 40px;font-size:12px;font-weight:600;color:var(--mut);text-align:left}
.setrow .sn.done{color:var(--okText)}
.setrow .num{flex:1;min-width:0;display:flex;align-items:stretch}
.setrow .num input{flex:1;min-width:0;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:0;border-left:0;border-right:0;padding:11px 4px;font-size:16px;font-weight:600;text-align:center}
.setrow .num input:focus{outline:none;border-color:var(--acc)}
.setrow .num button{flex:0 0 30px;width:30px;background:var(--card2);border:1px solid var(--line2);color:var(--txt2);
font-size:17px;font-weight:600;cursor:pointer;padding:0;line-height:1}
.setrow .num button:first-child{border-radius:9px 0 0 9px}
.setrow .num button:last-child{border-radius:0 9px 9px 0}
.setrow .num button:active{background:var(--line2)}
.setbtns{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
.setrow .schk{flex:0 0 36px;width:36px;height:40px;border-radius:9px;border:1.5px solid var(--line2);background:transparent;
display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--line2);cursor:pointer;padding:0}
.setrow .schk:active{transform:scale(.92)}
.setrow .schk.on{background:var(--ok);border-color:var(--ok);color:#06301f}
.exdone{font-size:11px;font-weight:600;color:var(--mut)}
.exdone.on{color:var(--okText)}
/* 오늘만 추가한 운동 */
.xhd{font-size:11.5px;font-weight:700;color:var(--mut);margin:16px 0 6px;letter-spacing:.02em}
/* 무산소 / 유산소 구분 헤더 */
.xhd.ghd{font-size:12.5px;color:var(--txt2);border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:20px}
.xmode{margin:0 0 8px!important}
.card.xcard{border-color:rgba(96,165,250,.32)}
.b.xb{color:#93c5fd;border-color:rgba(147,197,253,.35)}
.xadd{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.xadd input{display:block;width:100%;margin-top:8px;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:10px;padding:12px;font-size:14px}
.xadd input:focus{outline:none;border-color:var(--acc)}
.xadd .xbtns{display:flex;gap:6px;margin-top:6px}
.xadd .xbtns .mini{flex:1;padding:10px}
.xparts{margin:0 0 2px!important}
.xparts .pk i{font-style:normal;opacity:.45;font-size:10px}
.xhint{font-size:11.5px;color:var(--mut);padding:6px 2px 0;line-height:1.5}
.xnames{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.xn{font-size:12.5px;font-weight:600;padding:8px 10px;border-radius:8px;border:1px solid var(--line2);
background:var(--card2);color:var(--txt);cursor:pointer;text-align:left}
.xn:active{transform:scale(.96)}
.xn.used{opacity:.38}
.xn .xl{font-style:normal;font-size:9.5px;color:var(--okText);margin-left:4px;font-weight:700}
/* 종목별 이력 표 */
.exlog{margin-top:8px;border-top:1px solid var(--line);padding-top:8px;overflow-x:auto}
.exlog table{width:100%;border-collapse:collapse;font-size:11.5px}
.exlog th{text-align:left;color:var(--mut);font-weight:600;padding:3px 6px 5px 0;white-space:nowrap}
.exlog td{padding:4px 6px 4px 0;border-top:1px solid var(--line);vertical-align:top}
.exlog .ld{color:var(--txt2);white-space:nowrap;font-weight:600}
.exlog .ls{color:var(--txt);line-height:1.5}
.exlog .lv{color:var(--mut);white-space:nowrap;text-align:right}
.exlog .lr{font-style:normal;color:var(--mut);font-size:10.5px}
.exlog .lmeta{display:block;font-weight:400;color:var(--mut);font-size:10px;margin-top:2px}
.exlog .lx{font-style:normal;color:#93c5fd;font-size:9.5px;margin-left:4px}
.exlog tr.pr .ld,.exlog tr.pr .ls{color:var(--okText)}
.exlog .lsum{margin-top:7px;font-size:11.5px;color:var(--mut)}
.exlog .lsum b{color:var(--txt)}
.mini.on{color:var(--accText);border-color:var(--acc)}
/* 커스텀 루틴 에디터: 대체운동 */
.alts{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line2)}
.altrow{display:flex;gap:5px;align-items:center;margin-bottom:5px}
.altrow .altn{flex:0 0 38px;font-size:10.5px;font-weight:600;color:var(--mut)}
.altrow input,.altrow select{min-width:0;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:7px;padding:7px;font-size:12.5px}
.altrow input:focus,.altrow select:focus{outline:none;border-color:var(--acc)}
.altrow .altex{flex:1;min-width:60px}
.altrow .altint{flex:0 0 50px;text-align:center}
.altrow .altref{flex:0 0 100px;padding-right:20px;-webkit-appearance:none;appearance:none;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right 6px center}
/* history */
.sel{width:100%;background:var(--inp);border:1px solid var(--line2);color:var(--txt);
border-radius:10px;padding:12px;font-size:15px;font-weight:600;margin-bottom:6px;
-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stat{text-align:center;padding:2px}
.stat b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}
.stat span{font-size:10.5px;color:var(--mut)}
.wbars{display:flex;align-items:flex-end;gap:6px;height:112px;margin-top:8px}
.wbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.wbar i{width:68%;background:var(--acc);border-radius:4px 4px 0 0;min-height:2px}
.wbar span{font-size:8.5px;color:var(--mut);margin-top:5px}
.prrow{display:flex;gap:18px;margin:10px 0 2px;font-size:13px;color:var(--mut)}
.prrow b{color:var(--txt);font-weight:800}
.chartwrap{margin-top:10px}
.chart{width:100%;height:180px;display:block}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .ln{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .dot{fill:var(--acc)}
.chart .lbl{fill:var(--mut);font-size:10px}
.htable{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:12px}
.htable th,.htable td{padding:10px 5px;border-bottom:1px solid var(--line);text-align:left}
.htable tr:last-child td{border-bottom:0}
.htable th{color:var(--mut);font-size:11px;font-weight:600}.htable td b{color:var(--txt)}
/* rest timer */
#timerBar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 74px);
width:min(92%,400px);background:var(--card2);border:1px solid var(--line2);border-radius:14px;padding:13px 15px;z-index:40;display:none}
#timerBar.on{display:block}
#timerBar.done{border-color:var(--ok)}
.tb-row{display:flex;align-items:center;gap:11px}
.tb-time{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;min-width:82px;letter-spacing:-.01em}
.tb-name{flex:1;min-width:0;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-x{background:none;border:0;color:var(--mut);font-size:20px;cursor:pointer;padding:0 4px}
.tb-ctrl{display:flex;gap:7px;margin-top:10px}
.tb-ctrl button{flex:1;padding:9px;border-radius:9px;border:1px solid var(--line2);background:transparent;color:var(--txt);font-size:13px;font-weight:600;cursor:pointer}
.tb-prog{height:4px;border-radius:2px;background:var(--line);margin-top:10px;overflow:hidden}
.tb-prog i{display:block;height:100%;background:var(--acc);width:100%;transition:width 1s linear}
#timerBar.done .tb-prog i{background:var(--ok)}
.toast{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);background:var(--card2);
border:1px solid var(--line2);color:var(--txt);padding:11px 18px;border-radius:10px;font-size:13px;font-weight:500;
opacity:0;transition:.2s;pointer-events:none;z-index:50}
.toast.on{opacity:1}
/* footer nav */
footer{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--bg);border-top:1px solid var(--line);
padding:8px 0 calc(env(safe-area-inset-bottom) + 8px)}
.fbar{max-width:600px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding:0 6px}
.fb{flex:1;text-align:center;color:var(--mut);font-size:10.5px;font-weight:600;cursor:pointer;padding:4px 0}
.fb .ic{display:flex;justify-content:center;margin-bottom:3px}
.fb .ic svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fb.on{color:var(--acc)}
.sync-local{background:#fbbf24;}
/* Independent 30-day pull-up program */
.pu-intro h2{font-size:23px;margin:12px 0 4px;letter-spacing:-.5px}
.pu-intro p,.pu-hint,.pu-start small{font-size:13px;color:var(--mut);line-height:1.7}
.pu-intro a{color:var(--acc);font-size:13px}
.pu-link{display:flex;gap:12px;align-items:center;justify-content:space-between;border-color:#235444}
.pu-link p{font-size:12px;color:var(--mut);margin:5px 0 0}
.pu-link .mini{flex-shrink:0;padding:10px}
.pu-start{margin-top:16px;display:grid;gap:10px}
.pu-start input,.pu-mode select,.pu-note-label input,.pu-note-label textarea{box-sizing:border-box;max-width:100%;background:var(--inp);color:var(--txt);border:1px solid var(--line2);padding:10px;border-radius:9px;font:inherit}
.pu-summary{display:grid;gap:7px;margin:20px 0 10px}
.pu-summary>b{font-size:28px}.pu-summary>b small{font-size:14px;color:var(--mut);font-weight:500}
.pu-summary>span{font-size:13px;color:var(--mut)}
.pu-progress{width:100%;height:7px;accent-color:var(--acc);margin-bottom:16px}
.pu-days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:14px}
.pu-day{display:grid;gap:3px;padding:10px 2px;border:1px solid var(--line2);border-radius:10px;background:var(--card2);color:var(--txt);cursor:pointer;min-height:53px}
.pu-day small{font-size:10px;color:var(--mut)}.pu-day.rest{border-style:dashed}.pu-day.rest small{color:#93c5fd}
.pu-day.completed{background:#13382b;border-color:#276749}.pu-day.completed small{color:var(--acc)}
.pu-day.selected{outline:2px solid var(--acc);outline-offset:1px}
.pu-record-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pu-record-head time{font-size:12px;color:var(--mut)}
.pu-targets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;padding:12px 0 18px}
.pu-targets b{color:var(--acc);font-size:21px;letter-spacing:1px}.pu-targets small{color:var(--mut)}
.pu-mode{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px;margin-bottom:14px}
.pu-columns,.pu-set{display:grid;grid-template-columns:35px 48px minmax(0,1fr) 44px;align-items:center;gap:10px}
.pu-columns{color:var(--mut);font-size:11px;margin:14px 0 8px;text-align:center}
.pu-set{margin-bottom:10px;text-align:center;font-size:14px}.pu-set strong{color:var(--acc)}
.pu-set input{box-sizing:border-box;width:100%;min-width:0;height:44px;text-align:center;border:1px solid var(--line2);border-radius:9px;background:var(--inp);color:var(--txt);font:inherit}
.pu-set input:focus,.pu-note-label input:focus,.pu-note-label textarea:focus{outline:1px solid var(--acc)}
.pu-check{height:44px;border:1px solid var(--line2);border-radius:9px;background:transparent;color:var(--txt);font-size:18px;cursor:pointer}
.pu-check.on{background:var(--ok);border-color:var(--ok);color:#06301f}
.pu-record :disabled{opacity:.4;cursor:default}.pu-result{font-size:12px;color:var(--mut);line-height:1.6;margin:12px 0}
.pu-note-label{display:grid;gap:8px;font-size:12px;color:var(--mut);margin:16px 0}.pu-note-label textarea{resize:vertical;min-height:65px}
.pu-rest{text-align:center;padding:28px 10px;color:#93c5fd}.pu-rest p{font-size:13px;color:var(--mut)}
.pu-delete{color:#fca5a5;margin-top:10px}
/* Keep pull-up actions above the floating rest timer while scrolling. */
.pu-record button,.pu-record input,.pu-record textarea{scroll-margin-bottom:240px}
.pu-record [data-pu-action="retry"]{display:block;margin-top:14px}
html{scroll-padding-bottom:240px}
body:has(#timerBar.on){padding-bottom:300px}
.cal-pu{display:block;font-size:9px;line-height:1.2;color:var(--accText);overflow-wrap:anywhere;margin-top:3px}
.cal-cell:has(.cal-pu){min-height:72px}
.pu-previous,.pu-draft{border:1px solid var(--acc);border-radius:12px;padding:12px;margin-bottom:12px}
.pu-previous p{font-size:13px;color:var(--txt2);margin:6px 0 0}
.update-notice{padding:12px 16px;background:var(--accSoft);color:var(--accText);font-size:13px}
[hidden]{display:none!important}
#puRecordDate{max-width:100%}
.schedule-panel label{display:block;margin:10px 0;color:var(--txt2);font-size:13px}
.schedule-panel input{display:block;max-width:100%;width:100%;margin-top:5px;padding:10px;background:var(--inp);color:var(--txt);border:1px solid var(--line);border-radius:8px}
.storage-panel p,.weekly-personal p{font-size:13px;color:var(--txt2)}
#focusSetNav,#puFocusNav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#focusExercise{width:100%;padding:10px;background:var(--inp);color:var(--txt);border:1px solid var(--line)}
.weight-focus > :not(.focus-toolbar):not(#ses){display:none!important}
.weight-focus #ses > :not(.card):not(.daysave):not(.ses-hd):not(.panel):not(.work-clock):not(.input-help){display:none!important}
.weight-focus #ses .card:not(.focus-card),.weight-focus .setrow:not(.focus-row){display:none!important}
.weight-focus .note,.weight-focus .setbtns,.weight-focus .proghint{display:none}
.weight-focus .c-name{font-size:23px}.weight-focus .focus-row{padding:20px 0}
.weight-focus .focus-row{flex-wrap:wrap}
.weight-focus .focus-row .sn{flex-basis:100%}
.weight-focus .focus-row input{font-size:20px;min-height:54px}
.weight-focus .focus-row .rpein{flex-basis:100%;min-height:40px}
.pu-focused > :not(.pu-focus-toolbar):not(.pu-record):not(.pu-pause){display:none!important}
.pu-focused .pu-set:not(.focus-row){display:none}
.pu-focused .pu-set input{font-size:26px;min-height:64px}
.pu-focused .pu-record-head h3{font-size:22px}
.pu-focused .pu-record textarea{min-height:45px}
#focusExercise{font:inherit}
.weight-focus .daysave:not([data-complete]){display:none}
.pu-focused .pu-record .pu-hint{font-size:11px;margin:8px 0}
.pu-focused .pu-note-label{margin-top:8px}
.day-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}
.card.skipped{opacity:.65;border-style:dashed}
.card.skipped .sets,.card.skipped .c-meta,.card.skipped .last,.card.skipped .proghint,.card.skipped .setbtns{display:none}
.weight-focus #ses>.finish-review{display:block!important}
.finish-review p{font-size:13px;color:var(--txt2)}
.work-clock{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.work-clock small{width:100%;color:var(--mut);font-size:11px}
.work-clock b{font-variant-numeric:tabular-nums}
.weight-focus #ses>.work-clock{display:flex!important}
.growth-filters{display:flex;flex-wrap:wrap;gap:12px}.growth-filters label{flex:1;min-width:110px;font-size:12px;color:var(--txt2)}
.growth-filters select{display:block;width:100%;padding:9px;background:var(--inp);color:var(--txt);border:1px solid var(--line);font:inherit}
.growth-chart{display:block;width:100%;max-height:250px}
.undo-input{float:right;margin-top:-26px;font-size:10px;max-width:130px}
@media(max-width:380px){.undo-input{float:none;margin-top:6px}}
/* Personal workout flow: keep daily actions readable on narrow screens. */
button,summary{touch-action:manipulation}
button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accText);outline-offset:3px}
button[hidden]{display:none!important}
footer .fb{border:0;background:transparent;color:var(--mut);font:inherit;font-size:11px;cursor:pointer;min-height:64px}
.save-status{display:block;background:transparent;border:0;color:var(--txt2);font-size:12px;padding:6px 0;min-height:32px;text-align:left}
.undo-input{float:none;margin:0;font-size:12px;max-width:100%;width:auto;min-height:36px;padding:6px 10px}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}
header .h-title{font-size:16px}.save-status{flex-basis:100%}
.panel{min-width:0}.panel .panel{margin:10px 0;padding:10px 0;border:0}
.ux-fold>section,.ux-fold>div{padding:8px 0;margin:0;border:0;background:transparent}
summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-size:14px;color:var(--txt2)}
.calendar-picker{padding-top:0;padding-bottom:0;margin-top:12px}
.cal-cell{font:inherit;color:var(--txt);cursor:pointer;padding:4px 0}
.pu-link{padding:10px 14px;margin:10px 0}.pu-link p{margin:3px 0;font-size:12px}
.focus-toolbar,.pu-focus-toolbar{padding:8px 12px;margin:10px 0}
.focus-toolbar .btn,.pu-focus-toolbar .btn{margin:0}
.mini,.pk,.swapbtn{min-height:44px;font-size:13px}
.btn,.daysave{min-height:48px}
.session-status,.input-help{font-size:13px;color:var(--txt2)}
.work-clock{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:var(--card)}
.work-clock small{font-size:12px}
.weight-focus #ses > .work-clock.work-clock{display:flex!important}
.weight-focus #ses > .input-help.input-help{display:block!important}
.weight-focus #ses > .session-status{display:block!important}
.weight-focus .proghint{display:block!important;font-size:12px}
.exercise-options{margin-top:12px;border-top:1px solid var(--line)}
.exercise-options .day-controls{justify-content:flex-start;flex-wrap:wrap}
.exercise-info{font-size:12px}.exercise-info summary{font-size:12px}
.setlbl{display:none!important}
.setrow,.weight-focus .focus-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.setrow .sn,.weight-focus .focus-row .sn{grid-column:1/-1;width:auto;font-size:13px}
.setrow .num{grid-column:1/-1;display:grid;grid-template-columns:48px 44px minmax(0,1fr) 44px;align-items:center;min-width:0}
.setrow .num::before{content:attr(data-field-label);font-size:12px;color:var(--txt2)}
.setrow .num button{width:44px;min-height:48px;height:48px}
.setrow .num input,.weight-focus .focus-row input{width:100%;font-size:20px;padding:8px 3px;height:48px;min-height:48px}
.setrow .schk{grid-column:2;width:48px;height:48px;font-size:20px;align-self:end}
.extra-input{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--txt2)}
.setrow .rpein,.weight-focus .focus-row .rpein{width:76px;max-width:76px;flex:none;height:48px;font-size:18px}
.setrow:not(:has(.extra-input)) .schk{grid-column:1/-1;width:100%}
.setrow:not(:has(.extra-input)) .schk::after{content:' 세트 완료';font-size:14px}
.card.skipped .extra-input{display:none}
.pu-nav{display:flex;gap:6px;margin:12px 0}.pu-nav button{flex:1}
.pu-set .pu-check{min-width:48px;min-height:48px}
.pu-record .pu-finish-review{margin-top:16px;border-top:1px solid var(--line)}
.pu-finish-review>summary{color:var(--txt);background:var(--acc);padding:12px;border-radius:10px;text-align:center}
.pu-finish-review p{font-size:13px;color:var(--txt2)}
.pu-focused>.pu-nav{display:flex!important}
.pu-focused>.pu-draft{display:block!important}
.pu-draft{position:fixed;bottom:calc(74px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:568px;z-index:24;background:var(--card2);border:2px solid var(--acc)!important;box-shadow:0 0 20px #0008}
.pu-draft .btn,.pu-draft .mini{display:inline-block;width:auto;margin:8px 8px 0 0}
body:has(.editing-history){padding-bottom:280px}
#puPast,.pu-growth,.ux-fold,.pu-record{scroll-margin-top:125px}
.code-actions{display:flex;gap:8px;flex-wrap:wrap}
#syncCode{width:100%!important;max-width:100%;font-size:14px}
.field:has(#syncCode){flex-wrap:wrap}.field:has(#syncCode)>span{width:100%}
.toast{max-width:calc(100% - 32px);font-size:13px;pointer-events:none}.toast button{pointer-events:auto}
.pu-growth table{font-size:12px}.pu-growth td,.pu-growth th{padding:6px 3px}.pu-growth td button{font-size:12px;padding:4px}
@media(min-width:550px){.setrow .num{grid-column:auto;grid-template-columns:44px 36px minmax(0,1fr) 36px}.setrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px}.setrow .schk,.setrow:not(:has(.extra-input)) .schk{grid-column:3}.setrow .num button{width:36px}.setrow .extra-input{grid-column:1/3}}
.weight-focus #ses>.session-context{display:none!important}
.weight-focus .exercise-options .setbtns{display:flex}
.card.skipped .exercise-options .setbtns{display:none}
.work-clock button{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:700}
.focus-toolbar .btn,.pu-focus-toolbar .btn{background:transparent;color:var(--txt2);border:0;min-height:44px;padding:8px}
.focus-toolbar,.pu-focus-toolbar{border:0;background:transparent;padding:0;margin:4px 0}
.weight-focus .exercise-info[open] .note{display:block}
.save-status{min-height:44px}