.plate-picker,.plate-picker *{box-sizing:border-box}
.plate-picker{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-width:100%;max-height:90dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#d3d9cf);border-radius:24px 24px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom,0px));background:var(--paper,#f3f5ef);color:var(--ink,#14251d);box-shadow:0 -12px 60px #0003}
.plate-picker::backdrop{background:#08181099}
.plate-picker header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.plate-picker h2{margin:0;font-size:22px}.plate-picker .eyebrow{margin:0 0 6px;font-size:11px;overflow-wrap:anywhere}
.plate-total{display:block;text-align:center;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums;margin:15px 0 4px}.plate-total small{font-size:15px;font-weight:500}
.barbell-drawing{position:relative;display:grid;grid-template-columns:1fr 78px 1fr;align-items:center;min-height:92px;isolation:isolate}
.barbell-shaft{position:absolute;inset:calc(50% - 4px) 0 auto;height:8px;border-radius:4px;background:linear-gradient(#d2d9d5,#78877d);z-index:-1}
.barbell-side{display:flex;align-items:center;gap:3px;overflow:hidden;min-width:0}.barbell-side.left{flex-direction:row-reverse}
.barbell-plate{display:block;flex:0 1 17px;min-width:3px;border:1px solid #243c30;border-radius:4px;background:linear-gradient(90deg,#657c6d,#223b2c)}
.plate-45{height:77px}.plate-35{height:67px}.plate-25{height:57px}.plate-15{height:47px}.plate-10{height:42px}.plate-5{height:37px}.plate-2-5{height:32px}
.barbell-centre{background:var(--paper,#f3f5ef);margin:0 5px;text-align:center;font-size:11px;padding:5px 0;font-weight:700}
.plate-help{font-size:12px;line-height:1.5;text-align:center;margin:8px 0 12px}
.plate-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.plate-choices button{min-height:58px;border:1px solid #496451;border-radius:13px;background:#edf1e8;color:#243a2c;display:grid;place-content:center;gap:1px;cursor:pointer;font:inherit}
.plate-choices strong{font-size:19px}.plate-choices small{font-size:10px}.plate-choices button:active{background:#d3e0cf}.plate-choices button:disabled{opacity:.4;cursor:default}
.plate-pairs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px}.plate-pairs button{font:inherit;font-size:12px;min-height:44px;border:1px solid #c2cec3;border-radius:10px;background:white;padding:6px 10px}
.plate-manual{display:flex;gap:10px;align-items:end;margin-top:15px}.plate-manual label{display:grid;gap:5px;flex:1;min-width:0;font-size:12px}.plate-manual input{width:100%;min-height:44px;font:inherit;font-size:16px;border:1px solid #b4c1b5;border-radius:10px;padding:10px;background:#fff;color:#14251d}
.plate-actions{display:flex;gap:10px;margin-top:15px}.plate-actions button{flex:1;min-height:44px}.plate-picker button{touch-action:manipulation}.plate-picker :focus-visible{outline:3px solid #819d61;outline-offset:3px}
[data-plate-picker]{cursor:pointer;background-image:linear-gradient(135deg,transparent 85%,#8b9c71 85%)}
.plank-timer output[data-countdown="true"]{color:#9b5e22;font-size:1rem;min-width:105px}
@media(max-width:480px){.plate-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.plate-picker{padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px))}.plate-choices{gap:5px}.plate-actions button{padding:12px 8px}}