*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.body{padding:.75rem;flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.main-container{max-width:900px;margin:0 auto;padding:0 1rem}.weight-input-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.25rem;max-width:480px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.06)}.input-label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.75rem;letter-spacing:.01em}.weight-input-wrapper{display:flex;align-items:center;gap:.75rem}.weight-input{flex:1;font-size:2rem;font-weight:300;border:none;outline:none;background:transparent;color:#111827;padding:0;font-variant-numeric:tabular-nums}.weight-input::placeholder{color:#d1d5db}.weight-input:focus{outline:none}.unit-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.unit-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;min-width:48px}.unit-btn:hover{color:#374151}.unit-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.375rem;font-weight:500;font-size:13px;color:#333}.input-with-unit{display:flex;align-items:center;padding:.5rem;background-color:transparent}.input-with-unit input{border:none;outline:none;flex:1;font-size:16px}.unit-label{color:#666;margin-left:.5rem;font-size:14px}input[type=number]{padding:.75rem;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%}input[type=number]:focus{outline:none;border-color:#1976d2}.radio-group{display:flex;gap:1rem}.radio-group label{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-weight:400}.radio-group input[type=radio]{cursor:pointer;width:auto}.spacer{margin-bottom:2rem}.btn{padding:.75rem 1.5rem;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background-color .3s}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.divider{height:1px;background-color:#e0e0e0;margin:1rem 0}.collapse{display:none;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.plates-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:640px){.plates-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.plates-container{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.plates-container{grid-template-columns:repeat(5,1fr)}}.plate-input{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.plate-input label{min-width:80px;font-size:13px;margin-bottom:0}.plate-label{display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s;-webkit-user-select:none;user-select:none}.plate-label:hover{opacity:.7}.color-indicator{width:14px;height:14px;border-radius:2px;display:inline-block;flex-shrink:0;margin-right:.5rem;vertical-align:middle}.plate-input input{width:60px;padding:.5rem;font-size:14px}.barbells-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:480px;margin:0 auto}@media(max-width:768px){.barbells-container{grid-template-columns:1fr}}.barbell-col h2{font-size:20px;font-weight:400;margin-bottom:.625rem;color:#333}.plate-container{display:flex;align-items:center;height:140px;width:100%;margin:auto;font-size:11px;font-weight:700;overflow-x:auto}.bar{min-width:50px;background-color:#333;color:#fff;height:15px;display:flex;align-items:center;justify-content:center;font-size:10px;text-transform:uppercase}.collar{background-color:gray;color:#000;height:35px;min-width:30px;padding:5px;display:flex;align-items:center;justify-content:center;font-size:10px;text-transform:uppercase}.plate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:30px;border:1px solid #000;padding:.25rem}.plate-text{font-size:10px;font-weight:700;text-transform:uppercase}.remainder-text,.rounded-text{font-size:12px;color:#666;margin-top:.5rem}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-backdrop.active{opacity:1;visibility:visible}.settings-drawer{position:fixed;bottom:80px;left:0;width:100%;max-height:75vh;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 24px #0000001a;transform:translateY(calc(100% - 56px));transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1200;overflow:hidden;display:flex;flex-direction:column}.settings-drawer.open{transform:translateY(0)}.drawer-handle{padding:1rem 1.5rem;margin-bottom:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.drawer-handle-bar{width:36px;height:4px;background-color:#d1d5db;border-radius:2px;transition:background-color .2s}.drawer-handle:hover .drawer-handle-bar{background-color:#9ca3af}.drawer-handle-text{font-size:.8125rem;font-weight:500;color:#6b7280;letter-spacing:.02em}.drawer-content{display:flex;flex-direction:column;flex:1;max-width:600px;margin:0 auto;width:100%;overflow:hidden;min-height:0}@media(min-width:1024px){.drawer-content{max-width:1200px}}.drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem;-webkit-overflow-scrolling:touch}@media(min-width:1024px){.drawer-body{padding:0 2rem 2rem}.drawer-body>.input-group:not(:has(#plates-kg-container)):not(:has(#plates-lbs-container)):not(.drawer-footer){display:inline-block;width:calc(50% - .5rem);vertical-align:top}.drawer-body>.input-group:nth-child(odd):not(:has(#plates-kg-container)):not(:has(#plates-lbs-container)){margin-right:1rem}}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.drawer-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #e0e0e0;padding:.75rem 1.25rem;z-index:1300;box-shadow:0 -2px 8px #0000000d}.app-footer p{margin:.375rem 0;font-size:12px;color:#666;text-align:center}.app-footer a{color:#1976d2;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(min-width:768px){.settings-drawer{max-height:65vh}}.color-picker-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.color-picker-content{background:#fff;border-radius:12px;padding:1.5rem;max-width:320px;width:90%;box-shadow:0 10px 40px #0003}.color-picker-content h3{margin:0 0 1rem;font-size:1.125rem;font-weight:500;color:#333}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.color-option{aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.color-option:hover{transform:scale(1.1);border-color:#1976d2}.color-reset-btn{width:100%;padding:.75rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.color-reset-btn:hover{background-color:#e0e0e0}