.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:25px 0 30px}.week-day{display:flex;flex-direction:column;gap:7px;padding:15px 10px;background:var(--cfff,#fff);border:1px solid var(--ce0e7dd,#e0e7dd);border-radius:11px;min-width:0}.week-day>b{font-size:16px}.week-day>span{font-size:11px;color:var(--c8a988a,#8a988a)}.week-day>small{display:block;font-size:10px;background:var(--cf0f5e9,#f0f5e9);border-radius:5px;padding:6px;overflow-wrap:anywhere}.week-day .week-empty{background:none;color:var(--c8a988a,#8a988a)}.week-day .add-link{font-size:9px;margin-top:auto;padding:5px 0}.week-day.week-today{border-color:var(--c167a65,#167a65)}.routine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0}.routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.routine-card{padding:23px}.routine-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.routine-title h3{margin:0}.routine-card p{font-size:12px;color:var(--c8a988a,#8a988a)}.routine-mode{font-size:12px;margin:18px 0;color:var(--c5c7564,#5c7564)}.week-chips,.week-checkboxes{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.week-chips span{font-size:11px;padding:7px 9px;border-radius:6px;background:var(--cf7f8f5,#f7f8f5);color:var(--c8a988a,#8a988a)}.week-chips span.on{background:var(--ceaf3ec,#eaf3ec);color:var(--c166b54,#166b54)}.routine-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.routine-buttons .text-button{padding:10px}.week-checkboxes label{display:flex;align-items:center;gap:4px;background:var(--cf0f5e9,#f0f5e9);padding:8px;border-radius:7px}.week-checkboxes input,.routine-pick-row input[type=checkbox]{accent-color:#167a65}.routine-pick{max-height:260px}.routine-pick-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ce0e7dd,#e0e7dd)}.routine-pick-row label{display:flex;align-items:center;gap:7px;color:var(--c36563e,#36563e)}.routine-pick-row input[type=number]{width:70px;padding:7px}.routine-pick-row small{font-size:10px;color:var(--c8a988a,#8a988a)}@media(max-width:1100px){.week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.routine-grid{grid-template-columns:1fr}}@media(max-width:550px){nav{grid-template-columns:repeat(5,1fr)}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-toolbar{align-items:flex-start}.routine-pick-row{grid-template-columns:minmax(0,1fr) 60px 55px}.routine-pick-row input[type=number]{width:60px}.routine-card{padding:19px}.routine-toolbar .secondary{font-size:10px}.routine-buttons .secondary{font-size:10px;padding:9px 12px}}

/* Repetitions or duration per set, and set counts */
.entry-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.entry-controls label{justify-content:space-between;min-width:0}.entry-controls label>input:not([type=checkbox]){width:60px;flex-shrink:0}.entry-controls select{max-width:100%;justify-self:start}.entry-controls .remove-entry{justify-self:end}.routine-pick-row{grid-template-columns:minmax(0,1fr) 82px 72px}.routine-pick-row .routine-dose{display:flex;flex-direction:column;align-items:stretch;gap:3px;font-size:10px}.routine-dose input:not([type=checkbox]){width:100%;margin:0;padding:7px}.routine-dose small{font-size:9px}@media(max-width:550px){.entry-controls{gap:8px}.entry-controls label{font-size:9px}.entry-controls label>input:not([type=checkbox]){width:50px}.routine-pick-row{grid-template-columns:minmax(0,1fr) 67px 60px}.routine-pick-row>label:first-child{font-size:11px}}

.hint-wrap .tooltip[popover]{display:none;position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);box-sizing:border-box;overflow:auto;overflow-wrap:anywhere;color:inherit;pointer-events:none}
.hint-wrap .tooltip[popover]:popover-open{display:block}
.hint-wrap .tooltip[popover] img{height:auto;max-height:min(195px,40dvh)}


.cal-day.rest-day{background:color-mix(in srgb,var(--accent,#64cfa0) 12%,transparent);position:relative}.rest-mark{display:block;font-size:11px;line-height:11px}.drag-handle{cursor:grab;border:0;background:transparent;color:inherit;font-size:24px;padding:2px 8px;touch-action:none}.dragging{opacity:.45}.set-checks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.set-check{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #60776b;border-radius:8px;cursor:pointer}.set-check:has(input:checked){background:#276342;color:#fff}.set-check input{accent-color:#339b63}.routine-pick-row{grid-template-columns:32px minmax(130px,1fr) 110px 100px}