.weight-form{flex-direction:column;gap:16px;max-width:320px;display:flex}.input-group{align-items:stretch;gap:8px;display:flex}.input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex:1;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.input-wrapper:focus-within{border-color:#6366f1}.weight-input{text-align:center;appearance:textfield;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 8px 14px 16px;font-size:24px;font-weight:500}.weight-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weight-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weight-input:disabled{cursor:not-allowed;background:0 0}.input-wrapper:has(.weight-input:disabled){background:#f5f5f5}.unit{color:#666;-webkit-user-select:none;user-select:none;background:#f0f0f0;border-left:1px solid #e0e0e0;padding:14px 16px;font-size:18px;font-weight:500}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.message{border-radius:8px;margin:0;padding:10px 14px;font-size:14px;font-weight:500}.message.success{color:#166534;background:#dcfce7}.message.error{color:#991b1b;background:#fee2e2}.message.info{color:#1e40af;background:#dbeafe}:root.dark .input-wrapper{background:#374151;border-color:#4b5563}:root.dark .input-wrapper:focus-within{border-color:#6366f1}:root.dark .input-wrapper:has(.weight-input:disabled){background:#1f2937}:root.dark .weight-input{color:#f9fafb}:root.dark .unit{color:#9ca3af;background:#2d3748;border-left-color:#4b5563}:root.dark .message.success{color:#a7f3d0;background:#064e3b}:root.dark .message.error{color:#fecaca;background:#7f1d1d}:root.dark .message.info{color:#93c5fd;background:#1e3a5f}